.page.assignment-status-page { max-width:none; min-height:calc(100vh - 116px); padding:39px 15px 48px; background:#f3f3f4; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.assignment-status-page .page-heading { box-sizing:border-box; display:block; height:69px; margin:-15px -12px 0; padding:15px 12px 0; background:#fafafa; }
.assignment-status-page .page-heading h1 { margin-left:15px; color:#676a6c; font:500 20px/24px Lexend,sans-serif; }
.assignment-status-page:has(.as-main) .page-heading h1 { color:#0d6efd; }
.assignment-status-page:has(.as-class-group) .page-heading h1 { color:#0d6efd; }
.as-shell { position:relative; margin:16px 0 0; border:1px solid #0002; border-radius:6px; background:#fff; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.as-class-group { margin-top:2px; }
.as-group-link { position:absolute; top:-70px; right:15px; min-height:38px; padding:6px 12px; border:1px solid #005be8; border-radius:3px; background:transparent; color:#005be8; font:400 16px/24px Lexend,sans-serif; cursor:pointer; }
.as-filter-card,.as-result { padding:16px; background:#fff; }
.as-filter-card { border:0; }
.as-filter-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:19px 0; align-items:end; }
.as-filter-grid>div { min-width:0; padding-right:24px; }
.as-filter-grid label { display:block; margin-bottom:0; color:#0d6efd; font:500 14px/21px Lexend,sans-serif; }
.as-filter-grid select,.as-filter-grid input { box-sizing:border-box; width:100%; min-height:35px; padding:6px 12px; border:1px solid #e5e6e7; border-radius:1px; background:#fff; color:#676a6c; font:400 14px/21px Lexend,sans-serif; }
.as-filter-grid input[readonly] { cursor:pointer; }
.as-filter-grid .select2-container { width:100%!important; }
.as-filter-grid .select2-selection--single { height:33px; }
.as-filter-grid .select2-selection--multiple { box-sizing:border-box; min-height:33px; height:33px; }
.as-filter-grid .select2-selection--multiple .select2-selection__rendered { box-sizing:border-box; min-height:31px; padding-top:0; padding-bottom:0; }
.as-filter-grid .select2-selection__rendered { line-height:31px; }
.as-date-range { grid-column:1 / span 2; grid-row:2; display:flex; align-items:center; gap:0; }
.as-date-range input { flex:0 0 189px; width:189px; text-align:center; }
.as-date-range input:last-child { margin-left:-1px; }
.as-date-range span { display:grid; place-items:center; box-sizing:border-box; flex:0 0 18px; height:35px; margin-left:-1px; padding:4px 2px; border-top:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; background:#eee; color:#676a6c; font:400 14px/20px Lexend,sans-serif; }
.as-filter-actions { grid-column:6; display:flex; flex-wrap:wrap; gap:8px; }
.as-main .as-filter-grid:not(:has(.as-date-range)) { row-gap:25px; }
.as-main .as-filter-grid:not(:has(.as-date-range)) .as-filter-actions { grid-column:1; grid-row:2; }
.as-main .as-filter-grid:has(.as-date-range) { row-gap:21px; }
.as-filter-grid:has(.as-date-range) .as-filter-actions { grid-column:2; grid-row:2; align-self:start; padding-right:0; margin-left:144px; }
.as-class-group .as-filter-grid:not(:has(.as-date-range)) { row-gap:57px; }
.as-class-group .as-filter-grid:not(:has(.as-date-range)) .as-filter-actions { grid-column:1; grid-row:2; }
.as-filter-actions button,.as-report-tools button { min-height:31px; padding:4px 8px; border:1px solid #005be8; border-radius:3px; background:#005be8; color:#fff; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.as-filter-actions button:disabled,.as-report-tools button:disabled { opacity:.5; cursor:not-allowed; }
.as-error { margin:10px 0; padding:8px 12px; border:1px solid #e5b4bb; border-radius:3px; background:#fff5f6; color:#ad3440; }
.as-loading { padding:14px; }
.as-result { margin-top:16px; overflow:hidden; border:1px solid #0002; border-radius:6px; }
.as-report-tools { position:relative; height:115px; }
.as-class-group .as-report-tools { height:52px; }
.as-class-group .as-table-scroll { margin-bottom:16px; }
.as-report-tools input { box-sizing:border-box; width:192px; height:35px; padding:6px 12px; border:1px solid #e5e6e7; background:#fff; font:300 14px/21px Lexend,sans-serif; }
.as-report-tools input { position:absolute; top:70px; right:0; }
.as-report-tools button { position:absolute; top:0; left:0; display:grid; place-items:center; width:29px; height:31px; padding:4px; background:#23c6c8; border-color:#23c6c8; }
.as-table-scroll { overflow-x:auto; }
.as-report-table { width:100%; min-width:1560px; border-collapse:collapse; background:#fff; }
.as-report-table th,.as-report-table td { padding:11px 8px; border:1px solid #ebebeb; text-align:center; vertical-align:middle; }
.as-report-table th { background:#ededed; color:#000; font:700 14px/20px Lexend,sans-serif; }
.as-main .as-report-table th .as-th-inner { min-width:100px; white-space:normal; font:500 14px/20px Lexend,sans-serif; }
.as-main .as-report-table thead tr:last-child th:first-child { text-align:left; }
.as-question { display:inline-block; width:14px; height:14px; color:#0d6efd; line-height:0; vertical-align:-2px; cursor:help; }
.as-report-table td { color:#212529; font:300 14px/21px Lexend,sans-serif; }
.as-report-table .as-screen-hidden { display:none; }
@media(max-width:900px) { .page.assignment-status-page { padding:24px 13px 40px; } .assignment-status-page .page-heading { height:auto; margin:0; padding:0; background:transparent; } .as-shell,.as-class-group { margin:40px 0 0; } .as-group-link { top:-40px; right:0; } .as-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .as-filter-actions { grid-column:auto; } }
@media(max-width:560px) { .as-filter-grid { grid-template-columns:1fr; } .as-filter-card,.as-result { padding:10px; } }