@media screen {
 .attendance-screen>.reference-filters{display:flex;padding:12px 42px;gap:24px}
 .attendance-screen>.reference-filters .filter{flex:0 1 auto;max-width:none;flex-direction:row;width:auto}
 .attendance-screen>.reference-filters .filter:first-child{width:290px}
 .attendance-screen>.reference-filters .filter:nth-child(2){width:325px}
 .attendance-screen>.reference-filters .filter-actions{margin-left:0}
 .attendance-screen .view-controls{margin-left:auto}
 .attendance-screen #main-table td{text-align:center}
 .attendance-columns .column-options{width:245px;max-height:62vh;padding:10px}
 .attendance-columns .column-all{border-bottom:1px solid #e2e7ec}
 #attendance-column-list{max-height:44vh;overflow:auto}
 #attendance-column-list label{border-bottom:1px solid #e2e7ec;cursor:grab}
 .column-drag{color:#98a4b0;font-size:12px;margin-right:4px}
 .attendance-columns .column-setting-actions{border-top:1px solid #e2e7ec;padding-top:8px;justify-content:flex-end}
 .monthly-hours-screen>.reference-filters{display:flex;flex-wrap:wrap;gap:22px;padding:12px 42px}
 .monthly-hours-screen>.reference-filters .filter{flex:0 1 auto;max-width:none}
 .monthly-hours-screen>.reference-filters .filter:first-child{width:240px}
 .monthly-hours-screen>.reference-filters .filter:nth-child(2){width:230px}
 .monthly-hours-screen>.reference-filters .filter:nth-child(3){width:295px}
 .monthly-hours-screen>.reference-filters .filter-actions{margin-left:0}
 .process-month-control{display:flex;align-items:center;position:relative;min-width:0;flex:1}
 .process-month-control input{padding-right:30px!important;width:100%}
 .process-month-control .process-calendar{position:absolute;right:1px;top:1px;bottom:1px;min-height:0;width:30px;padding:5px;border:0;background:transparent;color:#98a4b0}
 .process-month-popup{position:fixed;width:280px;padding:0 8px 12px;background:white;z-index:140;box-shadow:0 3px 12px #0003;border-radius:3px;color:#5c6b7a}
 .process-month-popup .month-picker-header{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7ec}
 .process-month-popup .month-picker-header button{border:0;background:transparent;color:#8a97a3}
 .process-month-popup .month-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px;padding-top:18px}
 .process-month-popup .month-picker-grid button{border:0;min-height:28px;padding:0 8px;background:white}
 .process-month-popup .month-picker-grid .selected{color:white;background:var(--blue)}
 .process-document-modal .form-grid{grid-template-columns:1fr;gap:24px}
 .process-document-modal .form-grid .field{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:start}
 .process-document-modal .field>label{text-align:right;line-height:32px;position:relative}
 .process-document-modal .field>label .required{position:absolute;left:auto;transform:translateX(-100%);margin:0}
 .process-document-modal .field textarea{min-height:80px}
 .process-document-modal .process-document-upload-hint{grid-column:2}
 .process-document-modal .process-document-template{grid-column:2;justify-self:start}
 .process-document-modal .file-control{min-width:0}
 @media(max-width:1100px){.attendance-screen>.reference-filters,.monthly-hours-screen>.reference-filters{padding:12px 16px;gap:12px}.monthly-hours-screen>.reference-filters .filter{width:calc(50% - 12px)!important}.monthly-hours-screen>.reference-filters .filter-actions{grid-column:auto;grid-row:auto}}
 @media(max-width:700px){.attendance-screen>.reference-filters .filter,.monthly-hours-screen>.reference-filters .filter{width:100%!important;flex-basis:100%!important;max-width:100%}.process-document-modal .form-grid .field{grid-template-columns:110px minmax(0,1fr)}}
}
@media screen {
 .process-document-types{position:relative;min-width:0;flex:1}
 .process-document-types summary{height:32px;border:1px solid #c9d2db;border-radius:3px;background:white;list-style:none;padding:4px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
 .process-test-type-options{position:absolute;top:34px;left:0;right:0;background:white;box-shadow:0 3px 12px #0002;z-index:40;padding:6px}
 .process-test-type-options label{display:flex;align-items:center;gap:8px;padding:5px}
 .process-test-type-options input[type=checkbox]{flex:0 0 16px;width:16px;height:16px}
 .process-document-upload-hint{font-size:14px;color:#8a97a3}
}

@media screen {
 html .process-density-grid[data-process-density=spacious] .table-wrap td{padding-top:16px;padding-bottom:16px}
 html .process-density-grid[data-process-density=default] .table-wrap td{padding-top:12px;padding-bottom:12px}
 html .process-density-grid[data-process-density=compact] .table-wrap td{padding-top:8px;padding-bottom:8px}
}