/* Ordenra business release: cohesive, accessible desktop-first visual system.
   Loaded in <head>, so it sets the "Clean and trusted" look (white and gray, one blue accent) from the first
   paint; the full theme at the end of index.html (#oc-theme-clean) then finishes the details.
   The earlier dark navy sidebar and teal accents were retired in October 2026. */
:root{--oc-focus:#2563EB}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.008em;background:#F9FAFB;color:#344054}
.shell{grid-template-columns:264px minmax(0,1fr)}
aside{background:#fff;border-right:1px solid #EAECF0;padding:25px 14px;box-shadow:none;color:#344054}
.brand{font-size:21px;letter-spacing:-.02em;font-weight:700;padding:0 4px 12px;margin-bottom:13px;color:#101828}
.sidebar-menu{gap:17px}.nav-group{gap:4px}.nav-heading{font-size:10px;letter-spacing:.13em;color:#98A2B3;padding:10px 12px 5px}
.nav{font-size:14px;font-weight:500;min-height:40px;display:flex;align-items:center;gap:10px;border-radius:8px;transition:background .16s ease,color .16s ease;padding:10px 12px;color:#344054}
.nav:hover{background:#F2F4F7;color:#101828}.nav.active{background:#EFF4FF;color:#1E40AF;box-shadow:none}
main{max-width:1600px;padding:34px clamp(20px,3vw,48px) 70px}
h1{font-size:clamp(26px,2.4vw,35px);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#101828}
h2{font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.35;color:#101828}
h3{letter-spacing:-.015em}.tag{letter-spacing:.04em;font-weight:600}
p{line-height:1.58}
.card{border-radius:12px;border:1px solid #EAECF0;box-shadow:0 1px 2px rgba(16,24,40,.04);padding:22px}
.cards,.grid{gap:16px}.metric{font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
button{border-radius:8px;font-weight:600;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}button:active{transform:translateY(1px)}
input,select,textarea{border-radius:8px;min-height:41px}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--oc-focus);outline-offset:2px}
label{font-weight:500;letter-spacing:.005em}
.tablewrap{border-radius:11px;overflow:auto}
table{border-collapse:separate;border-spacing:0}th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#667085;font-weight:500}td,th{padding:13px 15px}tbody tr:last-child td{border-bottom:0}
.notice{border-radius:8px;padding:15px 17px}
.pill{font-weight:600}
.actions{gap:10px}details>summary{cursor:pointer}details[open]>summary{margin-bottom:10px}
@media(max-width:800px){.shell{grid-template-columns:1fr}aside{position:relative;height:auto;max-height:none;overflow:visible;padding:15px}.sidebar-menu{gap:9px}main{padding:24px 15px 55px}.card{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}