.socsst{--ink:#16282c;--muted:#5d6b6e;--paper:#f5f6f3;--card:#fff;--line:#d9ddd6;--teal:#0d6b66;--teal-d:#0a4f4b;--ok:#1f6b3a;--ok-bg:#e1f2e6;--warn:#8a5300;--warn-bg:#fdf0d5;--bad:#a32a22;--bad-bg:#fbe4e1;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.5;box-sizing:border-box}
.socsst *,.socsst *::before,.socsst *::after{box-sizing:inherit}
.socsst--portal{background:var(--paper);border:1px solid var(--line);margin:1rem 0}
.socsst--admin{max-width:1280px}
.socsst h1{font-size:1.5rem;line-height:1.25;margin:0;font-weight:650}
.socsst h2{margin:0 0 .5rem;font-size:1.1rem}
.socsst a{color:var(--teal)}
.socsst .soc-muted{color:var(--muted)}
.soc-top{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--teal-d);color:#fff}
.soc-top a{color:#fff}
.soc-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:420px}
.soc-nav{display:flex;flex-direction:column;padding:1rem 0;border-right:1px solid var(--line);background:#eef0ec}
.soc-nav a{padding:.45rem 1.25rem;text-decoration:none;color:var(--ink)}
.soc-nav a:hover{background:#e2e6df}
.soc-nav a[aria-current=page]{background:var(--card);border-left:3px solid var(--teal);padding-left:calc(1.25rem - 3px);font-weight:600}
.soc-nav__g{margin:1rem 1.25rem .25rem;font-size:.8rem;color:var(--muted)}
.soc-main{padding:1.25rem 1.5rem;min-width:0}
.soc-head{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;margin:0 0 1rem}
.soc-count{display:inline-block;font-size:.85rem;font-weight:500;color:var(--muted);margin-left:.35rem}
.soc-sec{margin:1.5rem 0 .6rem!important;color:var(--muted)}
.soc-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}
.soc-kpi{display:flex;flex-direction:column;gap:.1rem;padding:.7rem .9rem;background:var(--card);border:1px solid var(--line);border-left-width:5px;text-decoration:none;color:var(--ink)!important}
.soc-kpi:hover{background:#fbfcfa}
.soc-kpi__n{font-size:1.7rem;font-weight:700;line-height:1.1}
.soc-kpi__l{font-size:.85rem;color:var(--muted)}
.soc-kpi--ok{border-left-color:var(--ok)}.soc-kpi--warn{border-left-color:#d99000}.soc-kpi--bad{border-left-color:var(--bad)}.soc-kpi--neutral{border-left-color:var(--line)}
.soc-kpi--bad .soc-kpi__n{color:var(--bad)}
.soc-tablewrap{overflow-x:auto;background:var(--card);border:1px solid var(--line)}
.soc-table{width:100%;border-collapse:collapse;font-size:.92rem}
.soc-table th,.soc-table td{padding:.55rem .75rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}
.soc-table th{background:#eef0ec;font-weight:600;white-space:nowrap}
.soc-table tr:last-child td{border-bottom:0}
.soc-actions{white-space:nowrap}
.soc-actions form{display:inline;margin-left:.6rem}
.soc-tag{display:inline-block;padding:.05rem .5rem;font-size:.82rem;border-radius:3px;white-space:nowrap}
.soc-tag--ok{background:var(--ok-bg);color:var(--ok)}.soc-tag--warn{background:var(--warn-bg);color:var(--warn)}.soc-tag--bad{background:var(--bad-bg);color:var(--bad)}.soc-tag--neutral{background:#e8ebe6;color:var(--ink)}
.soc-due--bad{color:var(--bad);font-weight:600}.soc-due--warn{color:var(--warn);font-weight:600}
.soc-btn{display:inline-block;padding:.45rem .9rem;border:1px solid var(--teal);background:var(--card);color:var(--teal)!important;font:inherit;font-weight:550;text-decoration:none;cursor:pointer;border-radius:3px;line-height:1.4}
.soc-btn:hover{background:#eaf3f2}
.soc-btn--primary{background:var(--teal);color:#fff!important}
.soc-btn--primary:hover{background:var(--teal-d)}
.soc-link{background:none;border:0;padding:0;color:var(--teal);font:inherit;text-decoration:underline;cursor:pointer}
.soc-link--bad{color:var(--bad)}
.socsst :focus-visible{outline:3px solid #d99000;outline-offset:2px}
.soc-search,.soc-companybar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1rem}
.soc-companybar{padding:.6rem .8rem;background:var(--card);border:1px solid var(--line);margin-top:1rem}
.socsst input[type=text],.socsst input[type=search],.socsst input[type=email],.socsst input[type=password],.socsst input[type=date],.socsst input[type=time],.socsst input[type=number],.socsst select,.socsst textarea{width:100%;max-width:100%;padding:.45rem .6rem;border:1px solid #aeb6ae;border-radius:3px;background:#fff;color:var(--ink);font:inherit;min-height:2.3rem}
.soc-search input[type=search],.soc-search select,.soc-companybar select{width:auto;min-width:160px}
.soc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem 1.25rem}
.soc-field--wide{grid-column:1/-1}
.soc-field label{display:block;font-weight:600;margin-bottom:.25rem}
.soc-field .soc-inline{display:inline;font-weight:400}
.soc-req{color:var(--bad)}
.soc-help{margin:.25rem 0 0;font-size:.85rem;color:var(--muted)}
.soc-form{background:var(--card);border:1px solid var(--line);padding:1.25rem}
.soc-submit{margin:1.25rem 0 0}
.soc-notice{margin:0 0 1rem;padding:.7rem 1rem;border-left:5px solid}
.soc-notice p{margin:0}.soc-notice ul{margin:.4rem 0 0 1.1rem;padding:0;list-style:disc}
.soc-notice--ok{background:var(--ok-bg);border-color:var(--ok)}.soc-notice--bad{background:var(--bad-bg);border-color:var(--bad)}
.soc-empty{padding:2rem 1rem;text-align:center;background:var(--card);border:1px dashed var(--line)}
.soc-box{margin-top:1.5rem;background:var(--card);border:1px solid var(--line)}
.soc-box summary{padding:.7rem 1rem;cursor:pointer;font-weight:600}
.soc-box__body{padding:0 1rem 1rem}
.soc-pager{display:flex;gap:1rem;align-items:center;justify-content:center;margin:1rem 0}
.soc-login{max-width:360px;margin:2.5rem auto;padding:1.5rem;background:var(--card);border:1px solid var(--line)}
.soc-login label{display:block;margin:.8rem 0 .25rem;font-weight:600}
.soc-login .soc-btn{margin-top:1.2rem;width:100%}
@media (max-width:760px){
.soc-shell{grid-template-columns:1fr}
.soc-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:.4rem;border-right:0;border-bottom:1px solid var(--line)}
.soc-nav a{white-space:nowrap;padding:.4rem .8rem}
.soc-nav a[aria-current=page]{border-left:0;border-bottom:3px solid var(--teal);padding-left:.8rem}
.soc-nav__g{display:none}
.soc-main{padding:1rem}
}
@media (prefers-reduced-motion:reduce){.socsst *{transition:none!important}}

.socsst .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.soc-head__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.soc-report{display:flex;gap:.4rem;align-items:center;margin:0}
.socsst .soc-report select{width:auto;min-width:80px}

.socsst .soc-sub{margin:1rem 0 .45rem;font-size:.95rem;font-weight:600;color:var(--ink)}
.soc-help--top{margin:0 0 1rem;padding:.6rem .8rem;background:#eef0ec;border-left:4px solid var(--teal)}