:root{color-scheme:light;--navy:#102f50;--teal:#007f85;--gold:#bd8f38;--ink:#173550;--muted:#5e7184;--line:#d9e3e9;--surface:#fff;--bg:#f2f6f8;--warning:#fff4d9;--success:#e7f5ef;--danger:#a52222}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--teal)}button,input,select,textarea{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:white;color:var(--ink);max-width:100%}button.primary{background:var(--teal);color:white;border-color:var(--teal)}button.secondary{background:var(--navy);border-color:var(--navy);color:white}button.small{font-size:13px;padding:7px 10px;min-height:36px}button.danger{color:var(--danger)}button:focus-visible,a:focus-visible{outline:3px solid #d2aa54;outline-offset:3px}input,select,textarea{width:100%;font-size:16px}input[type=number],input[type=date],input[type=month]{direction:ltr;text-align:start}label{display:grid;gap:7px;font-weight:500;min-width:0}h1,h2,h3,p{margin-top:0}h1{font-size:27px;line-height:1.4;margin-bottom:8px}h2{font-size:21px}h3{font-size:17px}p:last-child{margin-bottom:0}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.08em;color:var(--teal);font-weight:600}.pill{display:inline-flex;padding:4px 10px;border-radius:7px;background:#e7f3f3;color:var(--teal);font-size:12px;gap:5px;align-items:center}.pill.warn{background:var(--warning);color:#805b09}.pill.done{background:var(--success);color:#1a674c}.shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;gap:12px;align-items:center}.brand img{width:62px;height:62px;border-radius:50%;background:#fff}.brand strong{display:block;font-size:19px}.brand span{font-size:11px;color:#c8dae5}.company-side{padding:13px;background:#1b4062;border-radius:12px;font-size:13px}.company-side span{display:block;color:#b5cbdc;font-size:12px}.nav{display:grid;gap:5px}.nav button{background:transparent;color:#d8e5ef;border:0;text-align:start;display:flex;gap:11px;align-items:center;min-height:44px}.nav button[aria-current=page]{background:#fff;color:var(--navy);font-weight:600}.nav-divider{font-size:11px;color:#9ab4c8;padding:14px 11px 4px}.navicon{font-size:17px;width:20px;text-align:center}.side-foot{font-size:11px;color:#acc3d4;margin-top:auto}.workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px}.topbar .user{display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:10px;background:#e6f1f1;display:grid;place-items:center;color:var(--teal);font-weight:600}.topbar small{display:block;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.content{max-width:1450px;margin:auto;padding:28px 30px 50px}.heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.heading p{color:var(--muted);font-size:14px}.notice{padding:13px 16px;border-radius:9px;background:var(--warning);color:#795b18;font-size:13px;margin:16px 0}.notice.info{background:#e7f3f5;color:#28606b}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.stat .value{font-size:25px;font-weight:600;display:block;margin:7px 0}.stat .label{font-size:12px;color:var(--muted)}.stat .hint{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.product-card h3{margin:0}.product-card p{font-size:13px;color:var(--muted);flex:1}.product-card .icon{width:42px;height:42px;background:#edf5f5;color:var(--teal);border-radius:11px;display:grid;place-items:center;font-size:23px}.product-card button{align-self:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2,.panel-head h3{margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;gap:10px;align-items:center;grid-column:1/-1;margin-top:7px;flex-wrap:wrap}.help{font-size:12px;color:var(--muted);font-weight:400}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:start;padding:12px 9px;border-bottom:1px solid #e4ebf0;vertical-align:middle;overflow-wrap:anywhere}th{font-size:12px;color:var(--muted);font-weight:500}td .meta{display:block;color:var(--muted);font-size:11px}td.actions{white-space:nowrap}.empty{padding:22px;color:var(--muted);text-align:center;font-size:13px}details.panel summary{cursor:pointer;font-weight:600}details.panel[open] summary{margin-bottom:20px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.tabs button{font-size:13px}.tabs button[aria-pressed=true]{background:var(--navy);color:#fff}.split-pos{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog button{padding:18px;text-align:start;min-height:126px;display:flex;flex-direction:column;justify-content:space-between}.catalog button b{color:var(--teal)}.cart-total{font-size:29px;font-weight:600;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.step{padding:12px;border-inline-start:3px solid #cddfe3;background:#edf4f6;font-size:12px}.step strong{display:block;color:var(--teal)}.task{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center;font-size:13px}.task:last-child{border:0}.login-page{max-width:1080px;margin:60px auto;padding:24px}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.login-brand{margin-bottom:28px}.login-brand img{width:100px;height:100px}.login-story h1{font-size:36px}.login-story p{color:var(--muted)}.login-card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:18px}.login-card form{display:grid;gap:16px}.accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px}.accounts button{font-size:12px;text-align:start}.accounts code{display:block;direction:ltr;text-align:start;color:var(--teal)}.error{background:#ffebeb;color:#962525;border-radius:8px;padding:12px;font-size:13px}.status-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;font-size:11px;color:var(--muted)}#toast{position:fixed;inset-inline-end:24px;bottom:24px;max-width:min(90vw,500px);background:var(--navy);color:white;border-radius:12px;padding:15px 20px;box-shadow:0 5px 24px #0d2d4b22;z-index:1000}.assistant{background:#eff6f6;border:1px solid #c7dfe1;padding:18px;border-radius:12px}.assistant h3{margin:0 0 10px}.assistant p{font-size:13px}.empty-icon{font-size:28px;color:var(--teal)}bdi,.number{font-variant-numeric:tabular-nums}bdi{direction:ltr}.progress-list{display:grid;gap:10px}.progress-list div{padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.app-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-map article{background:white;border:1px solid var(--line);border-radius:11px;padding:16px}.app-map p{font-size:12px;color:var(--muted)}.receipt{border:1px dashed var(--line);padding:18px;max-width:430px;margin:auto}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button.ghost{border:0;background:transparent;color:var(--teal)}[hidden]{display:none!important}@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.content{padding:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.split-pos{grid-template-columns:1fr 280px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.shell{display:block}.sidebar{padding:14px 16px;gap:12px}.sidebar .brand img{width:42px;height:42px}.sidebar .brand strong{font-size:17px}.sidebar .brand span,.company-side,.side-foot,.nav-divider{display:none}.nav{display:flex;overflow:auto;gap:6px}.nav button{flex-shrink:0;font-size:13px}.topbar{padding:12px 18px}.content{padding:20px 16px}.grid2,.split-pos{grid-template-columns:1fr}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.login-page{margin:10px auto}.login-grid{grid-template-columns:1fr;gap:20px}.login-story h1{font-size:27px}.login-brand{margin-bottom:14px}.login-brand img{width:65px;height:65px}.login-card{padding:22px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.app-map{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.cards,.form-grid,.app-map{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:13px}.stat .value{font-size:21px}.topbar .user small{font-size:10px}.topbar .avatar{display:none}.topbar{gap:8px}.top-actions button{font-size:12px;padding:7px;min-height:38px}.heading{display:block}h1{font-size:23px}.panel{padding:16px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.status-line{flex-wrap:wrap}.table-wrap table{min-width:490px}.row{align-items:start}header,.panel,.product-card,.stat{overflow-wrap:anywhere}}

.spaced{margin-top:24px}#toast.error-toast{background:#9d3030}

.mobile-navigator{display:none}.task button{flex-shrink:0}.task>span{min-width:0}@media(max-width:800px){.sidebar{flex-direction:row;align-items:center}.sidebar .nav{display:none}.mobile-navigator{display:grid;gap:4px;max-width:240px;flex:1;font-size:11px;color:#c6d9e8}.mobile-navigator select{font-size:14px;width:100%;min-width:0}.sidebar .brand{gap:7px}}

/* Program-level navigation stays inside the unified company shell. */
.program-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}.program-nav{position:sticky;top:16px;display:flex;flex-direction:column;gap:5px;padding:14px;background:#fff;border:1px solid #dce5eb;border-radius:16px;max-height:85vh;overflow:auto}.program-nav>strong{padding:7px 10px;color:#075b65}.program-nav button{text-align:start;display:block;border:0;background:transparent;padding:10px;font-size:14px;min-height:52px}.program-nav button small{display:block;color:#6b7782;font-size:11px;margin-top:3px}.program-nav button[aria-current=page]{background:#e4f4f2;color:#006e72;font-weight:700}.program-content{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{margin:0;font-size:24px}.program-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px}.program-grid .panel{margin:0}.program-grid h2{font-size:18px;margin:16px 0}.program-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-width:100%}.program-content .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
@media(max-width:1100px){.program-layout{grid-template-columns:175px minmax(0,1fr);gap:14px}}
@media(max-width:700px){.program-layout{display:block}.program-nav{position:static;max-height:230px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px;padding:8px}.program-nav>strong{grid-column:1/-1}.program-nav button{font-size:13px;padding:8px}.section-heading h2{font-size:21px}.program-grid{grid-template-columns:1fr}}
.program-mobile-nav{display:none}
@media(max-width:700px){.program-nav{display:none}.program-mobile-nav{display:block;margin:0 0 20px;font-size:14px;font-weight:700}.program-mobile-nav select{width:100%;margin-top:8px;min-height:48px;background:#fff}}
.app-launcher{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;margin:18px 0 28px}.app-launcher article{background:#fff;border:1px solid #dce5eb;border-radius:16px;padding:20px 12px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;min-width:0}.app-launcher article[hidden]{display:none}.application-icon{display:grid;place-items:center;background:#e6f3f1;color:#00777d;width:64px;height:64px;border-radius:18px;font-size:32px}.app-launcher h3{margin:0;min-height:42px;font-size:15px}.app-launcher .pill{font-size:10px;white-space:normal}.app-launcher button{font-size:12px;margin-top:auto;min-height:42px}@media(max-width:450px){.app-launcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-launcher article{padding:14px 8px}.application-icon{width:54px;height:54px}}
.application-icon svg{width:37px;height:37px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 20px;font-size:13px}.breadcrumbs button{padding:5px 8px;min-height:34px;background:transparent;border:0;color:#00777d}.breadcrumbs strong{font-weight:600}.program-layout.icon-landing{display:block}.section-icons{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media(max-width:700px){.program-mobile-nav{grid-column:1/-1}.section-icons{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Preserve OFOQ's navy, teal and pale workspace; vary accents by app family. */
.app-launcher{gap:18px;grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.app-launcher article{padding:18px 10px;border-radius:18px;box-shadow:0 3px 12px #12345005;transition:box-shadow .15s,transform .15s}.app-launcher article:hover{box-shadow:0 8px 20px #12345012;transform:translateY(-2px)}.app-launcher h3{font-size:15px;line-height:1.6;min-height:48px}.app-launcher .reference-link{padding:3px 5px;background:transparent;border:0;color:#607887;font-size:11px;min-height:30px;margin:0}.category-hr{background:#eeeaf9;color:#675086}.category-supply{background:#e7f1ea;color:#3c7054}.category-sales{background:#fbefd9;color:#92702e}.category-websites{background:#e7effa;color:#466e9c}.category-services{background:#e8eef3;color:#4f687b}.function-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.function-directory section{border:1px solid #e1e9ee;border-radius:12px;padding:14px}.function-directory h3{font-size:15px;color:#00777d}.function-directory [data-function-item]{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #edf1f4;padding:6px 0}.function-directory [hidden],.reference-row[hidden]{display:none}.function-directory button{border:0;background:transparent;text-align:start;font-size:13px}.function-directory small{font-size:10px;color:#6e7b86}.reference-product{margin-top:26px}.reference-product>h3{display:flex;gap:16px;align-items:center}.reference-product>h3 small{font-weight:400;font-size:12px;color:#6e7b86}.reference-row{background:#fff;border:1px solid #dce6ed;border-radius:12px;padding:13px 16px;margin:8px 0;overflow-wrap:anywhere}.reference-row summary{cursor:pointer}.reference-row summary span{font-weight:600}.reference-row summary small{display:block;color:#73818e;font-size:11px;margin-top:5px}.reference-row .table-wrap{margin-top:20px}@media(max-width:450px){.app-launcher{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.app-launcher h3{font-size:14px}.function-directory{grid-template-columns:1fr}.reference-product>h3{display:block}}
#transition-dialog{position:fixed;inset:10vh 0 auto;z-index:100;max-width:min(650px,92vw);padding:26px;border:1px solid #b8d1d9;border-radius:18px;box-shadow:0 0 0 100vmax #102f4c88;color:#123450}#transition-dialog form{display:grid;gap:18px}#transition-dialog input[type=password]{width:100%}.app-launcher .notice{font-size:12px;padding:10px}.app-launcher .notice button{font-size:11px}.button{display:inline-block;border:1px solid #c9dce5;padding:10px;border-radius:9px;text-decoration:none}fieldset{border:1px solid #d6e3ea;border-radius:12px;padding:15px}fieldset label{display:flex;gap:8px;padding:8px}
fieldset{min-width:0;max-width:100%}input[type=checkbox]{width:20px;min-height:20px;flex-shrink:0}fieldset label{min-width:0;overflow-wrap:anywhere}.topbar>strong{min-width:0;overflow-wrap:anywhere}.panel>p{overflow-wrap:anywhere}
/* Local assistant previews retain usable wrapping on narrow screens. */
.content pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.content textarea{width:100%;max-width:100%}
/* Shared OFOQ companion: reserved bottom space, no backdrop, safe-area aware. */
body.has-companion{padding-bottom:90px}#ofoq-companion{position:fixed;inset-inline-end:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:90;max-width:calc(100vw - 24px)}#ofoq-companion[hidden]{display:none}#ofoq-companion .companion-avatar{display:block;margin-inline-start:auto;width:60px;height:60px;padding:4px;border-radius:50%;background:#123450;border:2px solid #dfb85d;box-shadow:0 5px 18px #12345044}#ofoq-companion svg{width:100%;height:100%}#ofoq-chat{position:absolute;bottom:72px;inset-inline-end:0;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 115px);overflow:auto;background:#fff;border:1px solid #b7d7db;border-radius:18px;box-shadow:0 12px 40px #12345044;padding:16px;color:#123450}#ofoq-chat header{display:flex;align-items:center;justify-content:space-between;gap:12px}#ofoq-chat header button{padding:4px 12px;font-size:24px}#ofoq-chat label{display:block;margin:8px 0}#ofoq-chat textarea,#ofoq-chat select{width:100%;box-sizing:border-box}#ofoq-chat .help,.companion-context{font-size:12px;line-height:1.6}.companion-history{max-height:180px;overflow:auto;overflow-wrap:anywhere}.companion-history p{padding:8px;border-radius:8px;background:#edf6f6}.companion-history .chat-user{background:#fff5dd}.companion-preview dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;overflow-wrap:anywhere}.companion-preview dd{margin:0}.companion-preview button{margin:4px}#ofoq-companion button:focus-visible{outline:3px solid #007c85;outline-offset:3px}@media(max-width:600px){#ofoq-chat{max-height:calc(100dvh - 105px)}#ofoq-companion .companion-avatar{width:54px;height:54px}}
#ofoq-companion.companion-lift-1{bottom:86px}#ofoq-companion.companion-lift-2{bottom:158px}#ofoq-companion.companion-lift-3{bottom:230px}#ofoq-companion.companion-lift-4{bottom:302px}.companion-home-card{border-top:1px solid #d7e5eb;margin-top:22px;padding-top:18px}[data-shared-dashboard] meter{display:block;width:100%;height:16px}[data-shared-dashboard] [role=img]{display:grid;gap:10px;margin:20px 0}
[data-shared-dashboard] meter{accent-color:#008b91}[data-shared-dashboard] meter::-webkit-meter-optimum-value{background:#008b91}[data-shared-dashboard] meter::-webkit-meter-bar{background:#e7eff2;border:0;border-radius:5px}
[data-shared-dashboard] .stat{display:flex;flex-direction:column;gap:8px;align-items:flex-start}[data-shared-dashboard] .stat strong{font-size:28px;line-height:1.2}
#ofoq-chat [hidden],.companion-home-card [hidden]{display:none!important}.companion-plan{border:1px solid #d4e5e6;border-radius:10px;padding:10px;margin:12px 0}.companion-plan li{margin:8px 0;overflow-wrap:anywhere}.companion-plan button{display:block;margin-top:6px}
/* OFOQ reference-derived shared system. Same structure and tokens for all roles. */
:root{--ofoq-navy:#082d5b;--ofoq-teal:#0ea5a8;--ofoq-gold:#d4af37;--ofoq-canvas:#f7f9fc}.ofoq-dashboard-shell{direction:ltr;background:var(--ofoq-canvas)}html[dir=rtl] .ofoq-dashboard-shell>.sidebar,html[dir=rtl] .ofoq-dashboard-shell>.workspace{direction:rtl}.ofoq-dashboard-shell>.sidebar{background:linear-gradient(180deg,#082d5b,#062346);color:#fff}.ofoq-dashboard-shell .nav button{border-radius:8px}.ofoq-home-layout{display:grid;gap:22px;margin-bottom:24px}.ofoq-overview{display:grid;gap:18px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.dashboard-heading h1{margin:4px 0;font-size:27px}.dashboard-heading p{margin:3px 0}.dashboard-controls{display:flex;align-items:end;gap:10px}.dashboard-controls label{font-size:12px}.dashboard-source{font-size:12px;color:#607386;margin:0}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-kpi,.dashboard-card{background:white;border:1px solid #e4ebf2;border-radius:12px;box-shadow:0 3px 12px #082d5b06;padding:19px}.dashboard-kpi{display:flex;gap:12px;align-items:center;position:relative;min-width:0;flex-wrap:wrap}.dashboard-kpi>div{display:grid;gap:7px;min-width:0;flex:1}.dashboard-kpi strong{font-size:25px;line-height:1.25;overflow-wrap:anywhere;unicode-bidi:plaintext}.dashboard-kpi span{font-size:13px}.dashboard-kpi small{width:100%;font-size:10px;color:#64788a;overflow-wrap:anywhere}.kpi-symbol{color:#009da4;background:#e4f8f7;padding:9px;border-radius:10px;font-size:23px!important}.dashboard-kpi:nth-child(2n) .kpi-symbol{background:#edf0ff;color:#6558d8}.dashboard-kpi:nth-child(3n) .kpi-symbol{background:#fff6df;color:#ac7b13}.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.dashboard-card h2{font-size:17px;margin:0 0 14px}.dashboard-bars{display:grid;gap:15px;margin-top:22px}.dashboard-bars>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(50px,2fr) auto;align-items:center;gap:10px;font-size:12px}.dashboard-bars meter{width:100%;height:16px}.dashboard-bars meter::-webkit-meter-optimum-value{background:var(--ofoq-teal)}.dashboard-reports a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;text-decoration:none;border-bottom:1px solid #edf1f6;color:var(--ofoq-navy)}[data-dashboard-previous]{border:1px solid #e4ebf2;border-radius:12px;background:#fff;padding:14px}[data-dashboard-previous] summary{cursor:pointer;font-size:13px}.ofoq-home-layout .companion-home-card{border:1px solid #d5e9e9;margin:0;padding:22px;background:linear-gradient(115deg,#fff,#f1faf9)}.companion-home-card form{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,2fr) auto;align-items:end;gap:14px}.companion-home-card form>label{min-width:0;margin:0}.companion-home-card input,.companion-home-card select{width:100%}.dashboard-card .help{font-size:12px;color:#607386}.dashboard-empty{padding:24px;color:#607386}@media(max-width:1150px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.dashboard-heading{align-items:start;flex-direction:column}.dashboard-charts{grid-template-columns:1fr}.dashboard-kpi{padding:13px}.dashboard-kpi strong{font-size:22px}.companion-home-card form{grid-template-columns:1fr}.dashboard-bars>div{grid-template-columns:minmax(90px,1fr) minmax(40px,1.4fr) auto}.dashboard-controls{width:100%}.dashboard-controls label{flex:1}.ofoq-home-layout{gap:16px}}
.dashboard-donut{display:flex;align-items:center;justify-content:center;gap:16px;min-height:190px}.dashboard-donut svg{width:170px;height:170px;flex-shrink:0}.dashboard-donut ul{padding-inline-start:18px;font-size:13px;line-height:2}.dashboard-donut strong{color:var(--ofoq-teal);margin-inline-start:8px}@media(max-width:400px){.dashboard-donut{gap:4px}.dashboard-donut svg{width:135px;height:135px}}
.dashboard-bar{width:100%;height:13px;display:block}.dashboard-secondary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 18px}.dashboard-secondary-metrics>div{background:#f7f9fc;border-radius:8px;padding:12px;display:flex;justify-content:space-between;gap:10px}.dashboard-secondary-metrics dt{font-size:12px}.dashboard-secondary-metrics dd{font-weight:700;margin:0;color:#008b91;unicode-bidi:plaintext}
/* New editable fieldsets need stacked labels; retain existing checkbox layout and approved OFOQ system. */
[data-salary-component]>label,.pos-batch-line>label{display:grid}
/* Responsive bounds for the additive messaging settings; approved palette/layout unchanged. */
[data-messaging],[data-company-verification]{min-width:0;max-width:100%}
[data-messaging] label,[data-company-verification] label{min-width:0;overflow-wrap:anywhere}
[data-messaging] input,[data-messaging] select,[data-company-verification] input,[data-company-verification] select{min-width:0;width:100%;max-width:100%}
.content:has([data-messaging]) article{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){.sidebar .brand{flex:0 1 150px;min-width:120px}.sidebar .brand strong{min-width:0;font-size:12px;overflow-wrap:normal}.mobile-navigator{min-width:0;grid-template-columns:minmax(0,1fr);overflow:hidden;flex:1 1 140px}.mobile-navigator select{max-width:100%}}