/* MySTS v224 Executive Reporting and Training Completion Register; offline review */
#portalWorkspace .sts224-wrap{max-width:1320px;margin:auto;color:#19324b;font-family:inherit}
#portalWorkspace .sts224-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#112f4f;color:#fff;border-bottom:4px solid #c82744;border-radius:13px;padding:17px 22px;margin-bottom:18px}
#portalWorkspace .sts224-banner h1{font-size:24px;margin:1px 0 3px;color:#fff}
#portalWorkspace .sts224-banner small{display:block;color:#d1e4f2;font-size:12px}
#portalWorkspace .sts224-btn{border:1px solid #bacddd;background:white;color:#0e5a90;padding:9px 13px;border-radius:7px;font-weight:750;font-size:12px;min-height:37px;cursor:pointer}
#portalWorkspace .sts224-btn.primary{background:#126ba7;border-color:#126ba7;color:white;box-shadow:inset 4px 0 #cc2945}
#portalWorkspace .sts224-btn:focus-visible{outline:3px solid #f5a536;outline-offset:2px}
#portalWorkspace .sts224-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
#portalWorkspace .sts224-tile{border:1px solid #d4e1eb;border-radius:12px;background:#fff;min-height:200px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px;box-shadow:0 4px 16px #112f4f08}
#portalWorkspace .sts224-tile .sts224-tile-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:#e8f4fd;color:#116fae;font-size:22px}
#portalWorkspace .sts224-tile h2{font-size:17px;line-height:1.35;color:#112f4f;margin:0}
#portalWorkspace .sts224-tile p{font-size:12px;color:#56738a;line-height:1.5;margin:0;flex:1}
#portalWorkspace .sts224-tile .sts224-btn{width:100%}
#portalWorkspace .sts224-panel{background:#fff;border:1px solid #d5e2ed;border-radius:11px;padding:16px;margin:12px 0}
#portalWorkspace .sts224-panel h2{font-size:18px;margin:0 0 12px;color:#133955}
#portalWorkspace .sts224-pills{display:flex;gap:6px;flex-wrap:wrap}
#portalWorkspace .sts224-pills button{border-radius:7px;border:1px solid #bed1df;color:#14466a;background:#fff;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer}
#portalWorkspace .sts224-pills button[aria-pressed="true"]{background:#155f91;color:#fff;border-color:#155f91}
#portalWorkspace .sts224-filterbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:13px 0}
#portalWorkspace .sts224-filterbar label{font-size:12px;color:#2e526b;font-weight:700;display:grid;gap:4px}
#portalWorkspace .sts224-filterbar input,#portalWorkspace .sts224-filterbar select{min-height:38px;border:1px solid #aebfd0;border-radius:7px;padding:7px 9px;color:#142f45;background:#fff;font-size:13px}
#portalWorkspace .sts224-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}
#portalWorkspace .sts224-metric{border:1px solid #d9e7ef;border-radius:8px;padding:13px;background:#f7fafc}
#portalWorkspace .sts224-metric small{display:block;color:#58738a;font-size:11px}
#portalWorkspace .sts224-metric strong{display:block;font-size:25px;color:#0c4169;margin-top:4px}
#portalWorkspace .sts224-tablewrap{overflow-x:auto;max-width:100%;border:1px solid #d9e3ed;border-radius:9px}
#portalWorkspace .sts224-table{width:100%;border-collapse:collapse;min-width:1050px;font-size:11px}
#portalWorkspace .sts224-table th{background:#143d61;color:white;font-weight:750;text-align:left;padding:10px 8px;vertical-align:top}
#portalWorkspace .sts224-table td{border-bottom:1px solid #e1eaf0;padding:9px 8px;vertical-align:top;line-height:1.4}
#portalWorkspace .sts224-table tbody tr:nth-child(2n){background:#f6f9fb}
#portalWorkspace .sts224-table td .sts224-dim{font-size:10px;color:#668199}
#portalWorkspace .sts224-flag{display:inline-block;border-radius:12px;padding:4px 7px;font-size:10px;font-weight:750;background:#e8eef5;color:#385975;white-space:nowrap}
#portalWorkspace .sts224-flag.ok{background:#ddf4e9;color:#07693c}
#portalWorkspace .sts224-flag.bad{background:#fff0dd;color:#805000}
#portalWorkspace .sts224-flag.na{background:#eef0f2;color:#5b6974}
#portalWorkspace .sts224-reasons{font-size:11px;color:#895017;max-width:240px;white-space:normal}
#portalWorkspace .sts224-note{font-size:12px;color:#5b7489;line-height:1.5;margin:12px 0}
#portalWorkspace .sts224-editor{display:grid;gap:9px}
#portalWorkspace .sts224-editor label{display:grid;gap:5px;font-size:12px;font-weight:700}
#portalWorkspace .sts224-editor input,#portalWorkspace .sts224-editor select{width:100%;padding:8px;border:1px solid #a8bdce;border-radius:6px}
#portalWorkspace .sts224-editor summary{cursor:pointer;color:#114e7e;font-weight:750}
#portalWorkspace .sts224-rowbuttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#portalWorkspace .sts224-empty{padding:26px 12px;text-align:center;color:#637e92}
@media(max-width:900px){#portalWorkspace .sts224-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#portalWorkspace .sts224-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#portalWorkspace .sts224-banner{align-items:flex-start;flex-direction:column}#portalWorkspace .sts224-tile-grid{grid-template-columns:1fr}#portalWorkspace .sts224-tile{min-height:0}#portalWorkspace .sts224-filterbar{align-items:stretch}#portalWorkspace .sts224-filterbar label{flex:1 1 45%}#portalWorkspace .sts224-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}