/* MySTS v360 — reusable STS management report visual standard.
   Header: navy field, official STS logo, blue stripe turning STS red at right.
   A4 portrait output with print-safe tables and white paper regardless of portal theme. */
#sts360Dialog.sts360-dialog{width:min(1060px,96vw);max-width:1060px;max-height:94vh;overflow:auto;padding:0;border:1px solid #8897a8;border-radius:12px;background:#eef3f9;color:#203247;box-shadow:0 24px 80px #0006}
#sts360Dialog::backdrop{background:rgba(4,13,27,.8)}
#sts360Dialog .sts360-toolbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #d9e2ed;z-index:2;padding:16px 22px;box-shadow:0 2px 10px #152e4611}
#sts360Dialog .sts360-toolbar-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
#sts360Dialog .sts360-toolbar-top small{font-size:10px;letter-spacing:1.5px;color:#5a7694;font-weight:800}
#sts360Dialog .sts360-toolbar h2{color:#142c48;font-size:19px;margin:2px 0 10px}
#sts360Dialog .sts360-close{border:0;background:#eaf0f7;color:#173957;width:34px;height:34px;border-radius:7px;font-size:24px;cursor:pointer}
#sts360Dialog .sts360-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:13px}
#sts360Dialog .sts360-filters label{display:flex;flex-direction:column;gap:4px;color:#264561;font-size:12px;font-weight:700}
#sts360Dialog .sts360-filters select{width:100%;border-radius:6px;border:1px solid #acbfd1;background:#fff;color:#183249;padding:9px 12px;font:inherit}
#sts360Dialog .sts360-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
#sts360Dialog .sts360-actions button{border:1px solid #b2c2d3;border-radius:6px;padding:9px 15px;background:white;color:#123551;cursor:pointer;font-weight:700}
#sts360Dialog .sts360-actions button.sts360-primary{background:#137fd4;color:#fff;border-color:#137fd4}
#sts360Dialog .sts360-actions button:disabled{opacity:.45;cursor:not-allowed}
#sts360Dialog #sts360Status{font-size:12px;color:#55708a;margin:9px 0 0}
#sts360Dialog #sts360Output{padding:22px;display:flex;justify-content:center}
#sts360Dialog .sts360-print-doc{background:#fff;color:#182d43;box-shadow:0 2px 22px #27426025;width:100%;max-width:795px;box-sizing:border-box;padding:26px 27px 20px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4}
#sts360Dialog .sts360-paper-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;background:#142b45;color:#fff;padding:12px 22px 16px;margin:-26px -27px 19px;box-sizing:border-box}
#sts360Dialog .sts360-brand{display:flex;flex-direction:column;gap:4px;min-width:115px}
#sts360Dialog .sts360-brand img{display:block;width:125px;max-height:63px;object-fit:contain;object-position:left center}
#sts360Dialog .sts360-brand span{font-size:7px;letter-spacing:1.2px;color:#e9f3ff;font-weight:700}
#sts360Dialog .sts360-paper-title{text-align:right}
#sts360Dialog .sts360-paper-title h1{margin:0;color:white;font-weight:700;font-size:19px;line-height:1.15}
#sts360Dialog .sts360-paper-title p{margin:5px 0 0;color:#c4def2;font-size:8px;letter-spacing:1.8px}
#sts360Dialog .sts360-paper-stripe{position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(to right,#1181dc 0%,#1181dc 77%,#d52e42 77%,#d52e42 100%)}
#sts360Dialog .sts360-report-meta{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:15px;padding:0 0 13px;border-bottom:1px solid #dde5ed}
#sts360Dialog .sts360-report-meta>div{display:flex;flex-direction:column;gap:3px}
#sts360Dialog .sts360-report-meta small{font-size:8px;color:#677d90;text-transform:uppercase;letter-spacing:.6px}
#sts360Dialog .sts360-report-meta strong{font-size:11px;color:#142b45;overflow-wrap:anywhere}
#sts360Dialog .sts360-report-meta span{font-size:9px;color:#567086}
#sts360Dialog .sts360-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
#sts360Dialog .sts360-stats>div{background:#edf4fb;border-left:3px solid #1687d7;min-height:66px;padding:10px 9px;box-sizing:border-box}
#sts360Dialog .sts360-stats>div:nth-child(4){border-left-color:#d73549}
#sts360Dialog .sts360-stats span{display:block;font-size:8px;color:#4c657e;font-weight:700}
#sts360Dialog .sts360-stats strong{display:block;font-size:18px;color:#143450;margin:3px 0;font-weight:800}
#sts360Dialog .sts360-stats small{display:block;font-size:7.5px;color:#647a8f}
#sts360Dialog .sts360-section{margin-top:16px;break-inside:avoid-page}
#sts360Dialog .sts360-section h2{font-size:13px;color:#123d65;border-bottom:2px solid #1885d8;padding-bottom:5px;margin:0 0 8px}
#sts360Dialog .sts360-section p{font-size:9px;color:#61778c;margin:0 0 7px}
#sts360Dialog .sts360-table table{width:100%;border-collapse:collapse;font-size:9px;table-layout:fixed}
#sts360Dialog .sts360-table thead{display:table-header-group}
#sts360Dialog .sts360-table th{background:#e9f0f7;color:#142b45;text-align:left;padding:7px 6px;font-weight:800}
#sts360Dialog .sts360-table th:first-child,#sts360Dialog .sts360-table td:first-child{width:43%;text-align:left;overflow-wrap:anywhere}
#sts360Dialog .sts360-table td{padding:6px;border-bottom:1px solid #e0e7ef;text-align:right;vertical-align:top}
#sts360Dialog .sts360-table th:not(:first-child){text-align:right}
#sts360Dialog .sts360-table tbody tr{break-inside:avoid}
#sts360Dialog .sts360-empty{padding:12px;background:#f3f6fb;color:#536b82}
#sts360Dialog .sts360-notes{border-top:1px solid #dbe4ed;margin-top:16px;padding-top:9px}
#sts360Dialog .sts360-notes h2{margin:0 0 5px;font-size:10px;color:#173e63}
#sts360Dialog .sts360-notes p{font-size:8.5px;color:#536a7e;line-height:1.45;margin:0}
#sts360Dialog .sts360-footer{border-top:1px solid #d9e4ee;display:flex;justify-content:space-between;gap:15px;color:#60778b;font-size:8px;margin-top:18px;padding-top:9px}
@media(max-width:700px){
 #sts360Dialog .sts360-filters{grid-template-columns:1fr}
 #sts360Dialog #sts360Output{padding:8px}
 #sts360Dialog .sts360-print-doc{padding:14px}
 #sts360Dialog .sts360-paper-head{margin:-14px -14px 15px}
 #sts360Dialog .sts360-stats{grid-template-columns:repeat(2,1fr)}
}
@media print{
 @page{size:A4 portrait;margin:12mm}
 html,body{background:#fff!important;padding:0!important;margin:0!important}
 body>*:not(#sts360Dialog){display:none!important}
 #sts360Dialog.sts360-dialog{display:block!important;position:static!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:#fff!important}
 #sts360Dialog::backdrop{display:none!important}
 #sts360Dialog .sts360-toolbar{display:none!important}
 #sts360Dialog #sts360Output{padding:0!important;display:block!important}
 #sts360Dialog .sts360-print-doc{padding:0!important;max-width:none!important;box-shadow:none!important}
 #sts360Dialog .sts360-paper-head{margin:0 0 18px!important}
 #sts360Dialog .sts360-section{break-inside:auto!important}
 #sts360Dialog .sts360-paper-head,#sts360Dialog .sts360-stats>div,#sts360Dialog .sts360-table th,#sts360Dialog .sts360-paper-stripe{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
}


/* v361 meeting dashboard: operating, forecast and accounts kept distinct */
#sts360Dialog .sts360-stats-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
#sts360Dialog .sts360-stats-five>div{min-width:0;min-height:106px;padding:8px 7px}
#sts360Dialog .sts360-stats-five strong{font-size:15px;overflow-wrap:anywhere}
#sts360Dialog .sts360-stats-five strong em{font-style:normal;font-size:9px}
#sts360Dialog .sts360-stats-five b{display:block;color:#163e60;font-size:11px;margin-top:5px;overflow-wrap:anywhere}
#sts360Dialog .sts360-stats-five b.sts360-danger{color:#ae2437}
#sts360Dialog .sts360-scope-note{background:#eaf3f9;border-left:3px solid #1687d9;padding:8px 10px;font-size:8.5px;color:#42647b;line-height:1.5}
#sts360Dialog .sts360-bar-key{display:flex;gap:18px;justify-content:flex-end;font-size:9px;font-weight:bold;margin-bottom:7px}
#sts360Dialog .sts360-bar-key>span::before{content:"";display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:middle}
#sts360Dialog .sts360-key-completed::before{background:#1687d9}
#sts360Dialog .sts360-key-future::before{background:#d53246}
#sts360Dialog .sts360-bar-row{display:grid;grid-template-columns:minmax(120px,1.6fr) minmax(60px,1fr) 24px minmax(60px,1fr) 24px;gap:7px;align-items:center;margin:7px 0;font-size:9px}
#sts360Dialog .sts360-bar-row strong{font-weight:700;overflow-wrap:anywhere}
#sts360Dialog .sts360-bar-row>span{text-align:right}
#sts360Dialog .sts360-bar-track{height:9px;border-radius:4px;background:#e8eff5;overflow:hidden}
#sts360Dialog .sts360-bar-track span{height:100%;display:block;border-radius:4px;min-width:0}
#sts360Dialog .sts360-bar-completed{background:#1687d9}
#sts360Dialog .sts360-bar-future{background:#d53246}
#sts360Dialog .sts360-ref{display:block;font-size:7.5px;color:#697e91;margin-top:2px}
#sts360Dialog .sts360-subnote{font-weight:600;margin-top:8px;color:#3c5f7e}
#sts360Dialog .sts360-account-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#sts360Dialog .sts360-account-lines>div{border:1px solid #dbe5ee;background:#f3f8fc;padding:9px;min-width:0}
#sts360Dialog .sts360-account-lines span{display:block;color:#4f657d;font-size:9px;min-height:25px}
#sts360Dialog .sts360-account-lines strong{display:block;color:#153d60;font-size:16px;margin-top:5px}
#sts360Dialog .sts360-account-lines strong.sts360-danger{color:#b6243e}
#sts360Dialog .sts360-warning{background:#fff1ed;border-left:3px solid #d53246;padding:9px;color:#792d37!important;font-weight:700;line-height:1.45}
#sts360Dialog .sts360-account-details{margin-top:10px;border-top:1px solid #dce5ef;padding:7px 0}
#sts360Dialog .sts360-account-details summary{color:#155e98;font-weight:700;font-size:10px;cursor:pointer}
#sts360Dialog .sts360-account-details .sts360-table{margin-top:10px}
#sts360Dialog .sts360-stats-five .sts360-danger{color:#b6243e}
@media(max-width:720px){
 #sts360Dialog .sts360-stats-five{grid-template-columns:repeat(2,minmax(0,1fr))}
 #sts360Dialog .sts360-account-lines{grid-template-columns:1fr}
 #sts360Dialog .sts360-bar-row{grid-template-columns:minmax(90px,1.4fr) minmax(40px,1fr) 18px minmax(40px,1fr) 18px}
}
@media print{
 #sts360Dialog .sts360-stats-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 #sts360Dialog .sts360-account-lines{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #sts360Dialog .sts360-bar-row{break-inside:avoid}
 #sts360Dialog .sts360-bar-track,#sts360Dialog .sts360-bar-completed,#sts360Dialog .sts360-bar-future,#sts360Dialog .sts360-account-lines>div,#sts360Dialog .sts360-scope-note{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 #sts360Dialog .sts360-account-details{display:none!important}
}


/* v362: four meeting KPIs, red overdue status, clear report-only branding. */
#sts360Dialog .sts360-brand{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:145px}
#sts360Dialog .sts360-brand img{width:102px;max-height:57px;object-fit:contain}
#sts360Dialog .sts360-brand-app{color:#f4f9ff;font-size:15px;letter-spacing:.2px;white-space:nowrap;font-weight:800}
#sts360Dialog .sts360-stats-five{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#sts360Dialog .sts360-stats-five>div{min-height:103px;break-inside:avoid}
#sts360Dialog .sts360-stats-five .sts360-kpi-overdue{
 background:#fff0f2;border-left:5px solid #c8213b;
}
#sts360Dialog .sts360-kpi-overdue span,
#sts360Dialog .sts360-kpi-overdue strong,
#sts360Dialog .sts360-kpi-overdue b{color:#ad1430!important}
#sts360Dialog .sts360-stats-five .sts360-kpi-overdue strong{font-size:21px}
#sts360Dialog .sts360-stats-five b em{font-size:9px;font-weight:600;font-style:normal}
#sts360Dialog .sts360-warning-count{font-weight:700;color:#a2263e!important}
#sts360Dialog .sts360-footer{border-top:3px solid #d53246;padding-top:9px;margin-top:20px;color:#425e79}
#sts360Dialog .sts360-office-only summary{color:#165c99}
#sts360Dialog .sts360-office-only p{font-size:9px}
@media(max-width:700px){
 #sts360Dialog .sts360-stats-five{grid-template-columns:repeat(2,minmax(0,1fr))}
 #sts360Dialog .sts360-brand-app{font-size:12px}
 #sts360Dialog .sts360-brand img{width:90px}
}
@media print{
 @page{size:A4 portrait;margin:0}
 #sts360Dialog .sts360-stats-five{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #sts360Dialog .sts360-stats-five>div{grid-column:auto!important}
 #sts360Dialog .sts360-office-only{display:none!important}
 #sts360Dialog .sts360-stats-five .sts360-kpi-overdue{
  print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important
 }
 #sts360Dialog .sts360-footer{border-top:3px solid #d53246!important}
}
