/* Claude Opsi B visual contract. Cashier-only; operational values and actions remain incumbent. */
@font-face{font-family:Rubik;src:url('fonts/rubik-variable.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:'Lilita One';src:url('fonts/lilita-one.ttf') format('truetype');font-weight:400;font-display:swap}
html[data-surface="cashier-b"]{--navy:#00249c;--blue:#0124be;--blue-hover:#00249c;--ink:#0a1a5c;--muted:#56638c;--blue-soft:#f3f5ff;--bg:#f3f5fc;--line:#d6def9;--card-line:#aebbd8;--amber:#9f3d04;--amber-soft:#fff1e7;--green:#1b844b;--green-soft:#e6f4ec;--radius:20px;--brand-yellow:#ffd823;font-family:Rubik,sans-serif}
html[data-surface="cashier-b"] body{font-size:13px}
html[data-surface="cashier-b"] :is(h1,h2,h3,h4){color:inherit;letter-spacing:-.02em}
html[data-surface="cashier-b"] :is(button,input,select,textarea){font-family:inherit}
html[data-surface="cashier-b"] .sidebar{width:92px;padding:16px 9px 12px;color:var(--on-dark-muted-d9e0ff);background:var(--navy)}
html[data-surface="cashier-b"] .brand{height:58px;display:flex;justify-content:center;padding:0;margin:0 0 16px}
html[data-surface="cashier-b"] .cashier-mascot{width:46px;height:58px;object-fit:contain}
html[data-surface="cashier-b"] .cashier-wordmark{font-family:'Lilita One',sans-serif;color:var(--brand-yellow);font-size:20px}
html[data-surface="cashier-b"] .nav{gap:12px}
html[data-surface="cashier-b"] .nav button{flex-direction:column;justify-content:center;gap:6px;padding:9px 3px;min-height:64px;border-radius:17px;font-size:11.5px;line-height:1.25;text-align:center;position:relative}
html[data-surface="cashier-b"] .nav button svg{width:22px;height:22px}
html[data-surface="cashier-b"] .nav button.active{background:var(--brand-yellow);color:var(--on-yellow)}
html[data-surface="cashier-b"] .nav button:hover:not(.active){background:var(--nav-hover-173bae)}
html[data-surface="cashier-b"] .updates-new{position:absolute;top:2px;right:0;background:var(--brand-yellow-soft-fff4bf);color:var(--on-yellow);font-size:8px}
html[data-surface="cashier-b"] .nav-bottom{padding:0}
html[data-surface="cashier-b"] .nav-bottom>[data-action="logout"]{min-height:44px;justify-content:center;font-size:0;padding:8px}
html[data-surface="cashier-b"] .nav-bottom>[data-action="logout"] svg{width:20px;height:20px}
html[data-surface="cashier-b"] .nav-note{display:none}
html[data-surface="cashier-b"] .main-shell{margin-left:92px;max-width:none;min-height:calc(100dvh / var(--cashier-zoom))}
html[data-surface="cashier-b"] .content{padding:22px;max-width:none}
html[data-surface="cashier-b"] .button{min-height:44px;border-radius:13px;padding:10px 14px;font-size:13px;font-weight:650}
html[data-surface="cashier-b"] .filter{border-radius:999px;min-height:44px;padding:8px 16px;font-size:13px;font-weight:650;white-space:nowrap}
html[data-surface="cashier-b"] :is(input,select,textarea){border-radius:14px}
html[data-surface="cashier-b"] .demo-tag{color:var(--on-yellow);background:var(--brand-yellow-soft-fff4bf);border-radius:8px}
html[data-surface="cashier-b"] .panel{border-radius:20px;border-color:var(--card-line);box-shadow:0 3px 12px var(--shadow-color-0a1a5c06)}
html[data-surface="cashier-b"] .content>.panel+:is(.panel,.cashier-finance-day){margin-top:20px}
html[data-surface="cashier-b"] h1{font-size:28px;font-weight:750}
html[data-surface="cashier-b"] h2{font-size:20px}
html[data-surface="cashier-b"] .notice{border-radius:14px}
html[data-surface="cashier-b"] .topbar{background:var(--navy);color:var(--on-dark);min-height:72px;padding:12px 22px;gap:10px;flex-wrap:nowrap}
html[data-surface="cashier-b"] .top-right{gap:10px;flex-wrap:nowrap}
html[data-surface="cashier-b"] .breadcrumb,html[data-surface="cashier-b"] .breadcrumb b{color:inherit}
html[data-surface="cashier-b"] .topbar [data-action="inbox"],html[data-surface="cashier-b"] .cashier-header-tools [data-action="inbox"]{font-size:0;min-width:48px;width:48px;min-height:48px;justify-content:center;padding:10px;border-radius:15px;border:1px solid var(--line)}
html[data-surface="cashier-b"] .topbar [data-action="inbox"]{color:var(--on-dark);background:var(--nav-hover-1c3dba);border:0}
html[data-surface="cashier-b"] .cashier-account{position:relative;flex:none}
html[data-surface="cashier-b"] .cashier-account>summary{list-style:none;display:flex;justify-content:center;align-items:center;min-width:44px;width:44px;height:48px;border-radius:14px;color:var(--accent-text);background:var(--surface);border:1px solid var(--line);cursor:pointer}
html[data-surface="cashier-b"] .cashier-account>summary::-webkit-details-marker{display:none}
html[data-surface="cashier-b"] .cashier-account-body{position:absolute;right:0;top:54px;width:280px;padding:16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px var(--shadow-color-00249c20);z-index:12;display:grid;gap:12px;max-height:calc(100dvh / var(--cashier-zoom) - 92px);overflow:auto}
html[data-surface="cashier-b"] .cashier-account:not([open])>.cashier-account-body{display:none}
html[data-surface="cashier-b"] .cashier-account-body .button{color:var(--accent-text);background:var(--surface)}
html[data-surface="cashier-b"] .cashier-account-body>button:not(.button){text-align:left;padding:10px;min-height:44px;color:var(--accent-text);border:1px solid var(--line);border-radius:12px;background:var(--surface)}
html[data-surface="cashier-b"] .cashier-account-body .account-summary{display:flex}
html[data-surface="cashier-b"] .cashier-account-body .avatar{background:var(--brand-yellow);color:var(--on-yellow)}
html[data-surface="cashier-b"] .teks-row{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;background:var(--surface-2-f3f5ff);border-radius:12px;padding:6px;margin:0}
html[data-surface="cashier-b"] .teks-row>span{display:none}
html[data-surface="cashier-b"] .teks-row button{width:64px;min-width:44px;min-height:44px;font-size:13px;border-radius:9px;color:var(--accent-text)}
html[data-surface="cashier-b"] .teks-row button[aria-pressed="true"]{background:var(--brand-yellow);color:var(--brand-ink)}
html[data-surface="cashier-b"] .cashier-mobile-title{display:none}
html[data-surface="cashier-b"][data-route="cashier"] body{overflow:hidden}
html[data-surface="cashier-b"][data-route="cashier"] .main-shell{height:calc(100dvh / var(--cashier-zoom));display:flex;flex-direction:column;overflow:hidden}
html[data-surface="cashier-b"][data-route="cashier"] .topbar{display:none}
html[data-surface="cashier-b"][data-route="cashier"] .content{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 16px 16px 22px;gap:10px;width:100%}
html[data-surface="cashier-b"][data-route="cashier"] #main>.footer-line,html[data-surface="cashier-b"][data-route="cashier"] #main>div:has(>#toast:not(.show)){display:none}
html[data-surface="cashier-b"] .cashier-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;min-height:0;align-items:stretch}
html[data-surface="cashier-b"] .cashier-catalog{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:visible}
html[data-surface="cashier-b"] .cashier-heading{display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;margin-bottom:16px;flex:none}
html[data-surface="cashier-b"] .cashier-heading .page-heading{display:block;flex:0 1 300px;min-width:0;margin:0}
html[data-surface="cashier-b"] .cashier-heading h1{display:block;font-size:20px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
html[data-surface="cashier-b"] .cashier-catalog-wordmark{font-family:'Lilita One',sans-serif;font-weight:400;color:var(--accent-text);font-size:24px;letter-spacing:0;margin-inline-end:8px}
html[data-surface="cashier-b"] .cashier-person-row{display:flex;gap:8px;align-items:center;min-width:0}
html[data-surface="cashier-b"] .cashier-person-row p{font-size:16px;margin:4px 0 0;color:var(--muted);line-height:1.25;max-width:none}
html[data-surface="cashier-b"] .cashier-duty-label{display:block;font-size:11px;font-weight:400;line-height:1.3}
html[data-surface="cashier-b"] .cashier-duty-name{display:block;font-size:16px;font-weight:650;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
html[data-surface="cashier-b"] .cashier-heading-actions{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
html[data-surface="cashier-b"] .cashier-attendance-control{display:flex;align-items:center;gap:2px;position:relative;flex:none;padding:4px;background:var(--surface);border:1px solid var(--card-line);border-radius:16px}
html[data-surface="cashier-b"] .cashier-attendance-control>[data-action="crew-attendance-new"]{min-height:44px;padding:9px 8px;border:0;background:none;color:var(--ink);font-size:12px;gap:5px;white-space:nowrap}
html[data-surface="cashier-b"] .cashier-attendance-control>[data-action="crew-attendance-new"] svg{width:17px;height:17px;color:var(--accent-text)}
html[data-surface="cashier-b"] .cashier-header-tools{display:flex;gap:6px;flex:none}
html[data-surface="cashier-b"][data-route="cashier"] .cashier-header-tools [data-action="inbox"]{display:flex}
html[data-surface="cashier-b"] .cashier-shortcuts{display:block;flex:1;grid-template-columns:none;margin:0;padding:0;background:none;border:0;min-width:0}
html[data-surface="cashier-b"] .cashier-shortcuts>summary{display:none;list-style:none;min-height:44px;width:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-text);border-radius:13px;background:var(--surface);border:1px solid var(--line)}
html[data-surface="cashier-b"] .cashier-quick-list{display:flex;gap:2px;min-width:0;overflow-x:auto;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:16px;scrollbar-width:none}
html[data-surface="cashier-b"] .cashier-shortcut-group,html[data-surface="cashier-b"] .cashier-shortcut-group>div{display:contents}
html[data-surface="cashier-b"] .cashier-shortcut-group h2{display:none}
html[data-surface="cashier-b"] .cashier-shortcuts .button{border:0;background:none;color:var(--ink);font-size:12px;gap:5px;min-height:44px;padding:9px 4px;white-space:nowrap;flex:none;justify-content:center}
html[data-surface="cashier-b"] .cashier-shortcuts .button svg{width:17px;height:17px;color:var(--accent-text)}
html[data-surface="cashier-b"] .cashier-shortcuts:not([open])>summary{display:flex}
html[data-surface="cashier-b"] .cashier-shortcuts:not([open])>.cashier-quick-list{display:none}
html[data-surface="cashier-b"] #attendance-reminder-host{min-width:0;flex:none}
html[data-surface="cashier-b"] #attendance-reminder-host:empty{display:none}
html[data-surface="cashier-b"] .attendance-reminder{border:0;background:transparent;margin:0;overflow:visible}
html[data-surface="cashier-b"] .attendance-reminder summary{min-height:44px;min-width:44px;padding:8px;color:var(--amber-8d491e);background:var(--amber-soft-fff3e9);border:0;border-radius:11px;gap:6px;font-size:11px;max-width:none;line-height:1.3;white-space:nowrap;justify-content:center}
html[data-surface="cashier-b"] .attendance-reminder summary>svg,html[data-surface="cashier-b"] .reminder-expand{display:none}
html[data-surface="cashier-b"] .attendance-reminder summary>strong,html[data-surface="cashier-b"] .reminder-unit{display:none}
html[data-surface="cashier-b"] .attendance-reminder summary>span{font-size:11px;font-weight:650;order:0}
html[data-surface="cashier-b"] .attendance-reminder summary::after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
html[data-surface="cashier-b"] .attendance-reminder[open] summary::after{transform:rotate(225deg);margin-top:3px}
html[data-surface="cashier-b"] .attendance-reminder-body{position:absolute;left:0;top:calc(100% + 6px);width:330px;max-width:calc(100vw / var(--cashier-zoom) - 24px);background:var(--surface);border:1px solid var(--card-line);padding:14px 16px;border-radius:16px;box-shadow:0 10px 30px var(--shadow-color-00249c15);z-index:9}
html[data-surface="cashier-b"] .reminder-title{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;margin:0;font-size:14px;color:var(--ink)}
html[data-surface="cashier-b"] .cashier-stock-fold{flex:none;margin:0 0 14px;min-width:0}
html[data-surface="cashier-b"] .cashier-stock-fold>summary{display:none;min-height:44px;align-items:center;gap:8px;list-style:none;cursor:pointer;color:var(--accent-text);font-weight:650}
html[data-surface="cashier-b"] .stok-ayam-panel{border:0;background:none;box-shadow:none;margin:0;padding:0;display:flex;gap:12px;border-radius:0;min-width:0;align-items:stretch}
html[data-surface="cashier-b"] .stok-ayam-panel>header{display:none}
html[data-surface="cashier-b"] .stok-ayam-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;padding:0;flex:1}
html[data-surface="cashier-b"] .stok-bagian{position:relative;background:var(--surface);border:1px solid var(--card-line);border-radius:16px;padding:11px 13px;min-height:96px;min-width:0}
html[data-surface="cashier-b"] .stok-bagian h3{font-size:12px;font-weight:650;color:var(--muted);margin:0 0 3px;line-height:1.3;white-space:nowrap}
html[data-surface="cashier-b"] .stok-bagian h3 small{font-size:10px;margin-left:3px}
html[data-surface="cashier-b"] .stok-bagian-jumlah{display:flex;align-items:baseline;gap:5px;line-height:1.2}
html[data-surface="cashier-b"] .stok-bagian b{font-size:27px;font-weight:750;color:var(--ink)}
html[data-surface="cashier-b"] .stok-bagian-jumlah span{font-size:12px;color:var(--muted)}
html[data-surface="cashier-b"] .stock-meter{height:5px;background:var(--surface-2-e2e7f4);border-radius:5px;margin-top:5px;overflow:hidden}
html[data-surface="cashier-b"] .stock-meter i{display:block;height:100%;background:var(--green);border-radius:5px}
html[data-surface="cashier-b"] .stok-bagian.kosong{background:var(--amber-soft);border-color:var(--amber-border-ffc8a3)}
html[data-surface="cashier-b"] .stok-bagian.kosong :is(h3,b,span){color:var(--amber)}
html[data-surface="cashier-b"] .stok-bagian.kosong .stock-meter{background:var(--amber-track-f7d8c2)}
html[data-surface="cashier-b"] .stok-bagian.kosong .stock-meter i{background:var(--amber-strong-e76b22)}
html[data-surface="cashier-b"] .stok-goreng{margin:0;border:1px solid var(--card-line);background:var(--surface);border-radius:16px;padding:8px 12px;flex:0 0 210px;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:4px}
html[data-surface="cashier-b"] .stock-raw>summary{display:none}
html[data-surface="cashier-b"] .stock-raw:not([open])>div,html[data-surface="cashier-b"] .stock-raw>div{display:block}
html[data-surface="cashier-b"] .stock-raw h3{display:none}
html[data-surface="cashier-b"] .stok-bahan{font-size:11px;line-height:1.4;margin:0;color:var(--muted)}
html[data-surface="cashier-b"] .stok-bahan b{color:var(--ink)}
html[data-surface="cashier-b"] .stok-goreng>.button{min-height:44px;padding:6px 10px;font-size:12px;width:100%;border-color:var(--accent-text);color:var(--accent-text);background:var(--surface-3-eef1ff);border-radius:12px;gap:6px}
html[data-surface="cashier-b"] .stok-ayam-note{font-size:11px;max-width:24ch;margin:0}
html[data-surface="cashier-b"] .cashier-menu-toolbar{display:flex;gap:10px;align-items:center;flex:none;min-width:0;margin-bottom:12px}
html[data-surface="cashier-b"] .cashier-top{flex:0 0 220px;min-width:0;margin:0}
html[data-surface="cashier-b"] .search{width:100%;max-width:none;min-width:0;height:44px;padding:0 14px;border-radius:15px;background:var(--surface)}
html[data-surface="cashier-b"] .search input{min-height:44px;min-width:0;width:100%;padding:0;font-size:13px;color:var(--ink)}
html[data-surface="cashier-b"] .cashier-menu-toolbar .filters{display:flex;flex:1;flex-wrap:nowrap;min-width:0;gap:6px;overflow-x:auto;margin:0;scrollbar-width:none}
/* Small category marks: colored labels remain readable without color perception. */
html[data-surface="cashier-b"] [data-category-mark="ayam"]{--category-ink:#735d35;--category-soft:#f5efe4}
html[data-surface="cashier-b"] [data-category-mark="paket"]{--category-ink:#42695e;--category-soft:#eaf2ef}
html[data-surface="cashier-b"] [data-category-mark="combo"]{--category-ink:#655881;--category-soft:#f0edf6}
html[data-surface="cashier-b"] [data-category-mark="nasi"]{--category-ink:#56616a;--category-soft:#edf0f2}
html[data-surface="cashier-b"] [data-category-mark="saus"]{--category-ink:#85584f;--category-soft:#f6ede9}
html[data-surface="cashier-b"] [data-category-mark="minuman"]{--category-ink:#466783;--category-soft:#eaf1f7}
html[data-surface="cashier-b"] [data-category-mark="promo"]{--category-ink:#647044;--category-soft:#f0f3e8}
html[data-surface="cashier-b"] .cashier-menu-toolbar .filter[data-category-mark]{display:inline-flex;align-items:center;gap:6px}
html[data-surface="cashier-b"] .cashier-menu-toolbar .filter[data-category-mark]::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--category-ink);flex:none}
html[data-surface="cashier-b"] .cashier-menu-toolbar .filter[data-category-mark].active::before{background:var(--category-soft)}
html[data-surface="cashier-b"] .category-mark{position:absolute;top:6px;left:6px;z-index:1;display:inline-flex;align-items:center;align-self:flex-start;gap:5px;padding:4px 8px;border-radius:999px;background:var(--category-soft);color:var(--category-ink);font-size:11px;font-weight:650;line-height:1.2;white-space:nowrap}
html[data-surface="cashier-b"] .category-mark::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
html[data-surface="cashier-b"][data-cashier-height="short"] .category-mark{top:0;left:0;max-width:62px;padding:3px 5px;font-size:10px;white-space:normal;align-items:flex-start}
html[data-surface="cashier-b"] .menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:0;flex:1;overflow:auto;align-content:start;grid-auto-rows:minmax(min-content,max-content);--menu-card-min:254px;padding:0 0 1px;overscroll-behavior:contain;scrollbar-width:thin}
html[data-surface="cashier-b"] .cashier-catalog>.helper{display:none}
html[data-surface="cashier-b"] .product{border-radius:18px;border:1px solid var(--card-line);box-shadow:none;min-width:0;min-height:var(--menu-card-min);padding:8px;opacity:1}
html[data-surface="cashier-b"] .product:hover:not(:disabled){border-color:var(--accent-border-8c9ee6);box-shadow:0 4px 12px var(--shadow-color-00249c0d)}
html[data-surface="cashier-b"] .product:disabled{opacity:.6}
html[data-surface="cashier-b"]{--menu-photo-bg:#fff}
html[data-surface="cashier-b"] .product-image{width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:var(--menu-photo-bg);flex:none}
html[data-surface="cashier-b"] .product .product-image img[src]{object-fit:contain;mix-blend-mode:normal;width:100%;height:100%}
html[data-surface="cashier-b"] .product-body{padding:8px 4px 4px;flex:none;display:flex;flex-direction:column;gap:4px;min-width:0}
html[data-surface="cashier-b"] .product-body h3{font-size:14px;font-weight:700;line-height:1.3;margin:0;min-height:0}
html[data-surface="cashier-b"] .product-body>p{font-size:11.5px;line-height:1.35;margin:0;min-height:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-surface="cashier-b"] .product-price{margin:4px 0 0;gap:5px;align-items:center;font-size:14.5px;min-width:0}
html[data-surface="cashier-b"] .product-price>.num{background:var(--brand-yellow);color:var(--on-yellow);border-radius:999px;font-weight:750;padding:3px 10px;font-size:14.5px;line-height:1.2}
html[data-surface="cashier-b"] .add-mark{font-size:0;min-width:30px;width:30px;height:30px;padding:0;background:var(--brand-yellow);color:var(--accent-text);border-radius:10px;display:flex;align-items:center;justify-content:center}
html[data-surface="cashier-b"] .add-mark::before{content:'+';font-size:22px}
html[data-surface="cashier-b"] .bagian-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px}
html[data-surface="cashier-b"] .bagian-tag{padding:0;background:none;border:0;color:var(--ink);font-size:10px;line-height:1.35;white-space:nowrap}
html[data-surface="cashier-b"] .bagian-tag::before{content:'';display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:4px}
html[data-surface="cashier-b"] .bagian-tag.kosong{color:var(--amber);background:none}
html[data-surface="cashier-b"] .bagian-tag.kosong::before{background:var(--amber-strong-e76b22)}
html[data-surface="cashier-b"] .product-stock{font-size:11px;padding:0;background:none;color:var(--green);margin:0}
html[data-surface="cashier-b"] .product-stock::before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:5px;align-self:center}
html[data-surface="cashier-b"] .product .drink-visual{font-size:10px;padding:3px 5px;right:4px;bottom:4px;box-shadow:none}
html[data-surface="cashier-b"] .product .drink-visual svg{width:14px;height:14px}
html[data-surface="cashier-b"] .product .drink-visual span{font-size:10px}
html[data-surface="cashier-b"] .product :is(.voucher-card-quota,.promo-requirement span){white-space:normal;font-size:11px}
html[data-surface="cashier-b"] .product .promo-requirement{padding:0 0 8px;margin:0 0 4px}
html[data-surface="cashier-b"] .product .promo-requirement strong{font-size:16px}
html[data-surface="cashier-b"] .product .promo-kind-band{margin:-8px -8px 8px;padding:8px;font-size:11px}
html[data-surface="cashier-b"] .cart{position:static;display:flex;flex-direction:column;height:auto!important;margin:0!important;min-height:0;overflow:hidden;border:1px solid var(--card-line);border-radius:24px;box-shadow:0 12px 28px var(--shadow-color-00249c08)}
html[data-surface="cashier-b"] .cart .panel-head{padding:18px 20px 14px;min-height:62px;border:0;gap:10px;flex:none}
html[data-surface="cashier-b"] .cart .panel-head h2{font-size:19px;margin:0;flex:none}
html[data-surface="cashier-b"] .cart .panel-head .badge{background:var(--brand-yellow);color:var(--accent-text);font-size:12px;border-radius:999px;white-space:nowrap;padding:3px 10px}
html[data-surface="cashier-b"] .cart .panel-head .button{background:none;border:0;font-size:12px;color:var(--muted);padding:4px;margin-left:auto;min-height:44px}
html[data-surface="cashier-b"] .cart-items{padding:0 16px;display:flex;flex-direction:column;gap:10px;min-height:0;flex:1;max-height:none;overflow:auto;overscroll-behavior:contain}
html[data-surface="cashier-b"] .cart-item{position:relative;background:var(--blue-soft);border:0;border-radius:16px;padding:12px 14px;min-height:107px;flex:none;gap:8px;align-items:flex-start}
html[data-surface="cashier-b"] .cart-item>div{min-width:0}
html[data-surface="cashier-b"] .cart-item strong{font-size:14px;font-weight:700;line-height:1.3;display:block}
html[data-surface="cashier-b"] .cart-variant{font-size:12px;color:var(--muted);display:block;margin:2px 0 0}
html[data-surface="cashier-b"] .cart-item>.num{font-size:14px;font-weight:700;white-space:nowrap}
html[data-surface="cashier-b"] .quantity{margin:10px 0 0;display:flex;gap:13px;align-items:center}
html[data-surface="cashier-b"] .quantity button{width:44px;height:44px;min-width:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent-text);font-size:20px}
html[data-surface="cashier-b"] .quantity [data-action="add-menu"]{background:var(--stepper-bg);color:var(--stepper-ink);border-color:var(--accent-text)}
html[data-surface="cashier-b"] .quantity b{font-size:16px}
html[data-surface="cashier-b"] .cart>.empty{flex:1;min-height:0;padding:24px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
html[data-surface="cashier-b"] .cart-bottom{flex:none;border:0;border-radius:18px;background:var(--hero-bg);color:var(--hero-ink);margin:10px;padding:16px;margin-top:auto}
html[data-surface="cashier-b"] .cart-bottom .rincian-harga{margin:0}
html[data-surface="cashier-b"] .cart-bottom .fact-row{padding:0 0 6px;border:0;font-size:13px;color:var(--hero-muted-e1e7ff);align-items:center;gap:6px}
html[data-surface="cashier-b"] .cart-bottom .fact-row.total{margin:0;padding:4px 0 12px;color:var(--hero-ink);font-size:15px;flex-wrap:nowrap}
html[data-surface="cashier-b"] .cart-bottom .total .num{font-size:28px;font-weight:750;color:var(--hero-ink);line-height:1.2;min-width:0}
html[data-surface="cashier-b"] .cart-bottom .cart-pay{margin:0}
html[data-surface="cashier-b"] .cart-pay .button{min-height:58px;font-size:16px;color:var(--on-yellow);background:var(--brand-yellow);border-color:var(--brand-yellow);border-radius:16px;justify-content:space-between;padding:13px 18px;width:100%}
html[data-surface="cashier-b"] .cart-note{font-size:11px;color:var(--hero-muted-e1e7ff);margin:10px 0 0;text-align:center;line-height:1.35}
html[data-surface="cashier-b"] .cart-bottom .helper{color:var(--hero-muted-e1e7ff);font-size:11px}
html[data-surface="cashier-b"] .order-review,html[data-surface="cashier-b"] .cart-sticky{display:none}
/* Dialog family: white head, yellow icon, one authentic PIN input behind six visual boxes. */
html[data-surface="cashier-b"] dialog{margin:0 0 0 auto;inset:0 0 0 auto;width:min(520px,calc(100vw / var(--cashier-zoom)));max-width:calc(100vw / var(--cashier-zoom));height:calc(100dvh / var(--cashier-zoom));max-height:calc(100dvh / var(--cashier-zoom));border-radius:24px 0 0 24px;box-shadow:-14px 0 50px var(--shadow-color-00249c20);background:var(--surface)}
html[data-surface="cashier-b"] dialog::backdrop{background:var(--overlay-dialog-00104488)}
html[data-surface="cashier-b"] .dialog-head{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding:22px 24px;gap:14px;align-items:flex-start}
html[data-surface="cashier-b"] .dialog-head h2{font-size:22px;font-weight:750;flex:1;line-height:1.25;padding-top:3px}
html[data-surface="cashier-b"] .dialog-brand-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:var(--brand-yellow);color:var(--accent-text);border-radius:16px;flex:none}
html[data-surface="cashier-b"] .dialog-brand-icon svg{width:24px;height:24px}
html[data-surface="cashier-b"] .dialog-head .icon-btn{min-width:44px;width:44px;height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px}
html[data-surface="cashier-b"] .dialog-content{padding:20px 24px;min-height:calc(100% - 93px)}
html[data-surface="cashier-b"] .dialog-content>form{display:flex;flex-direction:column;min-height:calc(100dvh / var(--cashier-zoom) - 133px);gap:0}
html[data-surface="cashier-b"] .dialog-content .helper{font-size:13px;line-height:1.6}
html[data-surface="cashier-b"] .dialog-content :is(input,select){min-height:54px;font-size:16px}
html[data-surface="cashier-b"] .dialog-footer{position:sticky;bottom:-20px;margin:20px -24px -20px;padding:16px 24px;background:var(--surface);border-top:1px solid var(--line);z-index:2}
html[data-surface="cashier-b"] .dialog-content>form>.dialog-footer{margin-top:auto}
html[data-surface="cashier-b"] .dialog-footer .button{min-height:54px;font-size:15px}
html[data-surface="cashier-b"] .dialog-footer .button[type="submit"]{flex:1}
html[data-surface="cashier-b"] .attend-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px;order:-1}
html[data-surface="cashier-b"] .attend-direction button{min-width:0;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-align:left;padding:16px;min-height:76px;color:var(--ink)}
html[data-surface="cashier-b"] .attend-direction button[aria-pressed="true"]{border:2px solid var(--accent-text);padding:15px;background:var(--surface-3-eef1ff)}
html[data-surface="cashier-b"] .attend-direction b{display:block;font-size:16px}
html[data-surface="cashier-b"] .attend-direction small{font-size:12px;display:block;color:var(--muted);margin-top:3px}
html[data-surface="cashier-b"] .attend-direction svg{width:40px;height:40px;padding:9px;background:var(--blue-soft);color:var(--muted);border-radius:12px;flex:none}
html[data-surface="cashier-b"] .attend-direction [aria-pressed="true"] svg{color:var(--on-primary);background:var(--primary)}
html[data-surface="cashier-b"] .pin-boxes{position:relative;max-width:388px;height:62px}
html[data-surface="cashier-b"] .pin-boxes input{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:.01;border:0;cursor:text;padding:0}
html[data-surface="cashier-b"] .pin-dots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:62px}
html[data-surface="cashier-b"] .pin-dots span{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--accent-text);font-size:28px}
html[data-surface="cashier-b"] .pin-dots .filled{border-color:var(--accent-text);background:var(--surface-3-eef1ff)}
html[data-surface="cashier-b"] .pin-boxes:focus-within{outline:2px solid var(--accent-text);outline-offset:4px;border-radius:15px}
html[data-surface="cashier-b"] .help-panel{inset:0 0 0 auto;width:min(520px,calc(100vw / var(--cashier-zoom)));height:calc(100dvh / var(--cashier-zoom));max-height:calc(100dvh / var(--cashier-zoom));border:0;border-radius:24px 0 0 24px;box-shadow:-14px 0 50px var(--shadow-color-00249c20)}
html[data-surface="cashier-b"] .help-head{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding:22px 24px}
html[data-surface="cashier-b"] .help-head small{color:var(--muted)}
html[data-surface="cashier-b"] .help-head .icon-btn{background:var(--surface);color:var(--accent-text);width:44px;height:44px;border:1px solid var(--line);border-radius:14px}
html[data-surface="cashier-b"] .help-msg.bot{background:var(--blue-soft)}
html[data-surface="cashier-b"] .help-form{padding:16px}
html[data-surface="cashier-b"] .tabs{gap:8px;border:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
html[data-surface="cashier-b"] .tabs button{min-height:44px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:var(--surface)}
html[data-surface="cashier-b"] .tabs button.active{background:var(--chip-active-bg);color:var(--chip-active-fg);border-color:var(--chip-active-bg)}
html[data-surface="cashier-b"] .cashier-finance-day{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
html[data-surface="cashier-b"][data-route="finance"] .panel:has([data-kas-outlet]){background:var(--surface);color:var(--ink);border-color:var(--card-line)}
html[data-surface="cashier-b"][data-route="finance"] .panel:has([data-kas-outlet]) .panel-head{background:var(--blue-soft);border-color:var(--line)}
html[data-surface="cashier-b"][data-route="finance"] .panel:has([data-kas-outlet]) :is(.helper,.definition dt){color:var(--muted)}
html[data-surface="cashier-b"][data-route="finance"] .panel:has([data-kas-outlet]) .fact-row{border-color:var(--line)}
html[data-surface="cashier-b"][data-route="finance"] .panel:has([data-kas-outlet]) summary{min-height:44px;padding-block:10px;color:var(--accent-text);font-weight:600;cursor:pointer}
/* Read in two levels: compact change list, generous detail and one clear action. */
html[data-surface="cashier-b"] .updates-page{max-width:1200px;width:100%}
html[data-surface="cashier-b"] .updates-page .page-heading{margin-bottom:16px}
html[data-surface="cashier-b"] .updates-split{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.8fr);gap:24px;align-items:start}
html[data-surface="cashier-b"] .updates-split .updates-list{display:grid;gap:8px;margin:0}
html[data-surface="cashier-b"] .update-entry{border-radius:16px;border-color:var(--card-line);padding:20px}
html[data-surface="cashier-b"] .updates-split .update-entry{padding:16px}
html[data-surface="cashier-b"] .updates-split .update-entry.selected{border-color:var(--accent-border);background:var(--surface-2)}
html[data-surface="cashier-b"] .updates-split .update-meta{gap:8px;margin-bottom:8px}
html[data-surface="cashier-b"] .updates-split .update-meta :is(time,.badge){font-size:11px}
html[data-surface="cashier-b"] .updates-split .update-entry h2{font-size:16px;line-height:1.4;margin-bottom:8px}
html[data-surface="cashier-b"] .updates-split .update-audience{font-size:11px;line-height:1.5;margin:0}
html[data-surface="cashier-b"] .update-select{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;text-align:left;background:transparent;padding:0;color:var(--ink);font:inherit;font-weight:650}
html[data-surface="cashier-b"] .update-select svg{width:16px;height:16px;flex:none;color:var(--muted)}
html[data-surface="cashier-b"] .update-entry.selected .update-select svg{color:var(--accent-text)}
html[data-surface="cashier-b"] .updates-reader{position:sticky;top:24px;background:var(--surface);border:1px solid var(--card-line);border-radius:20px;padding:28px}
html[data-surface="cashier-b"] .update-pane[hidden]{display:none}
html[data-surface="cashier-b"] .update-pane h3{font-size:24px;line-height:1.3;max-width:32ch;margin:12px 0 20px}
html[data-surface="cashier-b"] .updates-reader .update-description{font-size:15px;line-height:1.75;max-width:64ch}
html[data-surface="cashier-b"] .updates-filters{flex-wrap:nowrap;overflow:auto;padding:3px 0 8px}
html[data-surface="cashier-b"] .updates-note{font-size:12px;margin-bottom:24px}
html[data-surface="cashier-b"] .update-link{margin-top:24px;gap:12px}
html[data-surface="cashier-b"] .update-link .button{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
html[data-surface="cashier-b"] .update-guide{border-radius:0;background:transparent;border-top:1px solid var(--line-soft);margin-top:24px;padding-top:8px}
html[data-surface="cashier-b"] .update-guide summary{min-height:44px;padding:12px 0}
html[data-surface="cashier-b"] .update-guide ol{margin-top:8px}
html[data-surface="cashier-b"] .update-video{border-radius:12px}
html[data-surface="cashier-b"] .nav .theme-control[aria-pressed="true"]{color:var(--brand-yellow)}
/* At larger text scales, keep complete actions and honest stock information accessible. */
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .cashier-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(min-content,max-content);--menu-card-min:230px}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .stok-goreng{flex-basis:130px;padding:9px}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .stok-bagian{padding:9px}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .stok-bagian h3 small,html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .stok-bagian-jumlah span{display:none}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .cashier-heading .page-heading{flex-basis:160px}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .cashier-catalog-wordmark{display:none}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .cashier-shortcuts{position:relative}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .cashier-shortcuts>summary{display:flex}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .cashier-shortcuts[open]>.cashier-quick-list{position:absolute;right:0;top:48px;z-index:8;flex-wrap:wrap;width:310px;box-shadow:0 10px 30px var(--shadow-color-00249c20)}
html[data-surface="cashier-b"]:not([data-cashier-width="wide"]) .cashier-shortcuts .button{flex:1 0 45%;justify-content:flex-start}
/* Portrait: Claude's single catalog column and white order dock. */
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .main-shell{margin-left:0}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .topbar{display:flex;height:auto;min-height:84px;padding:10px 20px;flex:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .top-left{flex:1;min-width:0;gap:16px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .mobile-menu{display:flex;width:48px;height:48px;min-width:48px;background:var(--nav-hover-1c3dba);color:var(--on-dark);border-radius:15px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .breadcrumb{display:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-mobile-title{display:flex;align-items:center;gap:10px;min-width:0}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-mobile-title strong{font-size:20px;color:var(--on-dark);display:block}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-mobile-title small{font-size:12.5px;color:var(--hero-muted-e1e7ff);display:block;margin-top:2px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-mobile-title .cashier-duty-name{color:inherit}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .topbar .cashier-account>summary{background:var(--nav-hover-1c3dba);color:var(--on-dark);border:0}
html[data-surface="cashier-b"][data-cashier-shape="portrait"][data-route="cashier"] .content{padding:16px 20px 0}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-layout{display:flex;flex-direction:column;gap:14px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-catalog{flex:1;min-height:0}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-heading{gap:8px;min-height:44px;margin-bottom:14px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-heading .page-heading,html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-header-tools{display:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-shortcuts>summary{display:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-shortcuts>.cashier-quick-list,html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-shortcuts[open]>.cashier-quick-list{display:flex;position:static;flex-wrap:nowrap;width:auto;box-shadow:none;border:0;background:none;border-radius:0;padding:0;gap:8px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-shortcuts .button{flex:none;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .stok-bagian{min-height:70px;padding:9px 12px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .stok-bagian b{font-size:24px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .stok-goreng{flex-basis:92px;padding:0;background:var(--surface-3-eef1ff);border-color:var(--accent-text);border-radius:15px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .stock-raw{display:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .stok-goreng>.button{height:100%;border:0;flex-direction:column;white-space:normal;padding:6px;font-size:12px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-menu-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-top{flex:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .search,html[data-surface="cashier-b"][data-cashier-shape="portrait"] .search input{height:46px;min-height:46px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(min-content,max-content);--menu-card-min:224px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .product-image{height:104px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart{flex:none;max-height:260px;min-height:222px;border-radius:24px 24px 0 0;margin:0 -20px!important;box-shadow:0 -10px 30px var(--shadow-color-00249c06);overflow:visible}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart::before{content:'';width:44px;height:5px;flex:none;border-radius:4px;background:var(--line-ced7ef);margin:10px auto 0}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart .panel-head{padding:8px 20px;min-height:44px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px;gap:10px;max-height:72px;min-height:64px;flex:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-item{min-height:60px;padding:10px 12px;display:block}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-item>div{padding-right:115px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-item strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-item>.num{font-size:12px;position:absolute;left:12px;top:35px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-variant{display:inline;font-size:11px;line-height:1.3;white-space:nowrap}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .quantity{position:absolute;right:10px;top:8px;margin:0;gap:10px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .quantity b{font-size:14px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-bottom{background:var(--surface);color:var(--ink);margin:0;padding:10px 20px 18px;display:grid;grid-template-columns:1fr 300px;align-items:center;gap:12px;flex:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-bottom .fact-row:not(.total){display:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-bottom .fact-row.total{display:flex;flex-direction:column;align-items:flex-start;padding:0;color:var(--muted);font-size:12px;font-weight:400}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-bottom .total .num{color:var(--ink);font-size:28px}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-note{display:none}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cashier-finance-day{grid-template-columns:minmax(0,1fr)}
/* Phone / enlarged portrait: one-row payment bar, expanded panel retains real order controls. */
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .topbar{height:auto;min-height:84px;padding:8px 12px;gap:8px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .top-left{gap:12px}
html[data-surface="cashier-b"][data-cashier-width="small"] .cashier-mobile-title strong{font-size:17px}
html[data-surface="cashier-b"][data-cashier-width="small"] .cashier-mobile-title small{font-size:11px;white-space:normal;max-width:none;overflow:visible}
html[data-surface="cashier-b"][data-cashier-width="small"] .cashier-mobile-title .cashier-duty-label{font-size:10px}
html[data-surface="cashier-b"][data-cashier-width="small"] .cashier-mobile-title .cashier-duty-name{font-size:14px}
html[data-surface="cashier-b"][data-cashier-width="small"] .cashier-mobile-title img{width:27px;height:34px}
html[data-surface="cashier-b"][data-cashier-width="small"] .topbar [data-action="inbox"],html[data-surface="cashier-b"][data-cashier-width="small"] .mobile-menu{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:13px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"][data-route="cashier"] .content{padding:12px 12px 14px}
html[data-surface="cashier-b"][data-cashier-width="small"] .top-right{gap:8px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cashier-heading{display:block;position:relative;min-height:44px;margin-bottom:12px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cashier-heading-actions{position:static;width:100%}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cashier-shortcuts{flex:0 0 44px;margin-left:auto}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cashier-shortcuts>summary{display:flex;background:transparent;border:0}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cashier-shortcuts>summary span{display:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cashier-shortcuts:not([open])>.cashier-quick-list{display:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cashier-shortcuts[open]>.cashier-quick-list{position:absolute;right:0;top:48px;width:280px;background:var(--surface);border:1px solid var(--line);padding:6px;border-radius:16px;flex-wrap:wrap;z-index:8;box-shadow:0 10px 30px var(--shadow-color-00249c20)}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cashier-shortcuts .button{flex:1 0 45%;border:0;border-radius:10px;font-size:12px;padding:8px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stok-ayam-panel{gap:8px;overflow:hidden;flex-wrap:wrap}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stok-ayam-grid{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stok-bagian{display:flex;align-items:center;gap:6px;flex:none;min-height:36px;padding:8px 12px;border-radius:12px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stok-bagian h3{font-size:11px;margin:0}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stok-bagian b{font-size:16px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stock-meter{display:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stok-ayam-grid{flex:1 0 100%}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stok-goreng{display:flex;flex:1 0 100%;background:var(--surface-3-eef1ff);border-radius:12px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(min-content,max-content);--menu-card-min:190px;gap:10px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .product-image{height:96px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .product-body{padding:7px 2px 4px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .product-body h3{font-size:13px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"]{min-height:68px;max-height:none;display:block;background:var(--hero-bg);border:0;border-radius:20px;margin:0!important;flex:none;overflow:visible}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"]::before,html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"]>:is(.panel-head,.cart-items,.empty){display:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"] .cart-bottom{background:var(--hero-bg);display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px;gap:4px 10px;border-radius:20px;position:relative;min-height:68px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"] .order-review{display:flex;grid-column:1;grid-row:1;min-width:44px;min-height:44px;height:auto;position:relative;inset:auto;align-self:stretch;z-index:2;border:0;background:none;color:var(--hero-ink);text-align:left;padding:0 10px;font-size:12px;align-items:flex-start}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .order-review>svg{display:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .order-review span span{display:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"] .rincian-harga{grid-column:1;grid-row:1;padding:20px 10px 0;pointer-events:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"] .fact-row.total>span{display:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"] .total .num{font-size:20px;color:var(--hero-ink)}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart-pay{grid-column:2;grid-row:1}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart-pay .button{min-height:52px;height:52px;padding:10px 18px;font-size:15px;gap:8px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="true"]{min-height:220px;max-height:45%;overflow:hidden;margin:0!important;border-radius:20px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="true"] .cart-items{display:flex;flex:1;min-height:0;max-height:none;padding:0 12px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="true"] .cart-bottom{grid-template-columns:minmax(0,1fr) auto;position:relative;padding:8px 12px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="true"] .panel-head{flex-wrap:wrap}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="true"] .panel-head h2{flex:1}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="true"] .order-review{display:flex;position:static;flex:none;width:44px;height:44px;min-height:44px;border:1px solid var(--line);color:var(--accent-text);background:var(--surface)}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="true"] .order-review span{display:none}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="true"] .order-review>svg{display:block}
html[data-surface="cashier-b"][data-cashier-width="small"] .cashier-account-body{width:min(280px,calc(100vw / var(--cashier-zoom) - 24px))}
@media(max-width:800px){
 html[data-surface="cashier-b"] .sidebar{width:246px;padding:24px 15px}
 html[data-surface="cashier-b"] .nav button{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 14px;font-size:13px;min-height:52px}
 html[data-surface="cashier-b"] .main-shell{margin-left:0}
 html[data-surface="cashier-b"] .nav-bottom>[data-action="logout"]{font-size:13px;justify-content:flex-start}
 html[data-surface="cashier-b"] :is(dialog,.help-panel){border-radius:0}
}
/* Short landscape keeps a real editable order in a compact dock; menu scrolling remains independent. */
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-layout{display:flex;flex-direction:column;gap:10px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-catalog{flex:1;min-height:0}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-heading{min-height:44px;margin-bottom:8px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-stock-fold>summary{display:flex}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-stock-fold{margin-bottom:6px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-stock-fold[open] .stok-ayam-panel{position:absolute;left:114px;right:16px;top:72px;background:var(--bg);padding:8px;border:1px solid var(--line);border-radius:16px;z-index:7}
html[data-surface="cashier-b"][data-cashier-height="short"] .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;--menu-card-min:108px;gap:10px}
html[data-surface="cashier-b"][data-cashier-height="short"] .product-image{height:75px}
html[data-surface="cashier-b"][data-cashier-height="short"] .product-body h3{font-size:12px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-menu-toolbar{margin-bottom:8px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-top{flex-basis:170px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart{display:block;flex:none;min-height:76px;max-height:45%;border-radius:18px;overflow:auto}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart[data-expanded="false"]>:is(.panel-head,.cart-items,.empty){display:none}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart-bottom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:10px 14px;min-height:76px;border-radius:18px}
html[data-surface="cashier-b"][data-cashier-height="short"] .order-review{display:flex;width:auto;min-height:44px;color:var(--hero-ink);background:none;border:0;font-size:12px}
html[data-surface="cashier-b"][data-cashier-height="short"] .order-review>span{display:flex;flex-direction:column}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart-bottom .fact-row:not(.total),html[data-surface="cashier-b"][data-cashier-height="short"] .cart-note{display:none}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart-bottom .fact-row.total{padding:0}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart-bottom .total .num{font-size:24px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart-pay .button{min-height:52px;width:auto;font-size:14px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart-items{display:flex;padding:0 12px;max-height:136px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart-item{min-height:110px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-person-row p{max-width:none}
html[data-surface="cashier-b"] button:focus-visible,html[data-surface="cashier-b"] summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html[data-surface="cashier-b"] *,html[data-surface="cashier-b"] *::before,html[data-surface="cashier-b"] *::after{scroll-behavior:auto;transition:none;animation:none}}

/* Batched reference comparison corrections. */
html[data-surface="cashier-b"] .cashier-shortcuts .button{flex-direction:row;height:44px;min-height:44px}
html[data-surface="cashier-b"] .cashier-heading .page-heading{max-width:300px}
html[data-surface="cashier-b"] .cashier-person-row p{max-width:none}
html[data-surface="cashier-b"] .stok-bagian h3 small{display:inline;margin:0 0 0 3px;white-space:normal}
html[data-surface="cashier-b"] .stok-goreng>.button{flex:none;height:44px}
html[data-surface="cashier-b"] .product-body{border-top:0}
html[data-surface="cashier-b"] .cart-item strong{margin:0}
html[data-surface="cashier-b"] .cart-pay svg{order:2}
html[data-surface="cashier-b"] .cashier-account-body .stock-raw>summary{display:block;min-height:44px;padding:10px 0;cursor:pointer}
html[data-surface="cashier-b"] .cashier-account-body .stock-raw:not([open])>div{display:none}
html[data-surface="cashier-b"] .dialog-title-copy{flex:1;min-width:0}
html[data-surface="cashier-b"] .dialog-title-copy .helper{font-size:13px;line-height:1.6;margin:5px 0 0;color:var(--muted)}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .stok-goreng>.button{flex:1;height:100%;min-height:70px}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .cart[data-expanded="false"] .order-review{width:auto;min-height:52px;padding:0 10px;justify-content:flex-start;align-items:flex-start}
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .order-review b{white-space:nowrap}

/* Finish-review batch: full actions, variant text, safe dialog and short-landscape composition. */
html[data-surface="cashier-b"] .cashier-shortcuts>summary{font-size:0;overflow:hidden}
html[data-surface="cashier-b"] .cashier-shortcuts>summary svg{width:22px;height:22px}
html[data-surface="cashier-b"] .cashier-heading .page-heading{position:relative}
html[data-surface="cashier-b"][data-cashier-shape="landscape"] .cashier-person-row{height:auto;position:relative}
html[data-surface="cashier-b"] .nav-bottom>.cashier-account{margin:0 auto 8px;width:44px}
html[data-surface="cashier-b"] .nav-bottom .cashier-account-body{left:72px;right:auto;top:auto;bottom:0;max-height:calc(100dvh / var(--cashier-zoom) - 40px)}
html[data-surface="cashier-b"] .cashier-header-tools [data-action="inbox"]{height:48px}
html[data-surface="cashier-b"] .attend-direction button>span{min-width:0;overflow-wrap:anywhere}
html[data-surface="cashier-b"] .dialog-content :is(form,.form-grid,label,input,select,textarea){min-width:0;max-width:100%}
html[data-surface="cashier-b"] .dialog-footer{flex-wrap:wrap}
html[data-surface="cashier-b"] .dialog-footer .button{min-width:0;white-space:normal}
html[data-surface="cashier-b"][data-cashier-shape="portrait"] .cart-item>.num{top:36px;left:auto;right:132px}
html[data-surface="cashier-b"][data-cashier-width="small"] .attend-direction button{padding:10px;gap:7px}
html[data-surface="cashier-b"][data-cashier-width="small"] .attend-direction button[aria-pressed="true"]{padding:9px}
html[data-surface="cashier-b"][data-cashier-width="small"] .attend-direction svg{width:32px;height:32px;padding:7px}
html[data-surface="cashier-b"][data-cashier-width="small"] .attend-direction b{font-size:14px}
html[data-surface="cashier-b"][data-cashier-width="small"] .attend-direction small{font-size:11px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-heading{height:auto;min-height:58px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-stock-fold{position:relative;margin:0}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-stock-fold>summary{width:44px;height:44px;justify-content:center}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-stock-fold>summary span{display:none}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-stock-fold[open] .stok-ayam-panel{left:auto;right:0;top:52px;width:min(560px,calc(100vw / var(--cashier-zoom) - 138px))}
html[data-surface="cashier-b"][data-cashier-height="short"] .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content}
html[data-surface="cashier-b"][data-cashier-height="short"] .product{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start;min-height:108px}
html[data-surface="cashier-b"][data-cashier-height="short"] .product-image{height:62px;width:62px;margin-top:2px}
html[data-surface="cashier-b"][data-cashier-height="short"] .product-body{padding:0 0 0 8px;min-width:0;gap:3px}
html[data-surface="cashier-b"][data-cashier-height="short"] .product-body h3{font-size:12px;line-height:1.25}
html[data-surface="cashier-b"][data-cashier-height="short"] .product-body p{font-size:10px;line-height:1.25;margin:2px 0}
html[data-surface="cashier-b"][data-cashier-height="short"] .product-price{font-size:12px;padding:3px 7px;min-width:0}
html[data-surface="cashier-b"][data-cashier-height="short"] .bagian-tag{font-size:9px}
html[data-surface="cashier-b"][data-cashier-height="short"][data-cashier-width="small"] .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-menu-toolbar{gap:8px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-top{flex-basis:160px}
html[data-surface="cashier-b"][data-cashier-height="short"] .order-review{padding:0 8px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cart-bottom .fact-row.total>span{font-size:12px}

html[data-surface="cashier-b"][data-cashier-width="wide"] .cashier-shortcuts .button{padding-inline:4px;gap:4px}

/* Keep all quick actions visible on the narrower desktop layout. */
@media(max-width:1350px){html[data-surface="cashier-b"][data-cashier-width="wide"] .cashier-attendance-control>[data-action="crew-attendance-new"] svg{display:none}}

/* Shade aliases in dark mode follow surface, text, status and action roles. */
html[data-tema="gelap"][data-surface="cashier-b"]{--focus-5477fa:var(--accent-text);--on-dark-muted-d3ddec:var(--on-dark-muted);--accent-border-90a6ff:var(--accent-text);--nav-hover-24354f:var(--surface-2);--nav-count-ffffff26:#ffffff26;--on-dark-muted-abbad0:var(--on-dark-muted);--surface-2-e9edf5:var(--surface-2);--surface-3-e5ebff:var(--surface-3);--surface-2-edf1f8:var(--surface-2);--surface-2-edf0f5:var(--surface-2);--muted-536176:var(--muted);--accent-border-9aacda:var(--accent-text);--surface-hover-f8faff:var(--surface-2);--muted-8792a3:var(--muted);--surface-2-eef1f5:var(--surface-2);--muted-586578:var(--muted);--accent-text-294bbc:var(--accent-text);--line-soft-ecf0f5:var(--line-soft);--surface-2-f0f3fa:var(--surface-2);--surface-2-fafbfc:var(--surface-2);--line-soft-e9edf3:var(--line-soft);--accent-border-d8e1ff:var(--accent-text);--accent-text-2c458c:var(--accent-text);--amber-border-f3dfbf:var(--amber-border);--green-border-cfe6d7:#315c43;--muted-8494af:var(--muted);--line-cdd5e1:var(--line);--surface-2-eef1f6:var(--surface-2);--muted-6b7a90:var(--muted);--amber-strong-c78321:var(--amber-strong);--accent-border-8ca2ed:var(--accent-text);--shadow-color-1622380a:#00000066;--line-soft-f0f2f6:var(--line-soft);--line-c1cad7:var(--line);--accent-border-8da4f5:var(--accent-text);--accent-text-2844a7:var(--accent-text);--accent-border-879ccd:var(--accent-text);--surface-2-f5f7fb:var(--surface-2);--shadow-color-0e193044:#00000066;--overlay-dialog-12203970:var(--overlay-dialog);--overlay-drawer-10213970:var(--overlay-dialog);--on-dark-muted-c3cee1:var(--on-dark-muted);--shadow-color-rgba:#00000066;--red-soft-rgba:var(--red-soft);--red-d64545:var(--red);--surface-2-eef3f8:var(--surface-2);--ink-2b3a4f:var(--ink);--amber-soft-fff1e6:var(--amber-soft);--amber-9a4a00:var(--amber);--amber-border-f3c9a3:var(--amber-border);--accent-soft-e8f0ff:var(--surface-3);--accent-text-1d4ed8:var(--accent-text);--amber-soft-fff8dc:var(--amber-soft);--amber-8a6d00:var(--amber);--line-d9e0e8:var(--line);--ink-4a5a6f:var(--ink);--accent-text-1f4fd8:var(--accent-text);--nav-line-2c3d5c:var(--line);--on-dark-muted-dfe6f3:var(--on-dark-muted);--ink-17384d:var(--ink);--line-d6e3ed:var(--line);--shadow-color-142c4012:#00000066;--surface-2-fbfcfe:var(--surface-2);--focus-soft-4361ee22:#ffd82322;--shadow-color-16223833:#00000066;--navy-152238:var(--navy);--on-dark-muted-c7d2e6:var(--on-dark-muted);--amber-6b5300:var(--amber);--accent-text-1c2f6e:var(--accent-text);--surface-3-eef3ff:var(--surface-3);--accent-text-1c3fb5:var(--accent-text);--green-soft-f1f6f2:var(--green-soft);--green-17663a:var(--green);--amber-soft-fdf1e7:var(--amber-soft);--red-border-f2c9c9:#743038;--surface-2-f7f9fc:var(--surface-2);--accent-soft-3155d914:var(--surface-3);--shadow-color-0e193040:#00000066;--surface-2-e8edf4:var(--surface-2);--surface-3-dde5ff:var(--surface-3);--accent-border-9faee1:var(--accent-text);--green-border-87b7a4:#315c43;--green-166b46:var(--green);--surface-2-eef2f7:var(--surface-2);--ink-334863:var(--ink);--on-dark-muted-d9e0ff:var(--on-dark-muted);--nav-hover-173bae:var(--surface-2);--brand-yellow-soft-fff4bf:var(--brand-yellow-soft);--shadow-color-0a1a5c06:#00000066;--nav-hover-1c3dba:var(--surface-2);--shadow-color-00249c20:#00000066;--surface-2-f3f5ff:var(--surface-2);--amber-8d491e:var(--amber);--amber-soft-fff3e9:var(--amber-soft);--shadow-color-00249c15:#00000066;--surface-2-e2e7f4:var(--surface-2);--amber-border-ffc8a3:var(--amber-border);--amber-track-f7d8c2:#6b3a17;--amber-strong-e76b22:var(--amber-strong);--surface-3-eef1ff:var(--surface-3);--accent-border-8c9ee6:var(--accent-text);--shadow-color-00249c0d:#00000066;--surface-3-fafafa:var(--surface-3);--shadow-color-00249c08:#00000066;--hero-muted-e1e7ff:var(--muted);--overlay-dialog-00104488:var(--overlay-dialog);--shadow-color-00249c06:#00000066;--line-ced7ef:var(--line);}

/* Theme controls share the existing account/text settings; no new business screen. */
.device-settings{display:grid;gap:8px;min-width:0}
.tema-row{display:flex;align-items:center;gap:6px;padding:6px 13px 4px;color:var(--on-dark-muted);font-size:12px}
.tema-row>span{flex:1}
.tema-row button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;font-weight:600}
.tema-row button[aria-pressed="true"]{background:var(--chip-active-bg);color:var(--chip-active-fg);border-color:var(--chip-active-bg)}
.entry-panel .tema-row{padding:0;color:var(--muted)}
html[data-surface="cashier-b"] .tema-row{padding:6px 0;color:var(--ink);flex-wrap:wrap}
html[data-surface="cashier-b"] .tema-row>span{flex:1 0 100%;font-size:12px}
html[data-surface="cashier-b"] .tema-row button{flex:1;color:var(--accent-text);background:var(--surface);border-radius:10px}
html[data-surface="cashier-b"] .tema-row button[aria-pressed="true"]{background:var(--chip-active-bg);color:var(--chip-active-fg);border-color:var(--chip-active-bg)}
html[data-surface="cashier-b"] .teks-row button[aria-pressed="true"]{color:var(--on-yellow)}
html[data-surface="cashier-b"] :is(.demo-tag,.updates-new){color:var(--brand-yellow-soft-ink)}
/* Higher specificity than the scoped light palette. No blue/purple is inherited in dark. */
html[data-tema="gelap"][data-surface="cashier-b"]{
 color-scheme:dark;--bg:#121417;--surface:#1b1e23;--surface-2:#24282e;--surface-3:#2a2e35;--line:#3a3f47;--line-soft:#2e3238;--card-line:#3a3f47;
 --ink:#f5f6f8;--muted:#c7ccd4;--muted-2:#b0b6bf;--placeholder:#8f96a0;--navy:#0b0c0e;--blue:#ffd823;--blue-hover:#ffe066;--blue-soft:#24282e;
 --primary:#ffd823;--primary-hover:#ffe066;--on-primary:#121417;--accent-text:#ffd823;--accent-border:#ffd823;--brand-ink:#f5f6f8;--on-dark:#f5f6f8;--on-dark-muted:#c7ccd4;
 --chip-active-bg:#f5f6f8;--chip-active-fg:#121417;--stepper-bg:#3a3f47;--stepper-ink:#f5f6f8;--hero-bg:#24282e;--hero-ink:#f5f6f8;--hero-muted:#c7ccd4;
 --brand-yellow:#ffd823;--on-yellow:#121417;--brand-yellow-soft:#3a3210;--brand-yellow-soft-ink:#ffe066;--brand-yellow-border:#6b5a14;
 --amber:#ffc08f;--amber-soft:#3d2412;--amber-border:#6b3a17;--amber-strong:#ff8a3d;--green:#7ee2a8;--green-soft:#163222;--green-solid:#163222;--on-green-solid:#7ee2a8;
 --red:#ff9aa5;--red-soft:#3d1418;--danger-bg:#743038;--on-danger:#f5f6f8;--promo-band-bg:#2a2e35;--tooltip-bg:#2a2e35;--tooltip-ink:#f5f6f8;--input-bg:#24282e;
 --shadow:0 12px 36px #00000066;--overlay-dialog:#0000009e;--focus:#ffd823;
}
html[data-tema="gelap"][data-surface="cashier-b"] :is(input,select,textarea){background:var(--input-bg);color:var(--ink);accent-color:var(--primary)}
html[data-tema="gelap"][data-surface="cashier-b"] :is(input,textarea)::placeholder{color:var(--placeholder);opacity:1}
html[data-tema="gelap"][data-surface="cashier-b"] :is(input,textarea):autofill{box-shadow:inset 0 0 0 1000px var(--input-bg);-webkit-text-fill-color:var(--ink)}
html[data-tema="gelap"][data-surface="cashier-b"] .search input{background:transparent}
html[data-tema="gelap"][data-surface="cashier-b"] .button.danger{color:var(--on-danger)}
html[data-tema="gelap"][data-surface="cashier-b"] .promo-switch[aria-checked=true] .promo-track{background:var(--green)}
html[data-tema="gelap"][data-surface="cashier-b"] .promo-track::after{background:var(--ink)}
html[data-tema="gelap"][data-surface="cashier-b"] :is(button,summary,a,input,select,textarea):focus-visible{outline-color:var(--focus)}
/* The user requested the same category families in dark, with muted pastel contrast. */
html[data-tema="gelap"][data-surface="cashier-b"] [data-category-mark="ayam"]{--category-ink:#dcc79e;--category-soft:#363026}
html[data-tema="gelap"][data-surface="cashier-b"] [data-category-mark="paket"]{--category-ink:#aed3c2;--category-soft:#263931}
html[data-tema="gelap"][data-surface="cashier-b"] [data-category-mark="combo"]{--category-ink:#cdbbdf;--category-soft:#342d40}
html[data-tema="gelap"][data-surface="cashier-b"] [data-category-mark="nasi"]{--category-ink:#c9d1d8;--category-soft:#30383d}
html[data-tema="gelap"][data-surface="cashier-b"] [data-category-mark="saus"]{--category-ink:#dfb9ad;--category-soft:#402e2a}
html[data-tema="gelap"][data-surface="cashier-b"] [data-category-mark="minuman"]{--category-ink:#b6cddc;--category-soft:#293842}
html[data-tema="gelap"][data-surface="cashier-b"] [data-category-mark="promo"]{--category-ink:#ccd2aa;--category-soft:#353925}
html[data-tema="gelap"][data-surface="cashier-b"] .pin-dots span{background:var(--surface-2)}
/* Paper/QR are intentional exceptions, not a forgotten light panel. Never invert imagery. */
.receipt{background:#fff;color:#18243a;padding:16px;border-radius:4px}
.receipt :is(.helper,.muted,.definition dt){color:#4a5a6f}
.receipt .badge{background:#eef1f5;color:#18243a}
.receipt .dash-rule{border-color:#c1cad7}
.barcode svg{color:#152238}
html[data-tema="gelap"][data-surface="cashier-b"] .qris-preview .barcode{background:#fff;color:#152238}
/* Yellow badges/icons need their own foreground, distinct from yellow action text. */
html[data-surface="cashier-b"] :is(.add-mark,.cart .panel-head .badge,.dialog-brand-icon){color:var(--on-yellow-action)}
html[data-surface="cashier-b"]{--on-yellow-action:var(--blue)}
html[data-tema="gelap"][data-surface="cashier-b"]{--on-yellow-action:var(--on-yellow)}
/* The account panel escapes the scrollable rail; settings must remain visible. */
html[data-surface="cashier-b"] .nav-bottom .cashier-account-body{position:fixed;left:104px;right:auto;top:auto;bottom:24px}
/* Pemasangan PWA biasa: dialog kecil dengan tindakan tunggal, mengikuti tema. */
html dialog.pwa-install-dialog,html[data-surface="cashier-b"] dialog.pwa-install-dialog{margin:auto;inset:0;height:fit-content;width:min(440px,calc((100vw - 32px) / var(--cashier-zoom,1)));max-width:calc((100vw - 32px) / var(--cashier-zoom,1));max-height:calc((100dvh - 32px) / var(--cashier-zoom,1));border:1px solid var(--card-line);border-radius:20px;box-shadow:var(--shadow);color:var(--ink);background:var(--surface)}
.pwa-install-head{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;gap:16px}
.pwa-install-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;flex:none;background:var(--brand-yellow);color:var(--on-yellow-action,var(--on-yellow))}
.pwa-install-mark svg{width:26px;height:26px}
.pwa-install-head .icon-btn{width:44px;height:44px;min-height:44px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:12px}
.pwa-install-body{padding:20px 24px 24px}
.pwa-install-body h2{font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}
.pwa-install-body p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 16px}
.pwa-install-body .pwa-install-note{font-size:12px;line-height:1.6;margin:0 0 16px}
.pwa-install-steps{padding-left:22px;font-size:14px;line-height:1.6;margin:20px 0;color:var(--ink)}
.pwa-install-steps li+li{margin-top:12px}
.pwa-install-actions{display:flex;gap:10px;margin-top:24px}
.pwa-install-actions .button{min-height:44px;flex:1;padding:12px;white-space:normal}
.pwa-install-primary{background:var(--brand-yellow);color:var(--on-yellow-action,var(--on-yellow));border-color:var(--brand-yellow);font-weight:700}
.pwa-install-primary:hover{background:var(--brand-yellow);filter:brightness(.97)}
.pwa-install-primary:disabled{opacity:.65;cursor:wait}
#pwa-install-status:empty{display:none}
@media(max-width:480px){.pwa-install-head{padding:20px 20px 0}.pwa-install-body{padding:18px 20px 20px}.pwa-install-body h2{font-size:22px}}

/* Request details retain their reading width even inside a narrow tablet column. */
html[data-surface="cashier-b"] .supply-request{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}
html[data-surface="cashier-b"] .supply-request>.task-icon{grid-column:1;grid-row:1;width:32px;height:32px;display:flex}
html[data-surface="cashier-b"] .supply-request>.spacer{grid-column:2;grid-row:1;overflow-wrap:anywhere}
html[data-surface="cashier-b"] .supply-request h3{line-height:1.4}
html[data-surface="cashier-b"] .supply-request small{line-height:1.5}
html[data-surface="cashier-b"] .supply-request>.actions{grid-column:2;justify-content:flex-start;gap:8px;min-width:0}
html[data-surface="cashier-b"] .supply-request>.actions .button{min-height:44px}
html[data-surface="cashier-b"][data-cashier-height="short"] .cashier-header-tools>[data-action="cook-new"]{min-height:44px;white-space:nowrap}
/* Override the tablet cooking tile's vertical button treatment on compact phones. */
html[data-surface="cashier-b"][data-cashier-width="small"][data-cashier-shape="portrait"] .stok-goreng>.button{min-height:44px;height:auto;flex-direction:row;font-size:13px}