.page.assignment-reports-page { max-width:none; min-height:calc(100vh - 116px); padding:24px 15px 48px; background:#f3f3f4; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.assignment-reports-page>.page-heading { display:flex; align-items:flex-start; min-height:55px; margin-bottom:16px; padding:15px; background:#fafafa; }
.assignment-reports-page>.page-heading h1 { color:#0d6efd; font:500 20px/24px Lexend,sans-serif; }
.ar-shell { position:relative; background:#fff; border:1px solid #e7eaec; color:#676a6c; }
.ar-filter { padding:16px; }
.ar-fields { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px 24px; align-items:end; }
.ar-student-online .ar-fields { grid-template-columns:25% 12.5% 18.75% 12.5% auto; gap:0; }
.ar-contextual{display:flex;gap:8px;margin:0 0 12px}.ar-contextual>button{border:1px solid #d8dee8;background:#fff;border-radius:5px;padding:7px 12px;color:#364656}.ar-contextual dialog{max-width:620px;border:0;border-radius:12px;padding:24px;color:#364656}.ar-contextual dialog::backdrop{background:#0006}.ar-contextual dialog h2{margin-top:0}.ar-contextual dialog li{margin:8px 0}.ar-contextual dialog [data-ar-context-close]{margin-top:12px;padding:7px 14px}
.assignment-reports-page:has(.ar-student-online)>.page-heading h1 { color:#6a6a6a; }
.ar-student-online .ar-filter { box-sizing:border-box; min-height:90px; padding:16px 4px; }
.ar-student-online .ar-fields>div { padding:0 12px; }
.ar-student-online .ar-fields>[data-ar-get] { margin-left:12px; align-self:start; margin-top:21px; }
.ar-fields>div { min-width:0; }
.ar-fields label { display:block; padding-left:5px; margin-bottom:0; color:#0d6efd; font:500 14px/21px Lexend,sans-serif; }
.ar-fields select,.ar-fields input:not(.select2-search__field) { box-sizing:border-box; width:100%; height:35px; padding:6px 12px; border:1px solid #e5e6e7; border-radius:1px; background:#fff; color:#676a6c; font:400 14px/21px Lexend,sans-serif; }
.ar-fields .select2-container { width:100%!important; }
.ar-fields .select2-selection--single,.ar-fields .select2-selection--multiple { min-height:33px; }
.ar-fields button { justify-self:start; 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; }
.ar-fields button:disabled { opacity:.6; cursor:not-allowed; }
.ar-dates { display:flex; align-items:center; gap:0; }
.ar-dates>span:first-child,.ar-dates>span:last-child { flex:1; min-width:0; }
.ar-dates>span:nth-child(2) { padding:5px; border-top:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; background:#eee; color:#555; }
.ar-result { margin:16px; padding:16px; border:1px solid #e7eaec; background:#fff; }
.ar-tools { display:flex; justify-content:flex-end; align-items:center; min-height:38px; margin-bottom:8px; gap:8px; }
.ar-tools:empty { display:none; }
.ar-tools input { box-sizing:border-box; width:192px; height:35px; border:1px solid #e5e6e7; padding:6px 12px; background:#fff; font:400 14px/21px Lexend,sans-serif; }
.ar-tools button { min-height:31px; padding:4px 10px; border:0; border-radius:3px; background:#23c6c8; color:#fff; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.ar-student-online .ar-result { margin:46px 24px 0 0; padding:16px; }
.ar-student-online .ar-tools { display:grid; grid-template-columns:1fr auto; grid-template-rows:31px 35px; gap:10px 0; min-height:0; margin-bottom:10px; }
.ar-student-online .ar-tools [data-ar-export] { grid-column:1; grid-row:1; justify-self:start; width:28.5px; min-height:31px; padding:0; }
.ar-student-online .ar-tools [data-ar-search] { grid-column:2; grid-row:2; }
.ar-student-online .ar-table-scroll .ar-th-inner { position:relative; display:block; min-width:100px; width:100%; padding:0 30px 0 0; border:0; background:transparent; color:inherit; font:500 14px/20px Lexend,sans-serif; white-space:normal; overflow-wrap:break-word; cursor:pointer; }
.ar-student-online .ar-table-scroll .ar-sort-icon { position:absolute; right:8px; top:50%; width:6px; height:14px; transform:translateY(-50%); }
.ar-student-online .ar-sort-icon::before,.ar-student-online .ar-sort-icon::after { content:''; position:absolute; left:0; border-right:3px solid transparent; border-left:3px solid transparent; }
.ar-student-online .ar-sort-icon::before { top:0; border-bottom:5px solid #dcdcdc; }
.ar-student-online .ar-sort-icon::after { bottom:0; border-top:5px solid #dcdcdc; }
.ar-student-online th[aria-sort="ascending"] .ar-sort-icon::before { border-bottom-color:#7b83db; }
.ar-student-online th[aria-sort="ascending"] .ar-sort-icon::after,.ar-student-online th[aria-sort="descending"] .ar-sort-icon::before { display:none; }
.ar-student-online th[aria-sort="descending"] .ar-sort-icon::after { border-top-color:#7b83db; }
.ar-table-scroll { width:100%; overflow-x:auto; }
.ar-table-scroll table { width:100%; min-width:1170px; border-collapse:collapse; background:#fff; }
.ar-table-scroll th,.ar-table-scroll td { padding:11px 8px; border:1px solid #ebebeb; vertical-align:middle; text-align:center; }
.ar-table-scroll th { background:#ededed; color:#111; font:700 14px/20px Lexend,sans-serif; }
.ar-table-scroll td { color:#212529; font:300 14px/21px Lexend,sans-serif; }
.ar-table-scroll .ar-hidden { display:none; }
.ar-group-link { display:block; margin:14px 15px 0 auto; padding:6px 12px; border:1px solid #0d6efd; border-radius:3px; background:transparent; color:#0d6efd; font:400 16px/24px Lexend,sans-serif; cursor:pointer; }
.ar-error,.ar-loading { margin:8px 16px; padding:8px 12px; }
.ar-error { border:1px solid #e5b4bb; background:#fff5f6; color:#ad3440; }
.ar-warning button { cursor:pointer; }
@media(max-width:1000px) { .ar-fields,.ar-student-online .ar-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }
@media(max-width:640px) { .page.assignment-reports-page { padding:16px 12px 36px; } .ar-fields,.ar-student-online .ar-fields { grid-template-columns:1fr; } .ar-result { margin:8px; padding:8px; } .ar-table-scroll table { min-width:900px; } }