/* S8 Enterprise Operations V305.0 — presentation only, no hidden actions. */
:root{--s8-ink:#142c29;--s8-green:#087657;--s8-deep:#083d32;--s8-canvas:#f5f8f7;--s8-line:#dce7e2;--s8-muted:#647872;--s8-shadow:0 6px 22px rgba(21,54,43,.045)}
html{scroll-behavior:smooth}body{background:var(--s8-canvas)!important;color:var(--s8-ink);font-family:'Bai Jamjuree',sans-serif!important;-webkit-font-smoothing:antialiased}
.s8-side,.s8-sidebar{background:#083b30!important;box-shadow:none!important;border-right:1px solid #0a5948!important}
.s8-side nav,.s8-sidebar nav{gap:3px!important}
.s8-side nav a,.s8-sidebar nav a{border-radius:9px!important;font-weight:600!important;font-size:13px!important;letter-spacing:0!important;padding:11px 13px!important;box-shadow:none!important;transition:background .15s,color .15s}
.s8-side nav a:hover,.s8-sidebar nav a:hover{background:#125542!important;border-color:transparent!important}
.s8-side nav a.active,.s8-sidebar nav a.active,.s8-side nav a[aria-current=page],.s8-sidebar nav a[aria-current=page]{background:#116b50!important;border:1px solid #319173!important;color:#fff!important}
.s8-brand{padding-bottom:18px!important}.s8-brand-copy b{font-weight:800!important;letter-spacing:-.025em}.s8-brand-copy small{opacity:.72}
.s8-account-card{border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
.s8-main{background:var(--s8-canvas)!important;box-shadow:none!important}
.s8-main>header{max-width:none!important;margin-bottom:18px!important;padding:16px 20px!important;background:white!important;border:1px solid var(--s8-line)!important;border-radius:14px!important;box-shadow:none!important}
.s8-main>header h1{font-size:23px!important;color:#123b30!important;font-weight:800!important;letter-spacing:-.045em!important}
.s8-main>header p{color:var(--s8-muted)!important;font-size:12px!important}
.s8-hub-hero{background:#075c47!important;border:1px solid #0a785b!important;border-radius:16px!important;box-shadow:none!important;min-height:124px!important;padding:24px 28px!important}
.s8-hub-hero::before,.s8-hub-hero::after{display:none!important}
.s8-hub-hero h2{font-size:23px!important;line-height:1.25!important;letter-spacing:-.035em!important;font-weight:800!important}
.s8-hub-hero p{opacity:.84!important;font-size:12px!important}.s8-hub-eyebrow{font-size:10px!important;letter-spacing:.09em!important;font-weight:700!important}
.s8-hub-health{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;box-shadow:none!important}
.s8-hub-stats,.s8-dashboard-payments{gap:12px!important}
.s8-hub-stats article,.s8-dashboard-payments article,.s8-dashboard-payments>a{background:#fff!important;border:1px solid var(--s8-line)!important;border-radius:12px!important;box-shadow:none!important;padding:19px 20px!important}
.s8-hub-stats article span,.s8-dashboard-payments article span{font-size:12px!important;color:#617770!important}
.s8-hub-stats article b,.s8-dashboard-payments article b{font-size:27px!important;letter-spacing:-.05em!important;color:#0c644e!important}
.s8-hub-stats article small,.s8-dashboard-payments article small{color:#7a8e87!important}
.s8-panel,.s8-qc-dashboard-top>section,.s8-qc-dashboard-top>div,.s8-card,.s8-report-card{border:1px solid var(--s8-line)!important;border-radius:14px!important;box-shadow:var(--s8-shadow)!important;background:#fff!important}
.s8-panel-head h2{font-size:17px!important;font-weight:800!important;letter-spacing:-.025em!important;color:#163c33!important}
.s8-panel-head p{font-size:12px!important;color:var(--s8-muted)!important}
.s8-panel-head a{color:#087657!important;font-weight:700!important}
.s8-table{overflow:auto}.s8-table table{border-collapse:separate!important;border-spacing:0!important;width:100%}
.s8-table th{background:#f3f7f5!important;color:#526d64!important;font-size:11px!important;font-weight:800!important;text-transform:none!important;letter-spacing:.01em!important;white-space:nowrap!important}
.s8-table th,.s8-table td{padding:13px 14px!important;border-bottom:1px solid #eaf0ed!important}
.s8-table tbody tr:hover{background:#f7faf9!important}
.s8-ranking-list article{border-color:#e8efec!important}.s8-hub-side .s8-panel{box-shadow:none!important}
.s8-btn,.s8-main button:not(.s8-mobile-menu-toggle):not(.s8-week-action),.s8-main input[type=submit]{border-radius:9px!important;box-shadow:none!important;transition:filter .15s ease,transform .15s ease}
.s8-main button:hover,.s8-btn:hover{filter:brightness(.96)}
.s8-main input:not([type=checkbox]):not([type=radio]),.s8-main select,.s8-main textarea{border-radius:9px!important;box-shadow:none!important}
.s8-main input:focus-visible,.s8-main select:focus-visible,.s8-main textarea:focus-visible,.s8-main button:focus-visible,.s8-side a:focus-visible{outline:2px solid #10a47a!important;outline-offset:2px!important}
.s8-main .s8-empty{color:#72877e!important;background:#f8faf9!important;border-radius:10px!important}
@media(min-width:1100px){.s8-main{padding:20px 26px!important}}
@media(max-width:820px){.s8-main{padding:12px!important;margin-left:0!important;width:100%!important}.s8-main>header{padding:14px 16px!important}.s8-main>header h1{font-size:20px!important}.s8-hub-hero{padding:20px!important;gap:16px!important}.s8-hub-hero h2{font-size:20px!important}.s8-hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.s8-hub-stats article{padding:14px!important}.s8-hub-stats article b{font-size:23px!important}.s8-dashboard-payments{grid-template-columns:1fr!important}.s8-panel{border-radius:12px!important}}
@media(max-width:440px){.s8-hub-stats{gap:8px!important}.s8-hub-hero{border-radius:12px!important}.s8-hub-health{max-width:100%!important}.s8-main>header p{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V306 – CTV operational policy, grounded in approved SOP */
.s8-v306-policy{margin:0 0 20px;background:#fff;border:1px solid #dce8e2;border-radius:14px;padding:22px 24px;color:#183e33;box-shadow:0 5px 20px rgba(11,45,31,.035)}
.s8-v306-policy>header{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.s8-v306-policy header small{font-size:10px;font-weight:800;letter-spacing:.11em;color:#08775a}
.s8-v306-policy header h2{margin:5px 0 4px;font-size:20px;letter-spacing:-.035em;color:#104333}
.s8-v306-policy header p{margin:0;color:#657b72;font-size:12px;line-height:1.65}
.s8-v306-policy-version{padding:8px 11px;border-radius:8px;background:#e7f5ef;color:#087455;white-space:nowrap;font-size:10px;font-weight:800}
.s8-v306-policy-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.s8-v306-policy-metrics>div{display:flex;flex-direction:column;padding:16px;border:1px solid #e1ebe7;background:#f8fbf9;border-radius:10px;gap:6px;min-width:0}
.s8-v306-policy-metrics span{font-size:11px;color:#6f8079}.s8-v306-policy-metrics b{font-size:18px;letter-spacing:-.035em;color:#0d6048}
.s8-v306-policy-metrics small{font-size:10px;line-height:1.55;color:#82928c}.s8-v306-policy-metrics b.s8-v306-alert{color:#b34d2d}
.s8-v306-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.s8-v306-policy-grid article{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid #e5efeb;border-radius:10px}
.s8-v306-policy-grid article>span{font-size:11px;color:#148168;background:#eaf7f1;border-radius:7px;padding:6px;font-weight:800;flex-shrink:0}
.s8-v306-policy-grid b{display:block;font-size:13px;color:#204638}.s8-v306-policy-grid p{font-size:11px;color:#647a70;line-height:1.65;margin:5px 0 0}
.s8-v306-policy-foot{margin-top:12px;padding:12px 14px;border-radius:8px;background:#f1f7f3;font-size:11px;line-height:1.7;color:#466b5a}
.s8-v306-approval{margin-top:12px;border-top:1px solid #e3ece7;padding:12px 1px 0;font-size:12px;color:#537164}.s8-v306-approval summary{cursor:pointer;font-weight:800;color:#17644d}.s8-v306-approval p{line-height:1.6}
@media(max-width:920px){.s8-v306-policy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.s8-v306-policy{padding:14px}.s8-v306-policy>header{flex-wrap:wrap}.s8-v306-policy-grid{grid-template-columns:1fr}.s8-v306-policy-metrics{gap:7px}.s8-v306-policy-metrics>div{padding:12px}.s8-v306-policy-metrics b{font-size:15px}}