.system-overview-mode.main-page-mode .content{max-width:1000px;padding-top:16px}.system-overview-mode .page-head{margin-bottom:12px}.system-overview-mode .page-head h1{font-size:22px;line-height:1.25}.system-overview-mode .page-head p{font-size:12px;margin-top:5px}
#system-overview{font-size:14px;color:#13264b}#system-overview .so-filters{display:flex;gap:14px;padding:10px 12px;background:#fff;border:1px solid #d9e4ef;border-radius:8px}#system-overview label{flex:1;min-width:0;font-size:12px;font-weight:700}#system-overview select{display:block;width:100%;margin-top:5px;padding:8px 10px;color:#13264b;background:#fff;border:1px solid #ccdcea;border-radius:5px;min-width:0}#system-overview .so-scope{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#586e87;font-size:12px;margin:9px 0}#system-overview #so-report{border:1px solid #d9e4ef;border-radius:8px;overflow:clip;background:#fff}#system-overview table{width:100%;min-width:0;border-collapse:collapse;table-layout:auto}#system-overview th,#system-overview td{padding:8px 10px;border-bottom:1px solid #d9e4ef;text-align:right;vertical-align:middle;font-variant-numeric:tabular-nums}#system-overview thead th{background:#eaf3fc;font-size:12px}#system-overview th:first-child{text-align:left;width:25%;font-size:12px}#system-overview thead th:last-child{text-align:left;width:26%}#system-overview small{display:block;font-size:11px;font-weight:400;color:#586e87}#system-overview .so-due span{display:inline-block;min-width:25px;padding:0 5px;border-radius:5px;background:#fff0f2;color:#be1731;font-weight:700}#system-overview .so-kpi-line{display:grid;grid-template-columns:minmax(35px,1fr) 55px;gap:9px;align-items:center}#system-overview .so-track{height:7px;border-radius:5px;background:#e8eef6;overflow:hidden}#system-overview .so-track span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#0760e7,#429aff)}#system-overview .so-kpi b{font-size:13px}#system-overview tfoot th,#system-overview tfoot td{background:#123653;color:#fff;border-bottom:0;font-weight:700}#system-overview tfoot .so-track{background:#ffffff26}#system-overview tfoot .so-track span{background:#80baff}#system-overview tfoot .so-due span{background:#ffffff19;color:#fff}#system-overview .so-notes{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;color:#586e87;font-size:11px;margin-top:8px}#system-overview .so-empty{padding:12px;margin:0;color:#586e87;font-size:13px}
@media(max-width:640px){.system-overview-mode.main-page-mode .content{padding:12px 10px}.system-overview-mode .page-head h1{font-size:18px}.system-overview-mode .page-head{gap:8px}#system-overview .so-filters{gap:8px;padding:8px}#system-overview select{font-size:16px;padding:6px 4px;min-height:44px}#system-overview label{font-size:11px}#system-overview .so-scope{font-size:11px;margin:7px 0}#system-overview table,#system-overview tbody,#system-overview tfoot{display:block}#system-overview thead{display:none}#system-overview tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 8px;padding:8px 9px;border-bottom:1px solid #d9e4ef}#system-overview th,#system-overview td{display:block;border:0;padding:0;text-align:left;font-size:15px;line-height:1.2}#system-overview th:first-child{width:auto;grid-column:1/3;grid-row:1;align-self:center;font-size:12px}#system-overview td:nth-child(2){grid-column:1;grid-row:2}#system-overview td:nth-child(3){grid-column:2;grid-row:2}#system-overview td:nth-child(4){grid-column:3;grid-row:2}#system-overview td:nth-child(5){grid-column:4;grid-row:2}#system-overview td:last-child{grid-column:3/5;grid-row:1;align-self:center}#system-overview td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:#586e87;margin-bottom:2px}#system-overview td:last-child:before{display:none}#system-overview .so-kpi-line{grid-template-columns:minmax(25px,1fr) 49px;gap:6px}#system-overview .so-kpi b{font-size:12px}#system-overview .so-track{height:6px}#system-overview tfoot tr{background:#123653;border:0}#system-overview tfoot td[data-label]:before{color:#d4e4f4}}
@media print{.system-overview-mode .top-actions,.system-overview-mode .so-filters{display:none!important}#system-overview table{display:table}#system-overview thead{display:table-header-group}#system-overview tbody{display:table-row-group}#system-overview tfoot{display:table-footer-group}#system-overview tr{display:table-row}#system-overview th,#system-overview td{display:table-cell;padding:5px}#system-overview td:before{display:none!important}}
/* Report filters are selection controls, not data-entry fields. */
#system-overview select{background:#fff!important;color:#13264b!important;font-weight:400}
#system-overview tbody th{background:#fff}
@media(max-width:640px){#system-overview .sticky-table-scroll{max-height:none!important;overflow:visible!important}}
#system-overview .so-phone-label{display:none}
/* Summary: compact department headers followed by numbered employee rows. */
#system-overview .so-summary-scroll{overflow:auto}
#system-overview .so-employee-summary{font-size:12px;min-width:560px;table-layout:auto}
#system-overview .so-employee-summary th,#system-overview .so-employee-summary td{padding:5px 8px;font-size:12px;line-height:18px;white-space:nowrap}
#system-overview .so-employee-summary th:first-child,#system-overview .so-employee-summary td:first-child{width:38px!important;text-align:center}
#system-overview .so-employee-summary th:nth-child(2){width:auto!important;text-align:left}
#system-overview .so-employee-summary thead th:last-child{width:80px!important;text-align:right}
#system-overview .so-employee-summary .so-dept-row th,#system-overview .so-employee-summary .so-dept-row td{background:#dceaf7;font-weight:700}
#system-overview .so-employee-summary .so-employee-row th{padding-left:20px;font-weight:400}
#system-overview .so-employee-summary .aq-filter{margin-left:3px;padding:2px 4px;min-height:22px;font-size:11px}
@media screen and (max-width:640px){
 #system-overview .so-filters{display:grid;grid-template-columns:1fr 1fr}
 #system-overview .so-employee-summary{table-layout:auto;min-width:560px}
 #system-overview .so-employee-summary th,#system-overview .so-employee-summary td{padding:5px 7px;font-size:12px;line-height:18px;overflow-wrap:normal}
}
/* Phone portrait: one comparison table, not a tall stack of department cards. */
@media screen and (max-width:640px){
 .system-overview-mode.main-page-mode .content{padding:8px}
 .system-overview-mode .page-head{margin-bottom:8px;gap:5px}
 .system-overview-mode .page-head h1{font-size:16px;line-height:1.2}
 .system-overview-mode .page-head p{display:none}
 #system-overview .so-filters{padding:6px;gap:6px}
 #system-overview select{margin-top:3px}
 #system-overview .so-scope{margin:5px 0;gap:2px}
 #system-overview .so-scope #so-status{font-size:11px}
 #system-overview table{display:table;table-layout:fixed;width:100%}
 #system-overview thead{display:table-header-group}
 #system-overview tbody{display:table-row-group}
 #system-overview tfoot{display:table-footer-group}
 #system-overview tr{display:table-row;padding:0;border:0}
 #system-overview th,#system-overview td{display:table-cell;min-width:0!important;padding:6px 3px;font-size:13px;line-height:1.2;text-align:right;border-bottom:1px solid #d9e4ef;overflow-wrap:anywhere}
 #system-overview thead th{font-size:11px;padding:7px 2px}
 #system-overview th:first-child{width:28%!important;text-align:left;font-size:12px}
 #system-overview th:nth-child(2){width:12%!important}
 #system-overview th:nth-child(3){width:14%!important}
 #system-overview th:nth-child(4){width:15%!important}
 #system-overview th:nth-child(5){width:10%!important}
 #system-overview thead th:last-child{width:21%!important;text-align:right}
 #system-overview td[data-label]:before{display:none}
 #system-overview .so-wide-label,#system-overview tbody th small{display:none}
 #system-overview .so-phone-label{display:inline}
 #system-overview .so-kpi-line{display:block}
 #system-overview .so-track{display:none}
 #system-overview .so-kpi b{font-size:12px;white-space:nowrap}
 #system-overview .so-due span{padding:0 3px;min-width:0}
 #system-overview .so-notes{margin-top:6px;gap:3px}
 .system-overview-mode .footer{margin-top:8px;padding-top:8px}
}