/* Oyi workspace shell. Scoped: does not change outlet Display or login theme. */
html[data-work-theme] { color-scheme: light; --oyi-shell-width:248px; } /* palet: oyi-theme.css v2 */
html[data-work-theme=dark] { color-scheme: dark; } /* palet gelap hangat: oyi-theme.css v2 */
html[data-sidebar=collapsed] {--oyi-shell-width:76px;}
html[data-work-theme] body:has(.ops-workspace),html[data-work-theme] body.fna-workspace,html[data-work-theme] body.ws-page { background:var(--oyi-paper);color:var(--oyi-ink);--bg:var(--oyi-paper);--surface:var(--oyi-surface);--surface-2:var(--oyi-surface-2);--text:var(--oyi-ink);--muted:var(--oyi-muted);--line:var(--oyi-line);--border:var(--oyi-line);--primary:var(--oyi-green);--ws-width:var(--oyi-shell-width);--sidebar:var(--oyi-shell-width); }
html[data-work-theme] :is(.fna-sidebar,.ops-sidebar,.ws-sidebar){background:var(--oyi-sidebar)!important;border-right:1px solid var(--oyi-line);}
html[data-work-theme] :is(.workspace-header,.ops-header,.ws-sync--compact .oyi-app-bar){background:var(--oyi-surface)!important;color:var(--oyi-muted);min-height:72px;height:auto;gap:12px;flex-wrap:wrap;padding:12px 24px;}
/* One header hierarchy: controls left, app switcher right, no floating breadcrumb. */
html[data-work-theme] :is(.workspace-header,.ops-header,.ws-sync--compact .oyi-app-bar)>span{display:none;}
html[data-work-theme] :is(.workspace-header,.ops-header,.ws-sync--compact .oyi-app-bar)>nav[aria-label="Workspace Oyi"]{display:flex;align-items:center;flex:0 0 auto;gap:3px;margin-left:auto;padding:3px;background:var(--oyi-surface-2);border:1px solid var(--oyi-line);border-radius:9px;}
html[data-work-theme] :is(.workspace-header,.ops-header,.ws-sync--compact .oyi-app-bar)>nav[aria-label="Workspace Oyi"]>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 11px;border:0;border-radius:6px;color:var(--oyi-muted);font-size:12px;text-decoration:none;white-space:nowrap;}
html[data-work-theme] :is(.workspace-header,.ops-header,.ws-sync--compact .oyi-app-bar)>nav[aria-label="Workspace Oyi"]>a[aria-current=page]{background:var(--oyi-surface);color:var(--oyi-green-ink);font-weight:600;box-shadow:0 1px 3px #0f172a0a;}
html[data-work-theme] :is(.workspace-header,.ops-header,.ws-sync--compact .oyi-app-bar)>nav[aria-label="Workspace Oyi"] svg{width:16px;height:16px;}
.ops-breadcrumb{font-size:11px;color:var(--oyi-muted);display:flex;gap:8px;align-items:center;margin:0 0 20px;}
.oyi-shell-tools{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;}
.oyi-shell-tools svg{width:18px;height:18px;flex:none;}
.oyi-shell-tools button:disabled{opacity:.55;cursor:wait;}
@media(max-width:1200px){html[data-work-theme] .ops-header>a>span{display:none;}}
.oyi-shell-tools button{border:1px solid var(--oyi-line);color:var(--oyi-ink-2);background:var(--oyi-surface-2);border-radius:9px;min-height:40px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;}
.oyi-shell-tools button:hover{background:var(--oyi-hover)}
.oyi-shell-tools .oyi-search-trigger{justify-content:flex-start;flex:1;max-width:520px;color:var(--oyi-muted);font-size:13px;}
.oyi-search-trigger kbd{margin-left:auto;font-size:11px;border:1px solid var(--oyi-line-strong);border-radius:4px;padding:1px 5px;white-space:nowrap;}
.oyi-search-trigger>span{flex:initial;text-align:left;}
.oyi-shell-icon{width:18px;height:18px;flex:none;vertical-align:middle;}
.oyi-nav-icon{width:18px;height:18px;flex:none;margin-right:8px;display:inline-block;}
html[data-work-theme] :is(.fna-sidebar,.ops-sidebar,.ws-sidebar) nav a{display:flex;align-items:center;gap:6px;}
html[data-work-theme][data-sidebar=expanded] :is(.ops-sidebar,.ws-sidebar) nav a{padding-left:14px;}
.oyi-command{width:min(650px,calc(100vw - 32px));max-height:min(620px,85dvh);padding:0;border:1px solid var(--oyi-line-strong);border-radius:16px;background:var(--oyi-surface);color:var(--oyi-ink);box-shadow:0 24px 100px #0f172a40;overflow:auto;}
.oyi-command::backdrop{background:#0f172a88;backdrop-filter:blur(4px)}
.oyi-command-head{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--oyi-line);}
.oyi-command input{min-width:0;flex:1;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--oyi-ink)!important;font:inherit;outline:0;min-height:36px;}
.oyi-command button{background:var(--oyi-surface-2);color:var(--oyi-muted);border:1px solid var(--oyi-line);padding:6px 9px;border-radius:6px;cursor:pointer;}
.oyi-command-note{margin:0;padding:12px 18px;color:var(--oyi-muted);font-size:12px;}
.oyi-command-results{padding:0 8px 8px;display:grid;gap:4px;}
.oyi-command-results a,.oyi-command-results .oyi-example{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--oyi-ink);padding:12px;border-radius:8px;}
.oyi-command-results a:hover,.oyi-command-results a:focus{background:var(--oyi-green-soft);outline:2px solid var(--oyi-green);outline-offset:-2px;}
.oyi-command-results small{display:block;font-size:12px;color:var(--oyi-muted);margin-top:3px;}
.oyi-example{border:1px dashed var(--oyi-line-strong);opacity:.9;}
.oyi-command-foot{padding:12px 18px;border-top:1px solid var(--oyi-line);font-size:11px;color:var(--oyi-muted);}
html[data-work-theme=dark] :is(.fna-workspace,.ws-page,.ops-workspace) :is(.card,.dash-card,.kpi,.table-scroll,.table-wrap,.ops-panel,.ops-card,.panel,.workspace-header,.ops-header,table,input,select,textarea){background:var(--oyi-surface)!important;color:var(--oyi-ink)!important;border-color:var(--oyi-line)!important;}
html[data-work-theme=dark] :is(.fna-workspace,.ws-page,.ops-workspace) :is(th,thead,.ops-metric,.filter-bar){background:var(--oyi-surface-2)!important;color:var(--oyi-ink-2)!important;}
html[data-work-theme=dark] :is(.fna-workspace,.ws-page,.ops-workspace) :is(td,h1,h2,h3,label){color:var(--oyi-ink)!important;border-color:var(--oyi-line)!important;}
html[data-work-theme=dark] :is(.fna-workspace,.ws-page,.ops-workspace) tr:hover td{background:var(--oyi-hover)!important;}
html[data-work-theme=dark] :is(.fna-sidebar,.ops-sidebar,.ws-sidebar) :is(a,h2,.ws-group-title){color:var(--oyi-ink-2)!important;}
html[data-work-theme=dark] :is(.fna-sidebar,.ops-sidebar,.ws-sidebar) a[aria-current=page]{background:var(--oyi-green-soft)!important;color:var(--oyi-green-ink)!important;}
@media(min-width:1001px){
 html[data-work-theme] .ops-body{margin-left:var(--oyi-shell-width)!important;}
 html[data-work-theme] .fna-workspace{padding-left:var(--oyi-shell-width)!important;}
 html[data-work-theme] :is(.fna-sidebar,.ops-sidebar,.ws-sidebar){width:var(--oyi-shell-width)!important;box-sizing:border-box;}
 html[data-work-theme] .ops-workspace{grid-template-columns:var(--oyi-shell-width) minmax(0,1fr)!important;}
 html[data-sidebar=collapsed] :is(.fna-brand,.ops-brand,.ws-brand){padding:18px 12px!important;justify-content:center;}
 html[data-sidebar=collapsed] :is(.fna-brand,.ops-brand,.ws-brand)>span,html[data-sidebar=collapsed] :is(.sidebar-account,.ops-account,.ws-account) span{display:none!important;}
 html[data-sidebar=collapsed] :is(.nav-group h2,.ops-nav h2,.ws-group-title){display:none!important;}
 html[data-sidebar=collapsed] :is(.fna-sidebar,.ops-sidebar,.ws-sidebar) nav a{width:42px;height:42px;min-height:42px!important;padding:0!important;justify-content:center;margin:4px auto;overflow:hidden;}
 html[data-sidebar=collapsed] .oyi-nav-label{display:none;}
 html[data-sidebar=collapsed] .oyi-nav-icon{margin:0;}
 html[data-sidebar=collapsed] :is(.sidebar-account,.ops-account,.ws-account){padding:10px 6px;flex-wrap:wrap;justify-content:center;}
}
html[data-work-theme] .ops-workspace{--bg:var(--oyi-paper);--surface:var(--oyi-surface);--surface-2:var(--oyi-surface-2);--cream:var(--oyi-ink);--text:var(--oyi-ink);--muted:var(--oyi-muted);--line:var(--oyi-line);color-scheme:inherit;background:var(--oyi-paper);color:var(--oyi-ink);}
@media(max-width:1000px){.oyi-shell-collapse{display:none!important}.oyi-shell-tools{min-width:180px}.oyi-search-trigger kbd{display:none}html[data-work-theme] :is(.workspace-header,.ops-header,.ws-sync--compact .oyi-app-bar){padding:10px 16px;}.oyi-shell-tools{order:-1;flex-basis:100%}.oyi-shell-tools .oyi-search-trigger{max-width:none}}
@media(prefers-reduced-motion:no-preference){:is(.fna-sidebar,.ops-sidebar,.ops-workspace){transition:width .16s ease,grid-template-columns .16s ease;}}
/* SCM: compact only the stock dashboard; preserve form associations and all actions. */
html body.ws-page #scmTable :is(th,td){padding:6px 8px!important;border-right:1px solid var(--oyi-line);line-height:1.3;vertical-align:middle;font-size:12px;}
html body.ws-page #scmTable th{font-size:11px;white-space:normal;}
html body.ws-page #scmTable .stock-form{display:flex;flex-flow:row nowrap;align-items:center;gap:4px;margin:0;}
html body.ws-page #scmTable input[type=number]{width:72px;min-width:58px;min-height:30px;height:30px;padding:4px 6px!important;font-size:12px;box-sizing:border-box;}
html body.ws-page #scmTable button{min-height:30px;height:30px;padding:3px 7px;font-size:11px;white-space:nowrap;}
html body.ws-page #scmTable .order-form{display:grid;grid-template-columns:minmax(86px,1fr) auto auto;align-items:center;gap:4px;min-width:226px;max-width:240px;}
html body.ws-page #scmTable .order-form button{min-width:0;width:auto;}
html body.ws-page #scmTable .order-input-row{display:flex;align-items:center;gap:4px;margin:0;}
html body.ws-page #scmTable .last-order-note{grid-column:1/-1;max-width:226px;font-size:10px;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body.ws-page #scmTable .stock-deviation{font-size:10px;margin:2px 0 0;}
html body.ws-page #scmTable [data-col=rekomendasi]{width:148px;min-width:136px;max-width:164px;white-space:normal;}
html body.ws-page #scmTable .rekom-row{display:flex;flex-wrap:wrap;gap:2px 6px;justify-content:space-between;font-size:12px;margin:0;line-height:1.3;}
html body.ws-page #scmTable .rekom-label{font-size:10px;min-width:36px;}
html body.ws-page #scmTable .basis-tag{font-size:9px;line-height:1.2;padding:1px 4px;}
html body.ws-page #scmTable .chicken-plan-hint{font-size:10px!important;margin-top:2px!important;line-height:1.2;}
html[data-work-theme=dark] body.ws-page #scmTable button{background:var(--oyi-green-soft);color:var(--oyi-green-ink);border:1px solid var(--oyi-line-strong);}
html[data-work-theme=dark] body.ws-page #scmTable .status-badge.ORDER{background:var(--oyi-warning-soft);color:var(--oyi-warning);}
html[data-work-theme=dark] body.ws-page #scmTable .status-badge.CUKUP{background:var(--oyi-green-soft);color:var(--oyi-green-ink);}
html[data-work-theme=dark] body.ws-page #scmTable .stock-deviation .dev-neg{color:var(--oyi-danger);}
@media(pointer:coarse){html body.ws-page #scmTable button{min-height:44px;height:auto;}html body.ws-page #scmTable input[type=number]{min-height:44px;height:auto;}}
/* Real FNA/OPS analytics: same visual vocabulary, using existing API data only. */
html[data-work-theme] .oyi-operations{gap:20px;--oyi-blue:#2d9c77;--oyi-teal:#167b61;}
html[data-work-theme] .oyi-analytics{background:var(--oyi-paper);color:var(--oyi-ink);}
html[data-work-theme] .ops-home .oyi-home-eyebrow{font-size:11px;letter-spacing:.08em!important;color:var(--oyi-muted);margin:0 0 8px;}
html[data-work-theme] .ops-home .ops-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;}
html[data-work-theme] .ops-home .ops-home-item{display:grid;gap:12px;align-content:start;padding:22px;min-height:154px;background:var(--oyi-surface);color:var(--oyi-ink);border:1px solid var(--oyi-line);border-radius:12px;text-decoration:none;}
html[data-work-theme] .ops-home .ops-home-item>svg{color:var(--oyi-green);}
html[data-work-theme] .ops-home .ops-home-item>span{font-size:12px;color:var(--oyi-muted);line-height:1.6;}
html[data-work-theme] .ops-home .ops-home-item:hover{border-color:var(--oyi-green);background:var(--oyi-surface-2);}
html[data-work-theme] .oyi-operations :is(.dash-card,.kpi,.oyi-scorecard,.oyi-growth-band){background:var(--oyi-surface)!important;border:1px solid var(--oyi-line)!important;border-radius:12px!important;box-shadow:none;padding:20px!important;min-width:0;}
html[data-work-theme] .oyi-operations .dash-filters{background:var(--oyi-surface);border:1px solid var(--oyi-line);border-radius:10px;padding:14px 16px;gap:12px;}
html[data-work-theme] .oyi-operations .dash-presets{flex-wrap:wrap;}
html[data-work-theme] .oyi-operations .chip{background:var(--oyi-surface-2)!important;color:var(--oyi-ink-2)!important;border:1px solid var(--oyi-line-strong);}
html[data-work-theme] .oyi-operations .chip[aria-pressed=true]{background:var(--oyi-green-soft)!important;color:var(--oyi-green-ink)!important;border-color:var(--oyi-green);}
html[data-work-theme] :is(.oyi-source-badge,.oyi-eyebrow){color:var(--oyi-muted);}
html[data-work-theme] .oyi-operations .ops-up{color:var(--oyi-green-ink);}
html[data-work-theme] .oyi-operations .ops-down{color:var(--oyi-danger);}
html[data-work-theme] .oyi-operations .oyi-financial-band{border:0;padding:0;gap:16px;}
html[data-work-theme] .oyi-operations .oyi-financial-band>div{background:var(--oyi-surface);border:1px solid var(--oyi-line);border-radius:12px;padding:20px;}
html[data-work-theme] .oyi-operations .dash-kpis{padding:0;border:0;gap:14px;}
html[data-work-theme] .oyi-operations :is(.ops-note,.muted-text,.oyi-quality,.oyi-financial-band span,.oyi-financial-band small,.oyi-driver span,.oyi-driver small,.oyi-score-item small){color:var(--oyi-muted);}
html[data-work-theme] .oyi-operations :is(h2,.kpi strong,.oyi-financial-band strong,.oyi-score-item strong){color:var(--oyi-ink);}
html[data-work-theme] .oyi-operations .ops-grid{gap:18px;}
html[data-work-theme] .oyi-operations .oyi-trend-line{fill:none;stroke:var(--oyi-green);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;}
html[data-work-theme] .oyi-operations .oyi-trend-area{fill:var(--oyi-green);opacity:.09;}
html[data-work-theme] .oyi-operations .oyi-trend-point{fill:var(--oyi-green);stroke:var(--oyi-surface);stroke-width:2;outline-offset:2px;}
html[data-work-theme] .oyi-operations .chart-svg .axis{fill:var(--oyi-muted);}
html[data-work-theme] .oyi-operations .chart-svg .grid{stroke:var(--oyi-line);}
html[data-work-theme] .oyi-operations .oyi-channel-track{background:var(--oyi-hover);border-radius:5px;overflow:hidden;height:6px;}
html[data-work-theme] .oyi-operations .oyi-channel-track b{height:6px;}
html[data-work-theme] .oyi-operations .oyi-channel-item{border-bottom:1px solid var(--oyi-line);}
html[data-work-theme] .oyi-operations .oyi-channel-item[aria-pressed=true]{outline:2px solid var(--oyi-green);outline-offset:4px;}
html[data-work-theme] .oyi-operations .oyi-quality{border:1px solid var(--oyi-line);background:var(--oyi-surface-2);border-radius:8px;padding:10px 14px;}
html[data-work-theme] .oyi-operations .oyi-score-item header{background:transparent;color:var(--oyi-ink-2);padding:0;}
html[data-work-theme] .oyi-operations .oyi-data-details{border:1px solid var(--oyi-line);border-radius:10px;background:var(--oyi-surface);padding:0 16px;}
html[data-work-theme] .oyi-operations .ops-tip{background:var(--oyi-ink);color:var(--oyi-paper);border:1px solid var(--oyi-line-strong);}
@media(max-width:600px){html[data-work-theme] .oyi-operations .dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}html[data-work-theme] .oyi-operations :is(.dash-card,.kpi,.oyi-scorecard,.oyi-growth-band){padding:14px!important;}html[data-work-theme] .oyi-operations .oyi-financial-band{grid-template-columns:1fr;}}

/* ---- Tema v2 (Oyi Group): latar netral, aksen kuning brand pada menu aktif, hijau untuk aksi, sudut bulat ---- */
html[data-work-theme] body:is(:has(.ops-workspace),.fna-workspace,.ws-page){background:var(--oyi-paper);}
html[data-work-theme] :is(.fna-sidebar,.ops-sidebar,.ws-sidebar) a:is([aria-current=page],.active,.ws-active){
  background:var(--oyi-yellow-soft)!important;color:var(--oyi-ink)!important;font-weight:700;border-radius:12px;box-shadow:inset 4px 0 0 var(--oyi-green);}
html[data-work-theme] :is(.fna-sidebar,.ops-sidebar,.ws-sidebar) a:not([aria-current=page]):not(.active):not(.ws-active):hover{background:var(--oyi-hover)!important;border-radius:12px;}
html[data-work-theme] :is(.fna-brand,.ops-brand,.ws-brand){font-family:var(--oyi-font-display)!important;font-weight:600;}
html[data-work-theme] :is(.workspace-header,.ops-header,.ws-sync--compact .oyi-app-bar)>nav[aria-label="Workspace Oyi"]>a[aria-current=page]{
  background:var(--oyi-yellow)!important;color:#2b2118!important;border-radius:999px;box-shadow:0 2px 0 var(--oyi-yellow-line);}
html[data-work-theme] .oyi-shell-tools :is(.oyi-search-trigger,.oyi-shell-collapse,.oyi-work-theme){border-radius:12px;}
html[data-work-theme] .oyi-shell-tools .oyi-search-trigger{border:2px solid var(--oyi-line);background:var(--oyi-surface);}
html[data-work-theme] .oyi-command{border-radius:20px;}
/* HP: cari jadi tombol ikon agar cari, tema, dan OPS/SCM/FNA muat satu baris (teks tetap terbaca pembaca layar). */
@media(max-width:600px){html[data-work-theme] .oyi-shell-tools{order:0;flex:0 0 auto;flex-basis:auto;min-width:0}html[data-work-theme] .oyi-shell-tools .oyi-search-trigger{flex:0 0 auto;width:40px;min-width:40px;padding:8px;justify-content:center}html[data-work-theme] .oyi-shell-tools .oyi-search-trigger span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}