/* Para Beauty Ali v6: edit the tokens below to recolor the app. */
:root{--ink:#182741;--muted:#52647b;--green:#08796d;--green2:#09695f;--pale:#e4f6f0;--line:#dce5ef;--bg:#f3f6fb;--gold:#a46410;--red:#bc3651;--white:#fff;--shadow:0 5px 22px #18355709;--blue:#245fc3;--purple:#7350b6;--mint:#e7f7ef;--amber:#fff4de;--rose:#fff0f3;--sky:#eaf2ff;--violet:#f1ecff}
body{background:radial-gradient(ellipse at 5% 0%,#e6eefb 0,transparent 42%),radial-gradient(ellipse at 95% 100%,#e8f7f0 0,transparent 38%),var(--bg);color:var(--ink)}
.sidebar{background:linear-gradient(165deg,#172946,#112038 68%,#173b45);color:#f3f6ff;border-left:1px solid #ffffff0d;box-shadow:-4px 0 22px #1323400a}.brand-sub,.nav-caption{color:#bbcce0}.brand-sub:before{background:#5fbaa9}.nav-btn,.sidebar .nav-btn{color:#d0dcf0}.nav-btn:hover{background:#ffffff12;color:white}.nav-btn .icon{color:#7dd5c5}.nav-btn:nth-of-type(3n+2) .icon{color:#a7b9ff}.nav-btn:nth-of-type(3n) .icon{color:#f2c278}.nav-btn.active{background:linear-gradient(95deg,#d6f4e9,#f0fbf7);color:#10554e;box-shadow:0 4px 12px #00000010}.nav-btn.active .icon{color:#08796d}.nav-btn.active:after{background:#08796d;height:22px}.nav-btn.active .nav-count{background:#bde9db;color:#15564e}.sidebar .backup-card{background:#ffffff08;border-color:#ffffff17}.backup-card p,.staff .muted{color:#b7c8dc}.backup-card button{background:#ffffff12}.staff{border-color:#ffffff1a}.avatar{background:linear-gradient(145deg,#8fe3d2,#a9beff);color:#193e57}.account-out{color:#c6e4f0}
.topbar{background:#fffffff2;border-color:#dce6f1;backdrop-filter:blur(14px)}.breadcrumb{color:#5e6f85}.breadcrumb strong{color:#253e63;font-weight:700}.eyebrow{color:#586e91}.page-heading h1{color:#192d4c}.page-heading p,.muted{color:var(--muted)}
.btn{border-radius:11px;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{background:#edf3fc;border-color:#b8cbe6}.btn.primary,.primary{background:linear-gradient(120deg,#078775,#096b65);border-color:#08796d;color:#fff;box-shadow:0 3px 10px #08796d1b}.primary:hover{background:linear-gradient(120deg,#087464,#075b56);border-color:#075b56;color:#fff}.btn.soft,.soft{background:#e9f4ff;border-color:#d2e4fa;color:#24558c}.btn.danger,.danger{background:#fff0f3;border-color:#f1c6d0;color:#a62b44}.icon-btn{color:#536a8d;background:#fff}.icon-btn:hover{background:#eaf2ff;color:#245fc3}.pill{background:#e4f5ee;color:#186447;border-radius:8px;font-weight:700}.pill.warn{background:#fff0cd;color:#865000}.pill.red{background:#fde8ef;color:#a32d4b}.dot{background:#1c9172}.key{background:#f0f4fb;color:#53667d}.btn:focus-visible,a:focus-visible{outline:3px solid #3f7be0;outline-offset:3px}
input,select,textarea{border-color:#cedbec;background:#fff;color:#20344c}input:focus,select:focus,textarea:focus{border-color:#3d7cc3;box-shadow:0 0 0 3px #377aca17}.field>label{color:#364c69}.field>small{color:#5f6f85}.field.required>label:after{color:#a55216}input[type=checkbox]{accent-color:#08796d}
.kpi{border-color:#dce5f1;border-top:3px solid #159278;background:linear-gradient(130deg,#eaf9f1,#fff 85%);box-shadow:0 5px 18px #173c5a07}.kpi .kpi-label{color:#456654;font-weight:700}.kpi .value{color:#155c45}.kpi .unit{color:#496e58}.kpi .kpi-icon{background:#d5f1e3;color:#177456;border:1px solid #bde4d0}.kpi:nth-child(4n+2){border-top-color:#3a72cd;background:linear-gradient(130deg,#eaf2ff,#fff 85%)}.kpi:nth-child(4n+2) .value{color:#265597}.kpi:nth-child(4n+2) .kpi-label{color:#465e80}.kpi:nth-child(4n+2) .kpi-icon{background:#dbe9ff;color:#3163af;border-color:#c5d9f7}.kpi:nth-child(4n+3){border-top-color:#8a61cb;background:linear-gradient(130deg,#f3edff,#fff 85%)}.kpi:nth-child(4n+3) .value{color:#69439e}.kpi:nth-child(4n+3) .kpi-label{color:#65537d}.kpi:nth-child(4n+3) .kpi-icon{background:#e9defa;color:#7950b1;border-color:#dac8f0}.kpi:nth-child(4n+4){border-top-color:#d29425;background:linear-gradient(130deg,#fff4de,#fff 85%)}.kpi:nth-child(4n+4) .value{color:#8c5b0b}.kpi:nth-child(4n+4) .kpi-label{color:#76603b}.kpi:nth-child(4n+4) .kpi-icon{background:#ffebbf;color:#a16b13;border-color:#f1d79d}
.card{border-color:#dce5ef;box-shadow:var(--shadow);border-radius:16px}.card-head{background:linear-gradient(100deg,#f5f8ff,#fff);border-color:#e1e9f3}.card-head h2{color:#213b60}.basket,.staff-basket{border-top:3px solid #0a8b78}.basket-summary,.staff-basket-bottom{background:linear-gradient(135deg,#f0faf5,#f8fbff);border-color:#d8eae2}.grand-total strong{color:#08796d}.sumrow{color:#4d626b}.sumrow strong{color:#284a58}.basket-count{background:#d7f1e6;color:#1a6751}.basket-foot,.catalog-footer{color:#61738b}.basket-tab{border-color:#d7e3f0;background:#fff;color:#4b6381}.basket-tab.active{background:#eaf0ff;border-color:#93afe7;color:#294f99}.basket-customer-row{background:#f0f5ff;border-color:#dbe6f7}
.chip{color:#4b617c;border-color:#d4e0ee;background:#fff}.chip:hover{background:#edf3ff}.chip.active{background:linear-gradient(110deg,#3568b8,#4d5da9);border-color:#365faf;color:#fff}.product{border-color:#dce6f0;box-shadow:0 2px 10px #233f5b04}.product:hover{border-color:#72b6aa;box-shadow:0 7px 20px #1c677416}.product-art{background:var(--artbg,#edf3fa)}.product h3{color:#233a55}.product-brand{color:#65748d}.product-stock{background:#dcf3e7f2;color:#23664b}.product-stock.low{background:#fff0cdef;color:#87580d}.price{color:#176858}.price small{color:#597483}.add-plus{background:#e6f6ef;color:#16715a;border-color:#c2e5d7}.search-wrap .icon,.scan-hint{color:#5b7293}.line-art{background:#e9effc;color:#4967aa}.line-price{color:#217561}.quantity button{border-color:#cddded;color:#365d88}.line-remove{color:#9a5566}.empty .empty-icon{background:linear-gradient(140deg,#e8f4ff,#e7f6ee);color:#52867e}.empty h3{color:#3a546b}.empty p{color:#607186}
.notice{background:#f2f7e8;border-color:#dbe7c6;color:#526537}.notice strong{color:#375c34}.notice.blue,.monitor-mode-banner{background:#eaf2ff;border-color:#cadaf3;color:#335d96}.sync-warning{background:#fff2dd;border-color:#efcf95;color:#815108}.monitor-intro{background:linear-gradient(120deg,#e4f5ef,#eef2ff 65%,#f5efff);border-color:#d6e4ec;border-radius:16px}.monitor-intro h2{color:#224f58}.monitor-intro .eyebrow{color:#4c6693}.monitor-intro p{color:#53677d}.error{background:#fff0f4;color:#a42a43;border-color:#edc7d1}.demo-banner{background:#fff2d2;border-color:#e8cd91;color:#795311}
th{background:#edf3fc;color:#45607f;border-color:#d7e3f2}td{border-color:#e8edf5}tbody tr:nth-child(even){background:#fbfcff}tbody tr:hover{background:#f0f6ff}td .sub{color:#60728a}.table-tools{background:#fbfcff}.mini-stat{background:#f4f7fd;border-color:#dbe5f2}.bar-track{background:#e9eef8}.bar-fill{background:linear-gradient(90deg,#32a18e,#4d7ccf)}.debt-value{color:#a72e4a}.change-box{background:#e3f4ec;color:#1e6750}.method.active{background:#e5f6ef;border-color:#69b5a2;color:#166a54}.payment-total strong{color:#08796d}.receipt-preview-wrap{background:#edf1f8}.help-n{background:#e7efff;color:#3e5f9a}.modal-backdrop{background:#0b183b80}.modal{box-shadow:0 25px 90px #14224738}.toast{background:#173e4a;color:#fff}.staff-header{background:#fff;border-color:#d9e4f0}.staff-summary>div:nth-child(1){background:#e8f6ef;border-top:3px solid #1d9578}.staff-summary>div:nth-child(2){background:#edf2ff;border-top:3px solid #4c74bc}.staff-summary>div:nth-child(3){background:#fff4df;border-top:3px solid #cb9431}.staff-summary span{color:#526579}.staff-summary strong{color:#235c55}.page-footer{color:#63738c}
.login-page{min-height:100dvh;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(ellipse at 15% 15%,#d6e8ff,transparent 50%),radial-gradient(ellipse at 90% 90%,#d9f4e9,transparent 45%),#f2f5fb}.login-card{width:min(450px,100%);padding:32px;border:1px solid #d6e3ee;border-top:5px solid #0b8a77;border-radius:24px;box-shadow:0 22px 65px #244f7a15;background:#fff}.login-brand{display:block;width:174px;height:80px;object-fit:contain;margin:0 auto 20px}.login-kicker{display:inline-flex;padding:4px 12px;border:1px solid #d4e1f6;background:#edf3ff;color:#42639b;border-radius:30px;font-size:11px;margin-bottom:12px}.login-card h1{font-size:27px;color:#203c5d;margin-bottom:5px}.login-card .field{margin-top:20px}.login-card input{min-height:49px;font-size:16px;border-radius:12px;background:#fafcff}.password-wrap{position:relative}.password-wrap input{padding-left:68px}.password-toggle{position:absolute;left:8px;top:8px;border:0;border-radius:7px;color:#355e8c;background:#eaf1fc;padding:6px 9px;font-size:12px;min-height:32px}.login-error{color:#ad2b46;min-height:24px;margin-top:12px}.login-note{font-size:12px;line-height:1.9;margin-top:22px;color:#617188}.login-card .full-btn{min-height:48px;font-size:15px;border-radius:12px}.loading-message{text-align:center;padding:80px 20px;color:#4c6381}
@media(max-width:720px){input,select,textarea{font-size:16px}.login-page{padding:20px 15px}.login-card{padding:25px 22px}.login-card h1{font-size:25px}.kpi{border-radius:12px}.sidebar.open{box-shadow:-15px 0 50px #11213d33}.card-head{padding:16px}.modal-head{padding:18px}.topbar{background:#fffffffa}.monitor-intro{padding:20px}.page-heading p{line-height:1.9}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.product:hover{transform:none}}
@media print{html,body{background:white!important;color:black!important}.receipt,.receipt *{color:black!important;box-shadow:none!important}.receipt table,.receipt tr,.receipt td,.receipt th{background:white!important}}

.price-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;direction:ltr}.price-keypad button{min-height:54px;font-size:24px;font-weight:700;border:1px solid #b8c9da;border-radius:10px;background:#f0f6ff;color:#172946;touch-action:manipulation}.price-keypad .keypad-clear{grid-column:1/-1;font-size:17px;background:#fff1ef}.purchase-cost{font-size:14px;font-weight:700;color:#693e13;margin:7px 0}.receipt,.receipt *{color:#000!important;opacity:1!important;text-shadow:none!important}.receipt{font-weight:700!important}.receipt td,.receipt th,.receipt p,.receipt small,.receipt div,.receipt span{font-weight:700!important}.receipt h2,.receipt strong,.receipt .rc-total{font-weight:900!important}@media print{.receipt,.receipt *{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important}.receipt td,.receipt th{border-color:#000!important}}

.receipt{font-synthesis:weight style}
#staff-product-form label{display:block;margin:12px 0 5px;font-size:14px}#staff-product-form input{width:100%;min-height:44px} .staff-catalog .catalog-top{flex-wrap:wrap}
/* v6.2 shared drawer, returns and compact touch controls */
#cash-form label,#staff-cash-form label,#staff-return-form label,#biz-items-return-form label,#staff-lookup-form label{display:block;font-size:14px;font-weight:700;margin:13px 0 6px}
#cash-form input,#cash-form select,#staff-cash-form input,#staff-cash-form select,#staff-return-form input,#staff-return-form select,#biz-items-return-form input,#biz-items-return-form select,#staff-lookup-form input{width:100%;min-height:46px}
.return-item{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #d9e4f0}.return-item input{text-align:center}.return-item label{overflow-wrap:anywhere}.staff-header{flex-wrap:wrap;gap:9px}.staff-summary{flex-wrap:wrap}.staff-header .btn{min-height:40px}.staff-main .notice{flex-shrink:0}.staff-header>div{padding-right:10px}.purchase-cost{line-height:1.8}
@media(max-width:720px){.staff-header{padding:10px}.staff-header>img{width:65px;height:35px}.staff-header strong{font-size:14px}.staff-header .btn{font-size:12px;padding:8px}.staff-summary>div{min-width:140px;flex:1}.return-item{grid-template-columns:minmax(0,1fr) 75px}}

.purchase-line{display:grid;grid-template-columns:minmax(0,2fr) minmax(70px,.6fr) minmax(100px,1fr) auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #d9e4f0}[data-purchase-form] label{display:block;font-size:13px;font-weight:700;margin:9px 0 6px}[data-purchase-form] input,[data-purchase-form] select{min-height:44px;width:100%}[data-purchase-form] .notice{margin-top:16px}.rc-barcode{direction:ltr;text-align:center;margin:14px auto 0;background:#fff!important;break-inside:avoid;page-break-inside:avoid;width:100%}.rc-barcode svg{display:block;width:100%;height:15mm;margin:auto;background:#fff!important}.rc-barcode>div{font:700 10px monospace!important;letter-spacing:.3px;margin-top:4px;overflow-wrap:anywhere}@media(max-width:650px){.purchase-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.purchase-line label:first-child{grid-column:1/-1}}@media print{.rc-barcode{margin-top:3mm}.rc-barcode svg{height:14mm}.rc-barcode>div{font-size:8px!important}}

.purchase-line .purchase-barcode-wrap{grid-column:1/-1;background:#edf5ff;border:1px solid #c9dced;border-radius:9px;padding:10px}.purchase-barcode-wrap input[data-purchase-barcode]{font:600 18px 'Segoe UI',Arial,sans-serif;letter-spacing:1px;background:#fff}.purchase-code-status{font-size:13px;line-height:1.8;margin-top:6px;color:#274862}.purchase-new-product{padding:10px;background:#fff;border-radius:8px;margin-top:10px}.purchase-new-product p{font-size:12px;line-height:1.8}.purchase-line [hidden]{display:none!important}

/* Compact receiving: supplier + optional ref, one card per item. */
.compact-purchase{display:grid;gap:12px}.compact-purchase label{margin:0;min-width:0;font-size:13px}.purchase-header-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compact-purchase input,.compact-purchase select{padding:9px 10px;min-height:42px;margin-top:4px;width:100%;box-sizing:border-box}.compact-purchase-line{display:grid;grid-template-columns:minmax(125px,1fr) minmax(155px,1.5fr) 90px 90px 64px minmax(100px,1fr) 36px;gap:9px;align-items:end;padding:12px;margin:0 0 10px;background:#f6f9fc;border:1px solid #dae4ef;border-radius:12px}.compact-purchase-line .purchase-code-status{grid-column:1/-1;font-size:12px;margin:0;min-height:0}.compact-purchase-line .purchase-code-status:empty{display:none}.compact-purchase-line [data-purchase-barcode]{font-size:15px;letter-spacing:.4px}.compact-purchase-line input[readonly]{background:#edf3f8}.purchase-total{font-weight:800;font-size:17px;color:#126959}.purchase-options{font-size:13px;color:var(--muted)}.purchase-options summary{cursor:pointer;padding:7px 0}.purchase-options p{font-size:12px}.compact-purchase .full-btn{margin:0}.compact-purchase #purchase-lines{max-height:48vh;overflow:auto}.modal:has(.compact-purchase){width:min(1100px,96vw)}
@media(max-width:900px){.compact-purchase-line{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-purchase-line .purchase-name{grid-column:span 2}.compact-purchase-line [data-purchase-remove]{grid-column:3;justify-self:end}.compact-purchase #purchase-lines{max-height:none}}
@media(max-width:480px){.purchase-header-fields{grid-template-columns:1fr}.compact-purchase-line{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-purchase-line .purchase-name{grid-column:auto}.compact-purchase-line [data-purchase-remove]{grid-column:2}}

.cash-morning{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;background:#edf3ff;border:1px solid #cadbf0;border-radius:12px;margin:18px 0}.cash-morning h2,.cash-outgoing h2{font-size:17px}.cash-morning p,.cash-outgoing p{margin:7px 0;color:var(--muted);font-size:13px}.cash-morning strong{font-size:24px;color:#285a9b}.cash-morning span{display:block;font-size:12px}.cash-outgoing{padding:18px;border:1px solid #dce5ef;border-radius:12px}.cash-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.cash-action-grid .btn{padding:16px;font-size:15px;white-space:normal}.cash-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.cash-summary-card{padding:16px;background:#f6f8fc;border:1px solid #dce5ef;border-radius:12px}.cash-summary-card span{font-size:12px;display:block}.cash-summary-card strong{font-size:23px;display:block;margin-top:8px}.cash-current{background:#e6f6ef;color:#15604c}.cash-expenses{background:#fff1ed;color:#9b3d29}.cash-extra{margin:12px 0 20px}[data-cash-form] label{display:block;font-weight:700;margin:16px 0 8px}[data-cash-form] .notice{margin:14px 0}[data-cash-form] [hidden]{display:none!important}@media(max-width:700px){.cash-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-morning{flex-direction:column;align-items:stretch}.cash-action-grid{grid-template-columns:1fr}}

.product-info .purchase-cost,.cart-line .purchase-cost{font-size:12px;font-weight:700;color:#52647b;line-height:1.7;margin:5px 0}.rc-loyalty{border-top:1px dashed #000;margin-top:10px;padding-top:7px;color:#000!important;font-weight:700}.rc-points{font-size:13px;font-weight:900}.rc-points-note{font-size:10px;line-height:1.7;margin-top:5px;color:#000!important}@media print{.rc-loyalty,.rc-loyalty *{color:#000!important;font-weight:700}.rc-points strong{font-weight:900}}

.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:16px 0}.permission-grid .check-row{display:flex;align-items:center;gap:10px;padding:12px;background:#f3f7fc;border-radius:10px}.permission-grid input{width:20px;height:20px;flex:0 0 20px}

/* Clear, compact sale workspace. Inventory/admin pages retain their familiar layout. */
body[data-page="sale"] .content{max-width:1600px;margin:auto;padding:22px}
body[data-page="sale"] .page-heading .eyebrow,body[data-page="sale"] .page-heading p{display:none}
body[data-page="sale"] .page-heading{margin:12px 0 18px;gap:14px}
body[data-page="sale"] .page-heading h1{font-size:27px;line-height:1.5}
body[data-page="sale"] .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-page="sale"] .kpis>.kpi:nth-child(n+3){display:none}
body[data-page="sale"] .kpi{padding:15px 20px;border-radius:18px}
body[data-page="sale"] .kpi .value{font-size:28px}
body[data-page="sale"] .product-art{height:94px;min-height:94px}
body[data-page="sale"] .product-info h3{font-size:15px;line-height:1.6}
body[data-page="sale"] .product,body[data-page="staff"] .product{border:1px solid #e1e7f0;border-radius:18px;box-shadow:0 3px 12px #17294606}
body[data-page="sale"] .product:hover,body[data-page="staff"] .product:hover{border-color:#7dcec5;box-shadow:0 7px 20px #17294612;transform:translateY(-2px)}
body[data-page="sale"] #sale-search,body[data-page="staff"] #staff-search{background:#fff;border:2px solid #b6c9e8;border-radius:15px;min-height:54px;font-size:16px}
body[data-page="sale"] .categories,body[data-page="staff"] .categories{gap:8px;padding-block:12px}
body[data-page="sale"] .chip,body[data-page="staff"] .chip{border-radius:12px;min-height:42px;padding:8px 17px}
.manual-product-btn{background:#ece8ff!important;border:1px solid #d1c5ff!important;color:#50388e!important;border-radius:13px!important;font-weight:800!important;min-height:46px}
.manual-product-btn:hover{background:#dfd6ff!important}
body[data-page="staff"] .staff-header{gap:10px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 20px}
body[data-page="staff"] .staff-main{background:#f4f7fb;padding:22px}
body[data-page="sale"] .checkout-btn{border-radius:15px;min-height:58px;background:#087f72;font-size:17px}
body[data-page="sale"] .basket-lines{min-height:130px}
@media(max-width:720px){body[data-page="sale"] .content,body[data-page="staff"] .staff-main{padding:12px}body[data-page="sale"] .page-heading{align-items:flex-start;flex-direction:column}body[data-page="sale"] .actions{width:100%;gap:8px}body[data-page="sale"] .actions .btn{flex:1;min-width:130px}body[data-page="sale"] .kpi{padding:12px}body[data-page="sale"] .kpi .value{font-size:22px}body[data-page="staff"] .staff-header .btn{min-height:44px}}

/* v6.5 — touch counter, separate from the owner's management workspace. */
.basket-manual-action{padding:12px;border-bottom:1px solid #e2e8f0;background:#fff;border-radius:15px 15px 0 0}
.basket-manual-action .manual-product-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px!important;border:0!important;border-radius:12px;background:#7557d9!important;color:#fff!important;font-size:17px!important;box-shadow:0 5px 14px #7557d926}
.manual-product-btn small{font-size:11px;font-weight:400;opacity:.9}
body[data-page="staff"]{background:#101d35;color:#1e293b}
body[data-page="staff"] .staff-app{background:#101d35}
body[data-page="staff"] .staff-header{display:flex;gap:9px;align-items:stretch;padding:14px 18px;background:#101d35;border:0;box-shadow:none}
body[data-page="staff"] .staff-header>img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#182d4a;padding:6px}
body[data-page="staff"] .staff-header>div{border:0;color:white;padding:10px 8px;min-width:115px;align-self:center}
body[data-page="staff"] .staff-header>div span{color:#aabbcf;font-size:11px}
body[data-page="staff"] .staff-header nav{display:contents}
body[data-page="staff"] .staff-header .btn{min-height:66px;min-width:96px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 12px;border:1px solid #ffffff20;border-radius:12px!important;background:#294264;color:white;font-size:13px;box-shadow:0 4px 8px #050b1820;text-decoration:none;touch-action:manipulation}
body[data-page="staff"] .staff-header .btn::before{content:'▦';font-size:22px;line-height:1}
body[data-page="staff"] .staff-header [data-staff="sale"]{background:#087eaf}
body[data-page="staff"] .staff-header [data-staff="sale"]::before{content:'▣'}
body[data-page="staff"] .staff-header [data-staff="history"]{background:#5850a5}
body[data-page="staff"] .staff-header [data-staff="history"]::before{content:'≡'}
body[data-page="staff"] .staff-header [data-staff="stock-page"]{background:#137f76}
body[data-page="staff"] .staff-header [data-staff="stock-page"]::before{content:'▤'}
body[data-page="staff"] .staff-header [data-staff="credit-page"]{background:#9a5b14}
body[data-page="staff"] .staff-header [data-staff="credit-page"]::before{content:'＋'}
body[data-page="staff"] .staff-header [data-staff="cash-page"]{background:#377a3e}
body[data-page="staff"] .staff-header [data-staff="cash-page"]::before{content:'▥'}
body[data-page="staff"] .staff-header [data-staff="lookup"]{background:#a74163}
body[data-page="staff"] .staff-header [data-staff="lookup"]::before{content:'↶'}
body[data-page="staff"] .staff-header .primary{outline:2px solid #ffffffb0;outline-offset:2px}
body[data-page="staff"] .staff-header>.pill{align-self:center;background:#1d344f;color:#cbd9eb;border-color:#405470;white-space:nowrap;font-size:10px}
body[data-page="staff"] .staff-header>a.btn{flex:0;min-width:60px;background:#26334b}
body[data-page="staff"] .staff-header>a.btn::before{content:'↪'}
body[data-page="staff"] .staff-main{padding:8px 18px 20px;background:#101d35}
body[data-page="staff"] .staff-summary{gap:10px;margin-bottom:16px}
body[data-page="staff"] .staff-summary>div{background:#1b2f4b;border:1px solid #334867;border-radius:12px;padding:12px 18px;min-width:160px;flex:1;box-shadow:none}
body[data-page="staff"] .staff-summary span{color:#b7c7da;font-size:12px}
body[data-page="staff"] .staff-summary strong{color:#f5f8ff;font-size:25px}
body[data-page="staff"] .staff-summary>div:nth-child(2) strong{color:#75e1c6}
body[data-page="staff"] .staff-pos{grid-template-columns:minmax(0,1fr) 370px;gap:16px;align-items:start}
body[data-page="staff"] .staff-catalog{background:#edf2f9;border:1px solid #d4deeb;border-radius:16px;padding:16px;min-width:0}
body[data-page="staff"] .catalog-top{gap:10px;margin-bottom:14px}
body[data-page="staff"] #staff-search{background:white;border:2px solid #b5c8df;border-radius:12px;min-height:58px;font-size:16px;padding-inline:16px;min-width:0}
body[data-page="staff"] .catalog-top>.key{display:none}
body[data-page="staff"] .catalog-top .btn{background:#087eaf;color:white;border:0;min-height:58px;border-radius:12px}
body[data-page="staff"] .categories{gap:8px;padding-bottom:12px;flex-wrap:wrap}
body[data-page="staff"] .chip{background:#fff;color:#344963;border:1px solid #cbd8e9;border-radius:10px;min-height:43px;padding:8px 17px;font-size:13px}
body[data-page="staff"] .chip.active{background:#087eaf;color:white;border-color:#087eaf;box-shadow:none}
body[data-page="staff"] .product{background:white;border:1px solid #dce4ef;border-radius:13px;box-shadow:0 3px 8px #182c4510;overflow:hidden;transition:transform .12s}
body[data-page="staff"] .product:hover{border-color:#087eaf;transform:translateY(-2px)}
body[data-page="staff"] .product-art{height:100px;background:#f8fafd}
body[data-page="staff"] .product h3{font-size:14px;line-height:1.55;color:#172b49}
body[data-page="staff"] .product-info{padding:12px}
body[data-page="staff"] .product .price{color:#087eaf;font-size:19px}
body[data-page="staff"] .add-plus{background:#e0f2fe;color:#087eaf;border-radius:9px}
body[data-page="staff"] .product-stock{background:#e5f5ef;color:#176b52;top:7px;right:7px;font-size:11px}
body[data-page="staff"] .staff-basket{background:white;border:0;top:14px;overflow:hidden;box-shadow:0 10px 24px #0002}
body[data-page="staff"] .staff-basket .card-head{background:white;padding:13px 16px}
body[data-page="staff"] .staff-basket .card-head h2{font-size:17px;color:#243651}
body[data-page="staff"] .baskets-bar{background:#f3f6fb;padding:10px;gap:6px}
body[data-page="staff"] .basket-tab{min-height:44px;border-radius:9px;font-size:12px}
body[data-page="staff"] .basket-tab.active{background:#dff1fa;color:#075d88;border-color:#77bedb}
body[data-page="staff"] .staff-line{padding:13px 14px;border-color:#e6edf6}
body[data-page="staff"] .quantity button{min-width:39px;min-height:39px;border-radius:8px}
body[data-page="staff"] .staff-lines{max-height:330px}
body[data-page="staff"] .staff-basket-bottom{padding:16px;background:#f4f7fc}
body[data-page="staff"] .staff-basket-bottom input,body[data-page="staff"] .staff-basket-bottom select{min-height:45px;background:white}
body[data-page="staff"] .grand-total{padding:15px 0;border-top:1px dashed #bfccdc;margin-top:12px}
body[data-page="staff"] .grand-total strong{color:#0a6796;font-size:28px}
body[data-page="staff"] [data-staff="checkout"]{background:#079778!important;border:0;min-height:64px;border-radius:12px;font-size:18px;box-shadow:0 6px 14px #07977826}
body[data-page="staff"] .staff-main>.notice{border-radius:12px;margin-bottom:14px}
@media(min-width:1400px){body[data-page="staff"] .staff-pos{grid-template-columns:minmax(0,1fr) 420px}body[data-page="staff"] .staff-catalog .products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){body[data-page="staff"] .staff-pos{grid-template-columns:minmax(0,1fr) 330px}body[data-page="staff"] .staff-header>img{display:none}body[data-page="staff"] .staff-header .btn{min-width:85px}body[data-page="staff"] .staff-catalog{padding:12px}}
@media(max-width:720px){body[data-page="staff"] .staff-header{padding:12px;gap:8px}body[data-page="staff"] .staff-header>div{min-width:100%;padding:0}body[data-page="staff"] .staff-header .btn{flex:1 0 25%;min-height:60px}body[data-page="staff"] .staff-main{padding:6px 10px 16px}body[data-page="staff"] .staff-pos{display:flex;flex-direction:column}body[data-page="staff"] .staff-catalog,body[data-page="staff"] .staff-basket{width:100%}body[data-page="staff"] .staff-basket{position:static}body[data-page="staff"] .staff-summary>div{min-width:110px;padding:9px}body[data-page="staff"] .staff-summary strong{font-size:20px}.manual-product-btn small{display:none}}
/* An app keyboard usable with a mouse or touch, above both owner/staff forms. */
.touch-keyboard[hidden]{display:none!important}
.touch-keyboard{position:fixed;z-index:10000;bottom:0;left:0;right:0;margin:auto;width:min(100%,980px);background:#15263f;color:#fff;padding:10px 14px 14px;border-radius:18px 18px 0 0;border:1px solid #486080;box-shadow:0 -12px 45px #08182d55;direction:ltr;touch-action:manipulation}
.keyboard-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:8px}.keyboard-toolbar strong{margin-right:auto;font-size:13px}.touch-keyboard button{font-family:inherit;cursor:pointer;border:1px solid #536581;background:#314764;color:white;border-radius:8px;min-height:43px;font-size:18px;box-shadow:0 2px 1px #07152a70}.keyboard-toolbar button{font-size:13px;padding:6px 13px}.keyboard-toolbar .keyboard-done{background:#07896d;border-color:#40bfa2}.keyboard-row{display:flex;gap:6px;justify-content:center;margin-top:6px}.keyboard-row button{flex:1;min-width:0;max-width:85px}.keyboard-row .keyboard-space{max-width:420px}.keyboard-rows.numeric{max-width:400px;margin:auto}.keyboard-rows.numeric button{max-width:none}.touch-keyboard button:active{background:#7286aa;transform:translateY(1px)}
body.keyboard-open{padding-bottom:var(--keyboard-height,330px)}
body.keyboard-open .modal{max-height:calc(100dvh - var(--keyboard-height,330px) - 24px)}
body.keyboard-open .modal-backdrop{align-items:flex-start;padding-top:12px;padding-bottom:var(--keyboard-height,330px)}
@media(max-width:600px){.touch-keyboard{padding:8px}.keyboard-toolbar{gap:5px}.keyboard-toolbar strong{font-size:11px}.keyboard-toolbar button{padding:5px 7px;font-size:12px}.keyboard-row{gap:4px}.keyboard-row button{font-size:16px;min-height:40px}}

body[data-page="staff"]:not([data-staff-page="sale"]) .staff-main{background:#f0f4fb;border-radius:18px 18px 0 0}
/* v6.5.1 — compact category picker and a common touch checkout for the owner. */
.pos-category-select{display:flex;align-items:center;gap:12px;margin:14px 0 18px;padding:12px 14px;background:#fff;border:1px solid #d5e0ed;border-radius:12px}
.pos-category-select label{font-size:14px;font-weight:700;white-space:nowrap;color:#405574}
.pos-category-select select{min-height:48px;flex:1;width:100%;background:#f6f9fd;border:1px solid #bdcde1;border-radius:9px;color:#243a59;font:inherit;font-size:15px;padding:8px 12px;cursor:pointer;min-width:0}
.pos-idle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:30px 20px;text-align:center;border:1px dashed #b9cbdf;background:#f7faff;border-radius:14px;color:#334b6d;grid-column:1/-1}
.pos-idle .pos-idle-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:#dfedf9;color:#0c80af;font-size:38px}
.pos-idle .pos-idle-icon svg{width:38px;height:38px}
.pos-idle h3{font-size:19px;margin:0}.pos-idle p{font-size:14px;margin:0;color:#546b86}.pos-idle>span{font-size:12px;color:#6e829a}
.owner-pos-toolbar{display:none}
body[data-page="sale"]{background:#101d35}
body[data-page="sale"] .shell{display:block;min-height:100dvh;background:#101d35}
body[data-page="sale"] .workspace{width:100%;background:#101d35}
body[data-page="sale"] .sidebar{display:none}
body[data-page="sale"] .sidebar.open{display:flex;position:fixed;inset:0 0 0 auto;transform:none;width:240px;background:#152b47;z-index:500;box-shadow:-15px 0 50px #0008;overflow:auto}
body[data-page="sale"] .sidebar.open .brand img{width:155px;height:65px}
body[data-page="sale"] .sidebar.open .nav-btn{justify-content:flex-start}
body[data-page="sale"] .sidebar.open .nav-btn span,body[data-page="sale"] .sidebar.open .sidebar-foot,body[data-page="sale"] .sidebar.open .brand-sub,body[data-page="sale"] .sidebar.open .nav-caption{display:block}
body[data-page="sale"] .owner-pos-toolbar{display:flex;align-items:stretch;gap:10px;padding:16px 20px;background:#101d35;flex-wrap:wrap}
.owner-pos-brand{min-width:180px;display:flex;flex-direction:column;justify-content:center;color:white;gap:6px;padding:6px 0}
.owner-pos-brand strong{font-size:18px}.owner-pos-brand span{font-size:12px;color:#adbed3}
body[data-page="sale"] .owner-pos-toolbar .pos-tile{flex:1;min-width:100px;min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff25;border-radius:12px;color:#fff;font-size:14px;box-shadow:0 4px 8px #050b1820}
.owner-pos-toolbar .icon{width:24px;height:24px}.owner-pos-toolbar .tile-admin{background:#3c4e70!important}.owner-pos-toolbar .tile-sale{background:#087eaf!important;outline:2px solid #ffffff90;outline-offset:2px}.owner-pos-toolbar .tile-stock{background:#137f76!important}.owner-pos-toolbar .tile-history{background:#5850a5!important}.owner-pos-toolbar .tile-reports{background:#377a3e!important}
body[data-page="sale"] .topbar{height:auto;min-height:45px;padding:8px 22px;background:#1b2f4b;border-color:#31455f;color:#c6d4e7}
body[data-page="sale"] .topbar .breadcrumb{display:none}
body[data-page="sale"] .topbar .top-tools{width:100%;justify-content:space-between;color:#c6d4e7}
body[data-page="sale"] .content{padding:18px 20px;background:#101d35;max-width:none}
body[data-page="sale"] .page-heading{display:none}
body[data-page="sale"] .kpis{margin-bottom:16px;gap:12px}
body[data-page="sale"] .kpi{background:#1b2f4b;border:1px solid #334867;box-shadow:none;border-radius:12px}
body[data-page="sale"] .kpi .kpi-label{color:#b7c7da}body[data-page="sale"] .kpi .value{color:#f5f8ff}
body[data-page="sale"] .pos-layout{grid-template-columns:minmax(0,1fr) 390px;gap:16px}
body[data-page="sale"] .catalog-panel{background:#edf2f9;border:1px solid #d4deeb;border-radius:16px;padding:16px}
body[data-page="sale"] #sale-search{min-height:58px;background:white;font-size:16px;border:2px solid #b5c8df}
body[data-page="sale"] .scan-hint{color:#516984;font-size:12px}
body[data-page="sale"] .catalog-footer{color:#607590}
body[data-page="sale"] .basket{border:0;overflow:hidden;background:white;top:14px;box-shadow:0 10px 24px #0002}
body[data-page="sale"] .basket .card-head{background:white}.basket-manual-action .manual-product-btn{width:100%}
body[data-page="sale"] .basket-summary{background:#f4f7fc}
body[data-page="sale"] .basket .grand-total strong{color:#0a6796}
body[data-page="sale"] .basket .primary{background:#079778;border:0;min-height:60px;font-size:17px}
body[data-page="sale"] .page-footer{color:#a2b5ce;border-color:#334867}
@media(max-width:1100px){body[data-page="sale"] .pos-layout{grid-template-columns:minmax(0,1fr) 345px}.owner-pos-brand{min-width:150px}}
@media(max-width:720px){body[data-page="sale"] .owner-pos-toolbar{padding:12px;gap:8px}.owner-pos-brand{min-width:100%}body[data-page="sale"] .owner-pos-toolbar .pos-tile{min-width:26%;min-height:65px;font-size:12px}body[data-page="sale"] .content{padding:12px}body[data-page="sale"] .pos-layout{display:flex;flex-direction:column}body[data-page="sale"] .catalog-panel,body[data-page="sale"] .basket{width:100%}.pos-idle{min-height:200px}.pos-idle h3{font-size:16px}.pos-category-select{padding:9px}}

.owner-pos-toolbar .tile-add{background:#7557d9!important}.owner-pos-toolbar .tile-purchases{background:#9a5b14!important}

.stock-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.stock-page-head h1{margin:0}.stock-page-head .btn{min-height:52px;padding:12px 22px;font-size:16px;border-radius:12px}

/* Suggestions stay in their own strip above the keys, never on top of them. */
.keyboard-suggestions{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:0 0 9px;direction:rtl;scrollbar-width:thin;max-height:62px}
.keyboard-suggestions>span{font-size:11px;color:#bacce1;white-space:nowrap}
.keyboard-suggestions button{flex:0 0 auto;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 14px;font-size:14px;min-height:40px;background:#e6f2ff;color:#153c63;border-color:#bad5f0;box-shadow:none}
.keyboard-suggestions button:active{background:#a6d3fa}

/* v6.6.0 — a fixed counter viewport. Only the contents of long lists scroll. */
@media screen and (min-width:800px){
 body[data-page="sale"],body[data-page="staff"][data-staff-page="sale"]{height:100dvh;min-height:0;overflow:hidden;padding:0!important;overscroll-behavior:none}
 body[data-page="sale"] .shell,body[data-page="sale"] .workspace{height:100dvh;min-height:0;overflow:hidden}
 body[data-page="sale"] .workspace{display:flex;flex-direction:column}
 body[data-page="sale"] .owner-pos-toolbar{flex:0 0 auto;flex-wrap:nowrap;padding:10px 12px;gap:7px}
 body[data-page="sale"] .owner-pos-toolbar .pos-tile{min-width:75px;min-height:54px;padding:7px 8px;font-size:12px;gap:4px;border-radius:10px}
 body[data-page="sale"] .owner-pos-toolbar .icon{width:20px;height:20px}
 body[data-page="sale"] .owner-pos-brand{min-width:130px;padding:0;gap:4px}.owner-pos-brand strong{font-size:15px}
 body[data-page="sale"] .topbar{flex:0 0 auto;min-height:30px;padding:4px 14px;font-size:10px}
 body[data-page="sale"] .topbar .date{font-size:10px}
 body[data-page="sale"] .content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%;padding:8px 12px;gap:8px}
 body[data-page="sale"] .content>.kpis{flex:0 0 auto;margin:0;gap:8px}
 body[data-page="sale"] .content>.kpis .kpi{padding:8px 14px;border-radius:10px}
 body[data-page="sale"] .content>.kpis .value{font-size:21px;line-height:1.2}
 body[data-page="sale"] .content>.kpis .kpi-label{font-size:11px}
 body[data-page="sale"] .content>.notice,body[data-page="sale"] #shared-alerts{flex:0 0 auto;max-height:60px;overflow:auto;margin:0}
 body[data-page="sale"] #shared-alerts:empty{display:none}
 body[data-page="sale"] #page-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
 body[data-page="sale"] #page-content>.notice{flex:0 0 auto;padding:8px 12px;max-height:54px;overflow:auto;margin:0}
 body[data-page="sale"] .pos-layout{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,1fr) clamp(320px,30vw,420px);align-items:stretch;gap:12px;overflow:hidden}
 body[data-page="sale"] .catalog-panel{display:flex;flex-direction:column;min-height:0;padding:12px;overflow:hidden}
 body[data-page="sale"] .catalog-admin-controls{flex:0 0 auto;display:flex;flex-direction:column;gap:7px;margin-bottom:8px}
 body[data-page="sale"] .catalog-admin-controls .baskets-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;max-height:46px;margin:0;gap:6px;padding:0 0 2px;flex-shrink:0}
 body[data-page="sale"] .catalog-admin-controls .basket-tab{min-height:38px;min-width:88px;font-size:12px;padding:6px 10px;flex:0 0 auto}
 body[data-page="sale"] .catalog-admin-controls .btn{min-height:38px;padding:6px 12px;flex-shrink:0}
 body[data-page="sale"] .catalog-admin-controls .basket-customer-row{margin:0;padding:7px 9px;gap:7px;min-height:0;flex-wrap:nowrap}
 body[data-page="sale"] .catalog-admin-controls .basket-customer-row .field{margin:0;min-width:0;flex:1}
 body[data-page="sale"] .catalog-admin-controls .basket-customer-row .field label{display:none}
 body[data-page="sale"] .catalog-admin-controls .basket-customer-row select{min-height:37px;padding:6px 9px;font-size:12px}
 body[data-page="sale"] .customer-balance-line{font-size:10px;max-width:160px}
 body[data-page="sale"] .catalog-top{flex:0 0 auto;margin-bottom:0}
 body[data-page="sale"] #sale-search{min-height:46px;font-size:14px;padding-top:10px;padding-bottom:10px}
 body[data-page="sale"] .pos-category-select{flex:0 0 auto;padding:7px 10px;margin:8px 0;gap:8px}
 body[data-page="sale"] .pos-category-select select{min-height:38px;padding:6px 10px;font-size:13px}
 body[data-page="sale"] #product-cards{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
 body[data-page="sale"] #product-cards .products-grid{overflow:visible;min-height:0;align-content:start}
 body[data-page="sale"] .pos-idle{min-height:0;height:100%;padding:16px;gap:10px}
 body[data-page="sale"] .pos-idle-icon{width:56px;height:56px;border-radius:16px}
 body[data-page="sale"] .pos-idle h3{font-size:16px}
 body[data-page="sale"] .basket{height:100%;min-height:0;position:static;display:flex;flex-direction:column;overflow:hidden}
 body[data-page="sale"] .basket>.card-head{flex:0 0 auto;padding:9px 12px;min-height:40px}
 body[data-page="sale"] .basket-lines{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:0 12px}
 body[data-page="sale"] .basket-lines .empty{padding:16px 8px}
 body[data-page="sale"] .basket-lines .empty-icon{display:none}
 body[data-page="sale"] .basket-lines .cart-line{padding:10px 0}
 body[data-page="sale"] .basket-summary{flex:0 0 auto;padding:10px 12px}
 body[data-page="sale"] .basket-summary>.sumrow{margin-bottom:5px}
 body[data-page="sale"] .basket-summary>.grand-total{padding-top:8px;margin-top:7px}
 body[data-page="sale"] .basket-summary .grand-total strong{font-size:25px}
 body[data-page="sale"] .basket .checkout-btn{min-height:50px;font-size:15px;margin-top:6px}
 body[data-page="sale"] .basket-foot,body[data-page="sale"] .catalog-footer,body[data-page="sale"] .scan-hint,body[data-page="sale"] .page-footer{display:none}
 body[data-page="staff"][data-staff-page="sale"] .staff-app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 body[data-page="staff"][data-staff-page="sale"] .staff-header{flex:0 0 auto;flex-wrap:nowrap;padding:10px 12px;gap:7px}
 body[data-page="staff"][data-staff-page="sale"] .staff-header>img{height:48px;width:48px;padding:4px}
 body[data-page="staff"][data-staff-page="sale"] .staff-header>div{min-width:85px;padding:0 5px}
 body[data-page="staff"][data-staff-page="sale"] .staff-header>div span{display:none}
 body[data-page="staff"][data-staff-page="sale"] .staff-header strong{font-size:13px}
 body[data-page="staff"][data-staff-page="sale"] .staff-header .btn{min-width:65px;min-height:54px;padding:6px 8px;font-size:12px;gap:3px}
 body[data-page="staff"][data-staff-page="sale"] .staff-header .btn::before{font-size:19px}
 body[data-page="staff"][data-staff-page="sale"] .staff-header>.pill{display:none}
 body[data-page="staff"][data-staff-page="sale"] .staff-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:4px 12px 12px;gap:10px}
 body[data-page="staff"][data-staff-page="sale"] .staff-main>.notice{flex:0 0 auto;margin:0;padding:8px 12px;max-height:54px;overflow:auto}
 body[data-page="staff"][data-staff-page="sale"] .staff-summary{flex:0 0 auto;flex-wrap:nowrap;gap:8px;margin:0}
 body[data-page="staff"][data-staff-page="sale"] .staff-summary>div{min-width:0;padding:8px 12px}
 body[data-page="staff"][data-staff-page="sale"] .staff-summary span{font-size:10px}
 body[data-page="staff"][data-staff-page="sale"] .staff-summary strong{font-size:21px;line-height:1.2}
 body[data-page="staff"][data-staff-page="sale"] .staff-pos{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,30vw,420px);align-items:stretch;gap:12px;overflow:hidden}
 body[data-page="staff"][data-staff-page="sale"] .staff-catalog{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:12px}
 body[data-page="staff"][data-staff-page="sale"] .catalog-top{flex:0 0 auto;margin:0}
 body[data-page="staff"][data-staff-page="sale"] #staff-search,body[data-page="staff"][data-staff-page="sale"] .catalog-top .btn{min-height:46px;font-size:14px}
 body[data-page="staff"][data-staff-page="sale"] .pos-category-select{flex:0 0 auto;margin:8px 0;padding:7px 10px}
 body[data-page="staff"][data-staff-page="sale"] .pos-category-select select{min-height:38px;font-size:13px;padding:6px 10px}
 body[data-page="staff"][data-staff-page="sale"] .staff-catalog .products-grid{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
 body[data-page="staff"][data-staff-page="sale"] .pos-idle{height:100%;min-height:0;padding:16px;gap:10px}
 body[data-page="staff"][data-staff-page="sale"] .pos-idle-icon{width:56px;height:56px;border-radius:16px;font-size:30px}
 body[data-page="staff"][data-staff-page="sale"] .pos-idle h3{font-size:16px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket{height:100%;min-height:0;position:static;display:flex;flex-direction:column;overflow:hidden}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket>.card-head{flex:0 0 auto;padding:9px 12px;min-height:40px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket .baskets-bar{flex:0 0 auto;flex-wrap:nowrap;padding:6px 8px;overflow-x:auto;max-height:48px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket .basket-tab{min-height:36px;min-width:80px;font-size:11px}
 body[data-page="staff"][data-staff-page="sale"] .staff-lines{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
 body[data-page="staff"][data-staff-page="sale"] .staff-lines .empty{padding:16px 8px}
 body[data-page="staff"][data-staff-page="sale"] .staff-line{padding:9px 12px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket-bottom{flex:0 0 auto;padding:10px 12px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket-bottom label{font-size:11px;margin-bottom:4px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket-bottom select{min-height:37px;padding:6px 9px;font-size:12px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket-bottom>.grand-total{margin-top:7px;padding:8px 0}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket-bottom .grand-total strong{font-size:25px}
 body[data-page="staff"][data-staff-page="sale"] [data-staff="checkout"]{min-height:50px!important;font-size:16px;margin-top:4px}
 body[data-page="sale"] .basket-manual-action,body[data-page="staff"][data-staff-page="sale"] .basket-manual-action{flex:0 0 auto;padding:8px}
 body[data-page="sale"] .basket-manual-action .manual-product-btn,body[data-page="staff"][data-staff-page="sale"] .basket-manual-action .manual-product-btn{min-height:46px!important;font-size:15px!important}
 body[data-page="sale"] .basket-manual-action small,body[data-page="staff"][data-staff-page="sale"] .basket-manual-action small{display:none}
}
.pos-extra{margin:7px 0;border:1px solid #d3dfec;border-radius:9px;background:white;min-width:0}
.pos-extra summary{cursor:pointer;font-size:12px;color:#365578;padding:8px 10px;min-height:36px;font-weight:600}
.pos-extra-body{padding:8px 10px;max-height:125px;overflow:auto;overscroll-behavior:contain}
.pos-extra-body .delivery-basket-btn{width:100%;min-height:38px;margin:4px 0;font-size:12px}
.pos-fullscreen{background:#314b70!important;color:white!important;white-space:normal;font-size:12px}
body[data-page="staff"] .staff-header .pos-fullscreen::before{content:'⛶'}
@media screen and (min-width:800px) and (max-width:1100px){body[data-page="sale"] .owner-pos-brand{display:none}body[data-page="staff"][data-staff-page="sale"] .staff-header>img{display:none}body[data-page="staff"][data-staff-page="sale"] .staff-header .btn{min-width:60px;font-size:11px;padding:6px}}
@media screen and (min-width:800px) and (max-height:650px){body[data-page="sale"] .topbar{display:none}body[data-page="sale"] .owner-pos-toolbar,body[data-page="staff"][data-staff-page="sale"] .staff-header{padding:7px 10px}body[data-page="sale"] .content>.kpis .kpi{padding:6px 10px}body[data-page="staff"][data-staff-page="sale"] .staff-summary>div{padding:6px 10px}body[data-page="sale"] .catalog-admin-controls{gap:5px;margin-bottom:6px}body[data-page="sale"] .pos-idle>span,body[data-page="staff"][data-staff-page="sale"] .pos-idle>span{display:none}}
/* Receipt actions always remain visible; only a long receipt scrolls. */
@media screen{
 .modal-backdrop{padding:12px}
 .modal{max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden}
 .modal-head{flex:0 0 auto;padding:12px 18px}
 .modal-body{flex:1;min-height:0;overflow:auto;padding:16px 18px;overscroll-behavior:contain}
 .receipt-dialog{height:min(720px,calc(100dvh - 24px))}
 .receipt-dialog .modal-body{display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:12px}
 .receipt-dialog .receipt-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#f1f5fa;border-radius:10px;padding:12px}
 .receipt-dialog .receipt{width:min(80mm,100%);margin:0 auto;padding:12px;background:white}
 .receipt-dialog .receipt-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 0;margin:0;border-top:1px solid #d8e1ed;background:white}
 .receipt-dialog .receipt-actions .btn{flex:1;min-height:46px;font-size:14px}
 .receipt-dialog .success-title{flex:0 0 auto;padding:0;text-align:center}.receipt-dialog .success-title .success-icon{display:none}.receipt-dialog .success-title h3{margin:0;font-size:15px}.receipt-dialog .success-title p{font-size:11px;margin:4px 0}
 body.keyboard-open .modal{max-height:calc(100dvh - var(--keyboard-height,330px) - 24px)}
}
@media print{html,body{height:auto!important;overflow:visible!important}.receipt-actions,.pos-fullscreen{display:none!important}}

/* v6.6.1 — give the working cart priority over summary metrics. */
.basket-heading{display:flex;align-items:center;gap:6px;flex:0 0 auto;background:white;border-bottom:1px solid #dce5ef;padding:4px 7px}
.basket-heading>.card-head{order:0;flex:1;min-width:0;border:0;background:white!important;padding:7px 4px!important;gap:6px}
.basket-heading>.card-head h2{font-size:14px!important;line-height:1.45;margin:0}
.basket-heading>.basket-manual-action{order:1;flex:0 0 auto;padding:3px!important;border:0;border-radius:0;max-width:46%}
.basket-heading>.basket-manual-action .manual-product-btn{min-height:40px!important;font-size:13px!important;padding:8px 12px!important;white-space:nowrap;border-radius:9px}
.basket-heading>.basket-manual-action small{display:none!important}
.basket-heading .card-head>.pill{font-size:10px;padding:3px 5px;white-space:nowrap}
.pos-metrics{background:#334c6c!important;color:#fff!important}
body[data-page="staff"] .staff-header .pos-metrics::before{content:'▥'}
.basket .line-price-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px!important;width:44px!important;min-height:44px!important;height:44px!important;padding:10px!important;font-size:14px;line-height:1.4;background:#e3f0ff;border:1px solid #90bce7;color:#174d7e;border-radius:9px;margin:0}
.basket .line-price-edit .icon{width:18px;height:18px;flex-shrink:0}
.basket .line-price-edit span{white-space:nowrap}
body[data-page="staff"] .staff-price{min-width:138px!important;min-height:44px!important;width:auto!important;padding:9px 12px!important;font-size:14px;background:#e3f0ff;color:#174d7e;border-color:#90bce7}
@media screen and (min-width:800px){
 body[data-page="sale"] .pos-layout,body[data-page="staff"][data-staff-page="sale"] .staff-pos{grid-template-columns:minmax(0,1fr) clamp(380px,42vw,560px)}
 body[data-page="sale"]:not([data-pos-metrics="shown"]) .content>.kpis,body[data-page="staff"][data-staff-page="sale"]:not([data-pos-metrics="shown"]) .staff-summary{display:none}
 body[data-page="sale"] .topbar{display:none}
 body[data-page="sale"] .owner-pos-toolbar,body[data-page="staff"][data-staff-page="sale"] .staff-header{padding:7px 10px;gap:6px}
 body[data-page="sale"] .owner-pos-toolbar .pos-tile,body[data-page="staff"][data-staff-page="sale"] .staff-header .btn{min-height:46px;padding:5px 7px}
 body[data-page="sale"] .owner-pos-toolbar .icon{width:18px;height:18px}
 body[data-page="sale"] .content{padding:4px 10px 10px;gap:6px}
 body[data-page="sale"] .basket-heading,body[data-page="staff"][data-staff-page="sale"] .basket-heading{min-height:50px}
 body[data-page="sale"] .basket-heading>.card-head,body[data-page="staff"][data-staff-page="sale"] .basket-heading>.card-head{min-height:0}
 body[data-page="sale"] .basket .basket-lines{padding:0 12px}
 body[data-page="sale"] .cart-line{grid-template-columns:minmax(0,1fr) 38px;gap:8px;padding:12px 0}
 body[data-page="sale"] .cart-line>.line-art{display:none}
 body[data-page="sale"] .line-name{font-size:15px;line-height:1.5;margin-bottom:3px}
 body[data-page="sale"] .cart-line .purchase-cost{font-size:11px;margin:2px 0}
 body[data-page="sale"] .cart-line .line-price{font-size:14px;margin:2px 0}
 body[data-page="sale"] .cart-line .quantity,body[data-page="staff"][data-staff-page="sale"] .staff-line .quantity{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:7px}
 body[data-page="sale"] .cart-line .quantity>button:not(.line-price-edit),body[data-page="staff"][data-staff-page="sale"] .staff-line .quantity>button:not(.staff-price){min-width:40px;min-height:40px;width:40px;height:40px;font-size:18px}
 body[data-page="sale"] .cart-line .quantity>span[style]{display:none}
 body[data-page="sale"] .cart-line .line-remove{width:36px;height:40px;align-self:start}
 body[data-page="sale"] .basket-summary{padding:8px 12px}
 body[data-page="sale"] .basket-summary>.grand-total{margin-top:5px;padding-top:7px;margin-bottom:4px}
 body[data-page="sale"] .basket .checkout-btn{min-height:48px;margin-top:4px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket-bottom{padding:8px 12px}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket-bottom>label[for="staff-customer"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body[data-page="staff"][data-staff-page="sale"] .staff-basket-bottom>.grand-total{margin-top:5px;padding:6px 0;margin-bottom:4px}
 body[data-page="staff"][data-staff-page="sale"] [data-staff="checkout"]{min-height:48px!important}
 body[data-page="sale"] .pos-extra,body[data-page="staff"][data-staff-page="sale"] .pos-extra{margin:4px 0}
 body[data-page="sale"] .pos-extra summary,body[data-page="staff"][data-staff-page="sale"] .pos-extra summary{min-height:30px;padding:6px 9px;font-size:11px}
 body[data-page="sale"] .pos-extra-body,body[data-page="staff"][data-staff-page="sale"] .pos-extra-body{max-height:90px}
 body[data-page="staff"][data-staff-page="sale"] .staff-line>div:first-child strong{font-size:15px}
}
@media screen and (min-width:800px) and (max-width:1300px){body[data-page="sale"] .catalog-panel .products-grid,body[data-page="staff"][data-staff-page="sale"] .staff-catalog .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="staff"][data-staff-page="sale"] .staff-header>div{min-width:65px}body[data-page="sale"] .owner-pos-toolbar .pos-tile{min-width:70px}}
@media(max-width:799px){.basket-heading{flex-wrap:wrap}.basket-heading>.basket-manual-action{max-width:none}.basket .quantity{flex-wrap:wrap}.basket .line-price-edit{min-width:44px!important}}

/* v6.7.0 — compact inline price pad; clear supplier payments and receipts. */
@media screen{
 .modal.price-dialog{width:min(410px,100%);height:auto}
 .price-dialog .modal-head{padding:9px 14px;min-height:42px}
 .price-dialog .modal-head h2{font-size:15px}
 .price-dialog .modal-head .btn{min-height:32px;height:32px;padding:4px 8px}
 .price-dialog .modal-body{padding:10px 14px}
 .price-dialog .field{margin-bottom:7px}
 .price-dialog label{font-size:12px;margin-bottom:5px;display:block}
 .price-dialog input{min-height:40px;padding:7px 10px;font-size:20px;text-align:center}
 .price-dialog .price-keypad{gap:5px;margin:8px 0}
 .price-dialog .price-keypad button{min-height:38px;height:38px;font-size:21px;padding:2px 6px;border-radius:8px}
 .price-dialog .price-keypad .keypad-clear{min-height:32px;height:32px;font-size:14px}
 .price-dialog .muted{font-size:10px;line-height:1.5;margin:7px 0}
 .price-dialog .purchase-cost{font-size:12px;margin:5px 0}
 .price-dialog form>.btn[type="submit"]{min-height:40px;height:40px;margin-top:5px;padding:7px 12px;font-size:14px}
}
.supplier-actions{display:flex;flex-wrap:wrap;gap:7px}
.supplier-actions .btn{min-height:40px;white-space:nowrap;padding:8px 12px;font-size:12px}
.supplier-actions .icon-btn{width:40px;padding:8px}
.supplier-receipt .rc-row{gap:12px;align-items:start;margin:8px 0}
.supplier-receipt .rc-row strong,.supplier-receipt .rc-row span{overflow-wrap:anywhere}