/* OKTEVA workspace colorways. Operational layout/columns/sizing stay in the
   existing POS, manual order, KDS and waiter stylesheets. */
html[data-workspace-active] body{
 --accent:#0767ed;--bg:#f3f7ff;--card:#fff;--surface:#fff;--border:#dce7f7;--line:#dce7f7;--text:#0d2358;--muted:#5e7392;--green:#087f60;--red:#bf2444;
 --ws-paper2:#f7faff;--ws-soft:#edf5ff;--ws-input:#fbfdff;--ws-action:#0767ed;--ws-action-text:#fff;--ws-selected:#e3f0ff;--ws-success-bg:#dff9ee;--ws-success-text:#08664e;--ws-danger-bg:#fff0f4;--ws-danger-text:#a81d3a;--ws-warning-bg:#fff5de;--ws-warning-text:#86560a;--ws-purple-bg:#f2edff;--ws-purple-text:#6542b5;--ws-overlay:#051e3a99;--ws-hover:#edf4ff;
 background:var(--bg);color:var(--text);color-scheme:light;
}
html[data-workspace-active][data-workspace-theme="dark"] body{
 --accent:#8bc0ff;--bg:#080f21;--card:#121e34;--surface:#121e34;--border:#2a3b57;--line:#2a3b57;--text:#e9f1ff;--muted:#9bb0ce;--green:#65e0ba;--red:#ffa1b4;
 --ws-paper2:#18263e;--ws-soft:#192c49;--ws-input:#0d192e;--ws-action:#2164d1;--ws-action-text:#fff;--ws-selected:#183e6e;--ws-success-bg:#143b37;--ws-success-text:#81edcc;--ws-danger-bg:#442632;--ws-danger-text:#ffb2c1;--ws-warning-bg:#403320;--ws-warning-text:#ffce82;--ws-purple-bg:#302448;--ws-purple-text:#cbb8ff;--ws-overlay:#020913d9;--ws-hover:#1b2d48;
 color-scheme:dark;
}
html[data-workspace-active] :is(.aside,.topbar){background:var(--card);border-color:var(--border)}
html[data-workspace-active] :is(.nav-heading,.sidebar-account small,.side-brand small,.field,.muted,.cell-sub,.metric small,.metric .small){color:var(--muted)}
html[data-workspace-active] :is(.sidebar-avatar,.avatar){background:linear-gradient(135deg,var(--ws-action),#2492f6);color:#fff}
html[data-workspace-active] .nav button{color:var(--muted)}
html[data-workspace-active] .nav button:hover{background:var(--ws-hover);color:var(--text)}
html[data-workspace-active] .nav button.active{background:linear-gradient(110deg,var(--ws-action),#0c6bd3);color:#fff}
html[data-workspace-active] :is(.aside-footer,.side-brand,.table th,.table td,.line,.feature-option,.roster-cell,.roster-calendar){border-color:var(--border)}
html[data-workspace-active] :is(.card,.order-card,.kds-ticket,.waiter-card,.metric,.skeleton-card){background:var(--card);border-color:var(--border);color:var(--text)}
html[data-workspace-active] :is(.btn,.menu-tile-add,.qty-control button:last-child){background:var(--ws-action);color:var(--ws-action-text)}
html[data-workspace-active] :is(.btn.ghost,.icon-button,.menu-button,.tab,.tabs .tab,.qty-control button,.role-list .tab){background:var(--ws-soft);color:var(--accent);border-color:var(--border)}
html[data-workspace-active] :is(.btn.green,.btn.payment-green){background:var(--ws-success-bg);color:var(--ws-success-text);border-color:var(--green)}
html[data-workspace-active] :is(.btn.red,.red-text,.pill.red){background:var(--ws-danger-bg);color:var(--ws-danger-text);border-color:var(--ws-danger-text)}
html[data-workspace-active] :is(.pill,.pill.orange,.pill.amber){background:var(--ws-warning-bg);color:var(--ws-warning-text)}
html[data-workspace-active] .pill.green{background:var(--ws-success-bg);color:var(--ws-success-text)}
html[data-workspace-active] :is(.pill.purple,.btn.purple){background:var(--ws-purple-bg);color:var(--ws-purple-text)}
html[data-workspace-active] :is(.pill.blue,.tab.active,.tabs .tab.active,.role-list .tab.active){background:var(--ws-selected);color:var(--accent);border-color:var(--accent)}
html[data-workspace-active] :is(.field input,.field select,.field textarea,input.control,select.control,textarea.control,.search-box,.download-link,.setup-key){background:var(--ws-input);color:var(--text);border-color:var(--border)}
html[data-workspace-active] :is(input,textarea)::placeholder{color:var(--muted)}
html[data-workspace-active] :is(.field input,.field select,.field textarea):focus{border-color:var(--accent)}
html[data-workspace-active] :is(.search-box input,.search-box button){color:var(--text)}
html[data-workspace-active] :is(.metric-icon,.location-icon,.queue-badge,.queue-number){background:var(--ws-selected);color:var(--accent);border-color:var(--border)}
html[data-workspace-active] :is(.amount,.payment-total strong,.order-total strong,.finance-value,.stat strong,.product-card .price){color:var(--accent)}
html[data-workspace-active] :is(.order-body,.order-items,.order-footer,.order-item,.kds-line,.kds-footer,.waiter-item,.waiter-line,.waiter-card,.payment-line,.payment-total,.elapsed,.metric-grid .metric){border-color:var(--border)}
html[data-workspace-active] :is(.notice,.hint,.status-banner,.local-order,.withdraw-row){background:var(--ws-soft);color:var(--text);border-color:var(--border)}
html[data-workspace-active] :is(.notice.warn,.obligation-note){background:var(--ws-warning-bg);color:var(--ws-warning-text);border-color:var(--ws-warning-text)}
html[data-workspace-active] :is(.notice.error,.notice.red,.obligation-blocked){background:var(--ws-danger-bg);color:var(--ws-danger-text);border-color:var(--ws-danger-text)}
html[data-workspace-active] :is(.progress,.kds-progress,progress){background:var(--ws-soft);color:var(--accent)}
html[data-workspace-active] .dialog{background:var(--ws-overlay)}
html[data-workspace-active] :is(.dialog .card,.word-home){background:var(--card);color:var(--text);border-color:var(--border)}
html[data-workspace-active] #toast{background:var(--ws-success-bg);color:var(--ws-success-text)}
html[data-workspace-active] #toast.error{background:var(--ws-danger-bg);color:var(--ws-danger-text)}
html[data-workspace-active] .sidebar-backdrop{background:var(--ws-overlay)}
html[data-workspace-active] .skeleton-block{background:color-mix(in srgb,var(--text) 9%,var(--card))}
html[data-workspace-active] .skeleton-block:after{background:linear-gradient(100deg,transparent 12%,color-mix(in srgb,var(--text) 12%,transparent) 48%,transparent 82%)}
/* Manual POS: color replacements only, retaining its existing columns, fixed
   cart dock, photo ratios and compact landscape behavior at every breakpoint. */
html[data-workspace-active] .manual-page{background:var(--bg);color:var(--text)}
html[data-workspace-active] :is(.manual-top,.manual-category-rail){background:var(--card);border-color:var(--border)}
html[data-workspace-active] :is(.manual-brand-mark,.manual-wordmark small,.manual-breadcrumb strong,.manual-product-info>strong,.manual-cart-top small,.manual-summary h2>.ui-icon,.manual-details h2>.ui-icon,.manual-open-bill>.ui-icon,.manual-empty>.ui-icon,.manual-grand-total b){color:var(--accent)}
html[data-workspace-active] :is(.manual-breadcrumb,.manual-user,.manual-summary-head,.manual-cart-line,#manual-total,.manual-product-photo){border-color:var(--border)}
html[data-workspace-active] :is(.manual-user small,.manual-catalog-head p,.manual-product-info p,.manual-details h2 small,.manual-empty,.manual-subtotal,.manual-open-bill small,.manual-search input::placeholder){color:var(--muted)}
html[data-workspace-active] .manual-user .avatar{background:var(--ws-selected);color:var(--accent);border-color:var(--border)}
html[data-workspace-active] .manual-back{background:var(--ws-soft)!important;color:var(--accent);border-color:var(--border)}
html[data-workspace-active] .manual-category-rail button{color:var(--muted)}
html[data-workspace-active] .manual-category-rail button.active{background:var(--ws-action);color:#fff;border-color:var(--ws-action);box-shadow:0 0 20px #0767ed30}
html[data-workspace-active] .manual-category-rail button:hover{border-color:var(--accent)}
html[data-workspace-active] :is(.manual-search,.manual-summary,.manual-details,.manual-product,.manual-item-note,.manual-qty,.icon-input,.manual-custom-location .control){background:var(--card);color:var(--text);border-color:var(--border)}
html[data-workspace-active] :is(.manual-search input,.manual-search button,.manual-item-note input,.icon-input input,.icon-input select,.icon-input>.ui-icon){color:var(--text)}
html[data-workspace-active] :is(.manual-product-photo,.photo-placeholder,.manual-summary-head>span,.manual-qty button,.manual-location .btn){background:var(--ws-soft);color:var(--accent);border-color:var(--border)}
html[data-workspace-active] :is(.manual-add,.manual-qty button:last-child,.manual-mobile-summary){background:var(--ws-action);color:#fff;border-color:var(--ws-action)}
html[data-workspace-active] .manual-location .btn.selected{background:var(--ws-selected);color:var(--accent);border-color:var(--accent)}
html[data-workspace-active] .manual-open-bill>input:checked{background:var(--ws-action)}
html[data-workspace-active] .manual-page .manual-actions .btn.outline-amber{background:var(--ws-soft);color:var(--accent);border-color:var(--accent)}
html[data-workspace-active] .manual-page .manual-actions .btn.payment-green{background:var(--ws-action);color:#fff;border-color:var(--ws-action)}
html[data-workspace-active] :is(.wa-check,.wa-status.offline){background:var(--ws-soft);color:var(--accent);border-color:var(--border)}
html[data-workspace-active] .wa-status{color:var(--muted)}
html[data-workspace-active] .wa-status.verified{color:var(--green)}
html[data-workspace-active] #manual-cart{scrollbar-color:var(--accent) var(--ws-soft)}
html[data-workspace-active] .icon-input select option{background:var(--ws-input);color:var(--text)}
/* Complete the nonoperational screens without replacing their live data or
   editing forms with the reference HTML's simulated controls. */
html[data-workspace-active] :is(.inventory-list-card,.inventory-editor,.inventory-menu-row,.inventory-metrics>div,.purchase-preview,.billing-summary,.billing-plan,.workspace-settings-content>.card,.android-release-card){background:var(--card)!important;border-color:var(--border)!important;color:var(--text)}
html[data-workspace-active] :is(.inventory-top-tabs button,.ingredient-tabs>button,.inventory-row-actions>.btn,.inventory-close,.inventory-search,.inventory-filters select,.inventory-photo-choice,.stock-mode-options>label,.stock-adjust-modes>label,.inventory-stock-preview,.purchase-info input,.purchase-items-table input,.purchase-items-table select,.purchase-note textarea,.billing-details>div,.mobile-account-card,.placeholder-button,.phone-preview,.preview-input){background:var(--ws-input);border-color:var(--border);color:var(--text)}
html[data-workspace-active] :is(.inventory-top-tabs button.active,.ingredient-tabs>button.active,.status-chip.active,.stock-mode-options>label:has(input:checked),.stock-adjust-modes>label:has(input:checked)){background:var(--ws-selected);color:var(--accent);border-color:var(--accent)}
html[data-workspace-active] :is(.inventory-menu-row.selected,.business-identity){background:var(--ws-selected);border-color:var(--accent);color:var(--text)}
html[data-workspace-active] :is(.inventory-tag,.inventory-tag.station,.inventory-tag.gold){background:var(--ws-warning-bg);color:var(--ws-warning-text)}
html[data-workspace-active] .inventory-tag.category{background:var(--ws-selected);color:var(--accent)}
html[data-workspace-active] :is(.inventory-tag.green,.release-current){background:var(--ws-success-bg);color:var(--ws-success-text);border-color:var(--green)}
html[data-workspace-active] .inventory-tag.red{background:var(--ws-danger-bg);color:var(--ws-danger-text)}
html[data-workspace-active] .inventory-tag.recipe{background:var(--ws-purple-bg);color:var(--ws-purple-text)}
html[data-workspace-active] :is(.inventory-ingredient-table th,.purchase-items-table th,.roster-weekdays strong,.roster-cell.empty-cell,.roster-shift){background:var(--ws-soft);color:var(--text);border-color:var(--border)}
html[data-workspace-active] :is(.inventory-ingredient-table td,.inventory-stock,.inventory-stock-preview,.inventory-log,.purchase-items-table td,.purchase-preview-head,.purchase-preview-line,.purchase-grand-total,.approval-card,.role-list,.profile-account-card){border-color:var(--border)}
html[data-workspace-active] :is(.inventory-notice,.inventory-editor .inventory-notice){background:var(--ws-warning-bg);border-color:var(--ws-warning-text);color:var(--ws-warning-text)}
html[data-workspace-active] :is(.inventory-metrics .ui-icon,.inventory-log>strong,.purchase-grand-total strong,.business-identity strong,.android-release-card h3){color:var(--accent)}
html[data-workspace-active] :is(.inventory-stock-preview strong,.purchase-increase,.purchase-preview-line>b){color:var(--green)}
html[data-workspace-active] :is(.inventory-upload-preview,.menu-photo-preview,.inventory-product-photo img,.product-photo,.menu-photo){background:var(--ws-soft)}
html[data-workspace-active] .promo-code{border-color:var(--green);color:var(--green)}
html[data-workspace-active] .receipt-preview-wrap{background:var(--ws-soft)}
/* Legacy operational sheets contain more specific amber button gradients.
   Override their paint only; their padding, border widths and hit areas stay. */
html[data-workspace-active] .btn{background:var(--ws-action)!important;color:var(--ws-action-text)!important}
html[data-workspace-active] .btn.ghost{background:var(--ws-soft)!important;color:var(--accent)!important;border-color:var(--border)!important}
html[data-workspace-active] .btn.red{background:var(--ws-danger-bg)!important;color:var(--ws-danger-text)!important;border-color:var(--ws-danger-text)!important}
html[data-workspace-active] .btn.green{background:var(--ws-success-bg)!important;color:var(--ws-success-text)!important;border-color:var(--green)!important}
html[data-workspace-active] :is(.btn.active,.btn.selected){background:var(--ws-selected)!important;color:var(--accent)!important;border-color:var(--accent)!important}
html[data-workspace-active] .manual-page .btn.outline-amber{background:var(--ws-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}
html[data-workspace-active] .manual-page .btn.payment-green{background:var(--ws-action)!important;color:#fff!important;border-color:var(--ws-action)!important}
html[data-workspace-active] .manual-back{background:var(--ws-soft)!important;color:var(--accent)!important;border-color:var(--border)!important}
html[data-workspace-active] :is(.kds-line,.change-line,.payment-lines,.manual-voucher-panel){background:var(--ws-paper2);color:var(--text);border-color:var(--border)}
html[data-workspace-active] .change-line.insufficient{background:var(--ws-danger-bg);color:var(--ws-danger-text)}
html[data-workspace-active] progress::-webkit-progress-bar{background:var(--ws-soft)}
html[data-workspace-active] progress::-webkit-progress-value{background:var(--ws-action)}
html[data-workspace-active] progress::-moz-progress-bar{background:var(--ws-action)}
/* Only standard management pages adopt the reference heading/card density. */
html[data-workspace-layout="standard"] :is(.section-head h1,.inventory-title h1){font-size:clamp(1.55rem,2.1vw,1.9rem)}
html[data-workspace-layout="standard"] :is(.card,.inventory-list-card,.inventory-editor){border-radius:19px}
.workspace-theme-toggle svg{width:18px;height:18px;flex:0 0 18px}
@media(max-width:600px){.workspace-theme-toggle>span{display:none}}
@media print{.workspace-theme-toggle{display:none!important}html[data-workspace-active] body{background:#fff;color:#000}html[data-workspace-active] :is(.card,.receipt-print,.closing-print){background:#fff!important;color:#000!important}}