/* Summer Day / white workspace. Loaded after the functional layout styles. */
@font-face{font-family:SummerThai;src:url('assets/fonts/NotoSansThai.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#fff;--paper:#fff;--ink:#222b38;--muted:#647084;--line:#e7ebf0;--orange:#ff8537;--orange-dark:#bf4a0c;--orange-light:#fff1e7;--green:#247d69;--green-light:#eaf6f0;--shadow:0 4px 20px #1b29350a;--sidebar:232px}
body{font-family:SummerThai,'Leelawadee UI',Tahoma,sans-serif;background:#fff;color:var(--ink);font-size:14px;line-height:1.65}
h1,h2,h3,h4{color:#202938;letter-spacing:0}h1{font-size:27px;font-weight:700}button,input,select,textarea{font-family:inherit}button{transition:background .15s,border-color .15s,box-shadow .15s}
input,select,textarea{background:#fff;color:#283345;border:1px solid #dce2e9;border-radius:10px;padding:11px 13px;font-size:14px;line-height:1.6}input::placeholder,textarea::placeholder{color:#59677a}input:focus,select:focus,textarea:focus{outline:3px solid #ff853724;outline-offset:0;border-color:#ee8b4c}button:focus-visible,a:focus-visible{outline:3px solid #e87326;outline-offset:3px}input[type=checkbox],input[type=radio]{accent-color:#d45a14}
.sidebar{background:#fff;border-right:1px solid var(--line);padding:16px 16px 0;scrollbar-color:#dbe1e8 #fff}.brand{height:110px;border:0;border-radius:0;background:#fff;margin-bottom:18px}.brand-logo{width:178px;height:178px}.shop-card,.side-note{display:none}.nav-label{font-size:11px;font-weight:500;color:#59677a;margin:0 14px 12px}.sidebar nav{gap:6px}.sidebar nav button{min-height:46px;padding:11px 14px;font-size:14px;color:#596577;border-radius:10px;position:relative}.sidebar nav button:hover{background:#f6f8fa;color:#242e3e}.sidebar nav button.active{background:#fff0e5;color:#b8490c;box-shadow:none;font-weight:650}.sidebar nav button.active::before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:3px;background:#ff8537;border-radius:4px}.sidebar .nav-tag{background:#f1f3f6;color:#59677a;font-size:9px}.side-bottom>button{color:#647084;font-size:12px;padding:16px 8px}.profile{border-color:var(--line);padding:18px 4px}.profile strong{color:#334155;font-size:12px}.profile small{color:#59677a;font-size:10px}.avatar{color:#b34a13;background:#fff0e6}.shop-dot,.green-dot,.connection i{background:#25856c}
.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px}.breadcrumb,.top-tools{color:#647084;font-size:12px}.breadcrumb strong{color:#303b4e;font-weight:600}.breadcrumb span{color:#59677a}.icon-button{border-color:#e3e7ed;background:#fff;color:#59677a}.connection i{box-shadow:0 0 0 3px #e9f6f0}.modebar{background:#fff8f2;color:#94501c;border-bottom:1px solid #f6e6d9;padding:9px 32px;font-size:11px}.modebar button{color:#96501e;border-color:#ecd8c6;background:#fff;font-weight:500;border-radius:7px}.modebar.real{background:#f3faf6;color:#32705d;border-color:#e2efe8}.modebar.real button{background:#fff;border-color:#c9e1d5;color:#32705d}
.workspace main{padding:28px 32px 36px;background:#fff}.eyebrow{display:none}.page-heading{margin-bottom:26px;gap:20px;align-items:center}.page-heading p{font-size:13px;color:#59677a;margin-top:6px}.heading-actions{gap:10px}.heading-actions label{font-size:12px;color:#59677a}.subtle,.muted,.pager,.section-title small,.audit-note,.stock-info,.split-note{color:#59677a}.audit-note,.split-note{font-size:12px;line-height:1.85}.app-footer,.app-footer>span{color:#59677a;border-color:var(--line);font-size:11px}.app-footer{margin:0 32px;padding:14px 0}kbd{font-family:inherit;font-size:10px;color:#59677a;background:#f7f8fa;border:1px solid #dde3e9;box-shadow:none;border-radius:5px}
.btn{background:#fff;border-color:#dfe4ea;color:#445064;font-size:14px;min-height:42px;padding:10px 16px;border-radius:10px;box-shadow:none;font-weight:500}.btn:hover{background:#f7f9fb;border-color:#bdc7d2;color:#263449}.btn.primary{background:#d15410;color:#fff;border-color:#d15410;box-shadow:none;font-weight:600}.btn.primary:hover{background:#b9460b;border-color:#b9460b}.btn.soft{background:#fff0e5;color:#aa430c;border-color:#ffe0c9}.btn.green{background:#25846b;color:#fff;border-color:#25846b}.btn.danger{background:#fff;color:#b33c3c;border-color:#efcfcf}.btn.small{font-size:12px;min-height:34px}.badge{color:#26735e;background:#eaf6f0;font-size:11px;padding:4px 9px}.badge.peach,.migration-count{background:#fff1e4;color:#9a551c}.badge.red{background:#fff0ef;color:#b34444}
.panel,.table-panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.panel{padding:24px}.panel h3{font-size:17px;font-weight:600}.table-toolbar{padding:18px 20px}.table-toolbar input{font-size:14px;max-width:410px}.table-toolbar small{color:#59677a;font-size:12px}table,.dashboard table{font-size:14px}th{background:#f8f9fb;color:#647084;font-size:12px;font-weight:600;padding:14px 18px;border-bottom:1px solid var(--line)}td{color:#344155;padding:16px 18px;border-color:#eef1f5}tbody tr:nth-child(even){background:#fff}tbody tr:hover{background:#fafbfc}td small,.dashboard td small{color:#59677a;font-size:11px;line-height:1.7}.row-actions{gap:8px}.row-actions button{background:#f5f7fa;color:#4f5c70;font-size:12px;padding:7px 11px;border:1px solid #e8ecf1;border-radius:7px}.row-actions button:hover{background:#fff0e5;color:#a74710}.tiny-art,.cart-thumb{background:#f2f5f8}.filter-tabs{gap:8px}.filter-tabs button,.category{background:#fff;border-color:#e1e6ec;color:#637084;font-size:13px;padding:9px 15px;border-radius:9px}.filter-tabs button.active,.category.active{background:#fff0e5;color:#af470d;border-color:#ffd7b9;box-shadow:none}.filter-tabs button:hover,.category:hover{background:#fff8f2;border-color:#f1c8a9}.search-box input{border-color:#dde3eb;box-shadow:none;background:#fff;color:#29364a}.search-icon{border-color:#8590a0}.search-icon:after{background:#8590a0}.pager{font-size:12px}.pager button{background:#fff;border-color:#e2e7ee;color:#637084;font-size:12px}
.form-grid{gap:20px}.form-grid label,.field{color:#4b586d;font-size:13px;font-weight:500;gap:7px}.form-grid input,.form-grid select,.product-basic input{font-size:14px}.form-grid textarea{font-size:14px}.form-actions{gap:10px}.notice{background:#fff8ef;border-color:#f2e1c8;color:#8a5b23;font-size:13px;border-radius:10px}.notice.green{background:#f0f9f4;color:#326b54;border-color:#d9ede1}.form-error,.checkout-error{color:#b33333;font-size:13px}.inline-warning{color:#a45c15;font-size:12px}.product-kind label{background:#fff;border-color:#e2e7ee;color:#4e5d70;font-size:13px}.product-kind label:has(input:checked){background:#fff3e9;border-color:#f3be97;color:#9b4513}.product-more{background:#fafbfc;border-color:#e4e9ef;padding:14px}.product-more summary{color:#4f5e72;font-size:13px}.product-more label small,.product-basic label small,.keyboard-hint{color:#59677a;font-size:11px}.import-drop{background:#fafbfc;border-color:#cbd5df}.import-drop>span{color:#e47b35}.import-drop p{color:#59677a;font-size:13px}.import-summary>div{background:#f7f9fb}.import-summary strong{color:#29364a}.import-summary small{color:#647084;font-size:12px}
dialog{background:#fff;border:1px solid #e5e9ef;border-radius:18px;box-shadow:0 24px 90px #15233730;color:#29364a}dialog::backdrop{background:#18243566;backdrop-filter:blur(3px)}.modal-header{background:#fff;border-color:#edf0f4;padding:21px 25px}.modal-header h2{font-size:20px;color:#273448}.modal-header button{color:#59677a}.modal-body>p{color:#59677a;font-size:14px}.modal-total{background:#fff5ed;color:#75553e;border:1px solid #ffe2cc}.modal-total strong{color:#b8480c}.payment-options button{background:#fff;border-color:#e0e6ed;color:#526176;font-size:14px}.payment-options button.active{background:#fff0e4;color:#ad460e;border-color:#efb58a}.cash-input{color:#25334a;font-size:30px}.quick-cash button{background:#f8fafc;border-color:#e0e6ee;color:#506076;font-size:13px}.quick-cash button:hover{background:#fff1e7}.change-row{color:#647084}.change-row strong{color:#207b60}.help-grid p,.help-grid li{color:#5f6e82;font-size:13px}.cashier-menu .btn{font-size:14px;padding:15px;min-height:58px;border-color:#e4e8ee}.cashier-menu .btn.soft{background:#fff0e5;color:#a7440e;border-color:#f7cfb2}.receipt-frame{border-color:#e2e7ed;background:#f5f7fa}#toast{background:#263449;color:#fff;box-shadow:0 6px 24px #14213520;font-size:14px}.empty-state{background:#fafbfc;border-color:#dde4ec}.empty-state h3{color:#4b5d73}.empty-state p{color:#59677a;font-size:13px}
/* White dashboard cards keep color for the actual numbers and charts. */
.dashboard{font-size:14px}.dashboard .panel{border-radius:14px;padding:24px}.dash-range{background:#f8f9fb;border-color:#e8ecf1;padding:16px;border-radius:12px;gap:12px}.dash-range label{color:#59677a;font-size:12px}.dash-range input{font-size:13px}.dash-presets .btn{font-size:13px}.dash-period{color:#354358;font-size:14px;margin:24px 0 16px}.dash-period span{color:#59677a;font-size:13px}.dash-stats{gap:18px}.dash-stat,.dash-stat.orange,.dash-stat.mint,.dash-stat.pink{background:#fff;border:1px solid #e7ebf0;box-shadow:var(--shadow);border-radius:14px;padding:22px 24px;position:relative;border-top:3px solid #f4a56e}.dash-stat:nth-child(2){border-top-color:#9baac0}.dash-stat:nth-child(3){border-top-color:#d8b9a0}.dash-stat:nth-child(4){border-top-color:#67ad99}.dash-stat>span{color:#59677a;font-size:13px}.dash-stat strong{color:#202e42;font-size:32px;font-weight:700;letter-spacing:-.6px;line-height:1.3}.dash-stat small{color:#59677a;font-size:12px}.dash-section-title>span,.dash-note,.graph-caption{color:#59677a}.dash-section-title h2,.dashboard h2{font-size:18px;color:#2b394f}.dash-empty{color:#59677a}.dash-payment strong,.dash-kind>strong{color:#29364a}.dash-payment small,.dash-kind small,.dash-tax,.ranking-row small{color:#59677a}.dash-meter,.finance-track,.ranking-track{background:#f1f4f8}.dash-tax,.dash-kind,.donut-legend>div,.dash-checks details{border-color:#e8edf2}.graph-toggle{background:#f3f5f8;border-radius:9px}.graph-toggle button{color:#59677a;font-size:13px}.graph-toggle button.selected{color:#af480e;background:#fff;box-shadow:0 1px 5px #152a4410}.graph-toolbar label{color:#59677a}.graph-toolbar select{border-color:#e1e6ed}.trend-svg,.donut-svg{font-family:SummerThai,sans-serif}.trend-svg text{fill:#59677a}.trend-svg .graph-peak{fill:#b84c0e}.donut-total,.donut-legend strong,.donut-legend b{fill:#26354c;color:#26354c}.donut-label,.donut-legend small{fill:#59677a;color:#59677a}.ranking-label{color:#42526a}.ranking-label span b{background:#fff0e5;color:#b84c0e}.dash-checks summary b{color:#aa4e15}.finance-row{color:#4c5c72}.finance-zero{border-color:#bdc8d5}.tax-status{background:#fff8f1;border-color:#f1ddcb;color:#8b4e22}.tax-status.registered{background:#f1f9f5;color:#317257;border-color:#d5eade}.tax-tabs{gap:8px;margin:22px 0}.tax-tabs button{background:#fff;color:#5c6a7e;border-color:#e0e6ed;font-size:13px;padding:10px 14px;border-radius:9px}.tax-tabs button.selected{background:#fff0e5;border-color:#f5c8a6;color:#ab460e}.tax-check{border-color:#e9edf3}.tax-check>b{color:#34465f}.tax-steps{color:#59677a;line-height:2.2;font-size:13px}.tax-income{background:#fafbfc;border-color:#e8edf2}.tax-income .receipt-line{color:#56667d}.tax-income b{color:#27364d}#tax-content table small{color:#59677a}.tax-guide{color:#59677a;font-size:13px}.tax-guide a{color:#b6490d;text-decoration:underline}
/* Keep the established cashier proportions and keyboard flow. */
.cashier-mode,.cashier-shell{background:#fff}.cashier-header{background:#fff;border-bottom:1px solid #e7ebf1;color:#29364a;height:76px;padding:9px 20px}.cashier-header h1{color:#2b394e;font-size:22px}.cashier-menu-toggle{background:#fff;border-color:#e0e6ed;color:#59677a;border-radius:10px}.cashier-logo-frame{background:#fff;border:0}.cashier-store{color:#2c394d;font-size:16px}.cashier-store small{color:#59677a;font-size:11px}.cashier-header-tools{color:#59677a;font-size:12px}.cashier-mode-switch,.cashier-low{background:#f8fafc;border-color:#e5eaf0;color:#59677a;border-radius:8px;padding:8px 11px}.cashier-mode-switch{background:#fff1e6;border-color:#f8dcc7;color:#a34c16}.cashier-low.has-low{background:#fff3ec;color:#ab501b;border-color:#f3d6c2}.cashier-ready{color:#59677a}.cashier-searchbar{background:#fff;border-color:#e9edf2;padding:14px 0}.cashier-categories select,.cashier-searchbar .search-box input{border-color:#dfe5ec;border-radius:10px;height:44px;background:#f9fafc;font-size:14px}.cashier-key-hint{color:#59677a;font-size:12px}.cashier-layout .catalog-panel{background:#fafbfc;padding:16px 14px 0}.cashier-layout .catalog-meta h2{color:#4f6077;font-size:14px}.cashier-layout .catalog-meta small{color:#59677a;font-size:11px}.cashier-layout .product-card{border-color:#e6ebf1;border-radius:12px;box-shadow:0 2px 6px #20304b03;background:#fff}.cashier-layout .product-card:hover{border-color:#f0985c;box-shadow:0 3px 14px #d66c1420}.cashier-layout .product-card .product-art,.product-card:nth-child(n) .product-art{background:#f4f6f8;border-radius:9px}.product-illustration{filter:none}.cashier-layout .product-copy .product-name{color:#34445b;font-size:13px;font-weight:500}.cashier-layout .price-row strong{color:#b84c0f;font-size:17px;font-weight:650}.cashier-layout .stock-label{background:#ffffffed;border-color:#e5e9ee;color:#59677a;font-size:9px}.cashier-layout .stock-label.low{background:#fff1e9;color:#a64b18;border-color:#f2d1b8}.favorite-toggle{background:#ffffffec;border-color:#e3e8ef;color:#59677a}.favorite-toggle.is-favorite{background:#fff0e4;color:#e67b2e;border-color:#ffd6b7}.cashier-layout .cart{border-color:#e4e9ef}.cashier-layout .cart-head{border-color:#e8edf3;background:#fff;padding:17px 20px}.cashier-layout .cart-head h2{color:#26364d;font-size:18px}.cashier-layout .cart-head h2 span{background:#f1f4f8;color:#59677a;font-size:12px}.cart-table-head{background:#f8fafc;color:#59677a;border-color:#e9edf2;font-size:12px;padding:10px 20px}.cashier-layout .cart-line{border-color:#edf1f5}.cashier-layout .cart-line-copy strong{color:#34445a;font-size:15px}.cashier-layout .cart-line-copy small{color:#59677a;font-size:11px}.cashier-layout .cart-thumb{background:#f5f7f9}.cashier-layout .cart-line-total{color:#34445c;font-size:16px}.cashier-layout .qty-control button{background:#f7f9fb;border-color:#e2e8ef;color:#53667f}.cashier-layout .qty-control input{color:#33445d}.cashier-layout .cart-line-total button{color:#59677a}.cashier-layout .cart-summary{background:#fff;border-color:#e6ebf1;padding:20px 24px}.cashier-layout .summary-row{color:#59677a;font-size:13px}.cashier-layout .summary-row.total{border-color:#e5eaf0;color:#29384e;font-size:17px}.cashier-layout .summary-row.total strong{color:#bc4d0e;font-size:54px;font-weight:700;letter-spacing:-1px}.cashier-layout .checkout-btn{background:#ff8537;color:#2d2018;border:1px solid #ff8537;box-shadow:none;border-radius:12px;font-size:18px;min-height:56px;font-weight:650}.cashier-layout .checkout-btn:hover{background:#ff984f}.checkout-btn kbd{background:#ffffff42;border-color:#e47025;color:#55331d;font-size:11px}.cashier-layout .cart-empty h3{color:#59677a;font-size:17px}.cashier-layout .cart-empty p{color:#59677a;font-size:13px}.cashier-layout .cart-empty>div{color:#bdc8d5}.cashier-tools{background:#fff}.cashier-tool-section{border-color:#e9edf3;padding:20px}.cashier-tool-section h2{color:#5a6b82;font-size:14px}.cashier-tool-grid .btn{background:#fff;border-color:#e4e9f0;color:#55677f;border-radius:9px;font-size:12px;box-shadow:none}.cashier-tool-grid .btn:hover{background:#fff4ec;border-color:#f0c3a0}.cashier-tool-grid kbd{color:#59677a;background:#f8fafc;border-color:#e5eaf0}.cashier-discount{color:#59677a;font-size:13px}.cashier-discount input{border-color:#e0e7ef;color:#30435f}.cashier-vat .vat-options,.vat-options{background:#f4f6f9;border-color:#e2e8ef}.vat-options button{color:#59677a}.vat-options button.selected{background:#fff;border-color:#dfe5ed;color:#40536e}.vat-options button.vat-on{background:#fff0e4;border-color:#f0c4a0;color:#ad4a13}.cashier-vat .vat-help,.vat-help,.cashier-vat>span{color:#59677a;font-size:11px}.cashier-vat strong{color:#4b617e}.cashier-note{border-color:#e5ebf2;color:#59677a}.cashier-note input{background:#fff;border-color:#e3e9f1}.cashier-local,.cashier-local button{color:#59677a;font-size:11px}.cashier-local span{color:#367c68}.sale-result-label,.sale-result-summary strong{color:#34435b}.sale-result-amount{color:#c64f0d}.sale-result-summary{border-color:#e7ecf2}.sale-result-summary span,.sale-result-reference,.receipt-choice-hint,.sale-result-receipt summary{color:#59677a}.sale-result-close.btn{font-size:18px}
.receipt-design-section,.receipt-logo-thumb{border-color:#e6ebf1}.receipt-design-section h3{color:#34445c}.receipt-logo-editor p,.receipt-toggle small{color:#59677a;font-size:12px}.receipt-toggle strong{color:#4e6079;font-size:14px}.receipt-reset{color:#bc4d0e;font-size:12px}.receipt-font-stepper button{background:#f7f9fc;border-color:#dde5ef;color:#526780}.receipt-toggle input:checked{background:#d65d17;border-color:#d65d17}.receipt-logo-width{color:#59677a;font-size:12px}
@media(min-width:1550px){.workspace main{padding:32px 40px}.cashier-layout .product-copy .product-name{font-size:14px}.cashier-layout .products-grid{gap:12px}.cashier-layout .cart-line-copy strong{font-size:16px}}
@media(min-width:901px) and (max-width:1190px){:root{--sidebar:210px}.sidebar{padding-inline:12px}.sidebar nav button{font-size:13px;padding-inline:12px}.workspace main{padding:24px}.topbar,.modebar{padding-inline:24px}}
@media(min-width:681px) and (max-width:900px){:root{--sidebar:72px}.sidebar{padding:14px 8px}.brand{height:55px;margin-bottom:22px}.brand-logo{width:80px;height:80px}.sidebar nav button{padding:12px 0}.workspace main{padding:24px}}
@media(max-width:760px){.cashier-header{height:68px;padding:8px 12px}.cashier-header h1{font-size:18px}.cashier-header-tools{font-size:10px}.cashier-mode-switch,.cashier-low{padding:7px;font-size:10px}.cashier-searchbar{padding:12px 0}.cashier-searchbar .search-box input,.cashier-categories select{font-size:12px}.cashier-layout .cart-summary{padding:16px 18px}.cashier-layout .summary-row.total strong{font-size:44px}.cashier-layout .cart-head{padding:14px 18px}.cashier-layout .cart-line-copy strong{font-size:13px}.cashier-layout .cart-line-total{font-size:14px}.cashier-tool-section{padding:16px}.cashier-menu .btn{font-size:13px}.cashier-vat .vat-help{font-size:11px}}
@media(max-width:680px){:root{--sidebar:0px}.workspace main{padding:22px 16px}.topbar{padding-inline:16px}.modebar{padding:9px 16px;font-size:10px;gap:12px}.modebar button{font-size:10px}.page-heading{flex-wrap:wrap;gap:14px;margin-bottom:22px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading .heading-actions{max-width:none;width:100%;justify-content:flex-start}.heading-actions .btn{font-size:12px;min-height:38px;padding:9px 12px}.app-footer{margin-inline:16px}.dash-stat{padding:16px!important}.dash-stat strong,#tax-content .dash-stat strong{font-size:26px}.dash-stat>span,.dash-stat small{font-size:12px}.dashboard .panel,.panel{padding:18px}.dash-range{padding:12px}.dash-stats{gap:10px}.modal-body{padding:20px}.form-grid label{font-size:13px}.tax-tabs button{font-size:12px;padding:9px 12px}.tax-status{padding:14px 16px}.tax-status span{font-size:12px}.cashier-mode #main{padding:0}.cashier-layout .summary-row.total{font-size:15px}.cashier-layout .products-grid{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Soft action colors distinguish neighboring cashier controls. */
.category-searchbar{display:flex;align-items:center;gap:18px;margin:0 0 22px}.category-searchbar input{width:100%;max-width:600px}.category-searchbar span{white-space:nowrap}.category-list{display:grid;gap:12px}.category-card{display:flex;align-items:center;gap:18px;border:1px solid #e7ebf0;border-radius:14px;padding:20px 22px;background:#fff;box-shadow:0 3px 12px #20304b06}.category-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff0df;color:#b85b1d;font-size:27px;flex-shrink:0}.category-card:nth-child(3n+2) .category-symbol{background:#e3f2ec;color:#377762}.category-card:nth-child(3n) .category-symbol{background:#e7effb;color:#486d9a}.category-copy{flex:1;min-width:0}.category-copy h2{font-size:16px;margin:0;overflow-wrap:anywhere}.category-copy p{margin:4px 0 0;color:#59677a;font-size:13px}.category-actions{display:flex;gap:8px;flex-wrap:wrap}.category-actions .btn:disabled{opacity:.4;cursor:not-allowed}.table-toolbar:has(#stock-category){flex-wrap:wrap;gap:12px}#stock-category{max-width:260px;width:100%;font-size:13px}.heading-actions{flex-wrap:wrap}.category-list+.pager{margin-top:18px}@media(max-width:680px){.category-card{padding:16px;gap:12px;flex-wrap:wrap}.category-actions{width:100%;justify-content:flex-end}.category-searchbar{gap:10px}.category-searchbar span{font-size:11px}}
.held-row{gap:14px;border-bottom:1px solid #e7ebf0}.held-row .cart-line-copy{min-width:0;overflow-wrap:anywhere}.held-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.held-actions .held-delete{display:grid;place-items:center;width:38px;min-height:38px;padding:0;font-size:25px;line-height:1;background:#fce6e5;color:#963f3a;border-color:#e7b2ae}.held-actions .held-delete:hover{background:#f7d4d2;border-color:#963f3a}
.cashier-tool-grid .btn[data-action="hold"]{--tool-bg:#fff0cc;--tool-border:#e8c578;--tool-ink:#795015;--tool-hover:#ffe6ab}
.cashier-tool-grid .btn[data-action="held"]{--tool-bg:#ddf2e9;--tool-border:#a3d4c0;--tool-ink:#24644e;--tool-hover:#c9e9dc}
.cashier-tool-grid .btn[data-action="clear-cart"]{--tool-bg:#fce6e5;--tool-border:#e7b2ae;--tool-ink:#963f3a;--tool-hover:#f7d4d2}
.cashier-tool-grid .btn[data-page="sales"]{--tool-bg:#e5eefb;--tool-border:#b8cceb;--tool-ink:#355d8a;--tool-hover:#d5e3f7}
.cashier-tool-grid .btn[data-action="edit-product"]{--tool-bg:#ffead9;--tool-border:#efc09a;--tool-ink:#934b1d;--tool-hover:#ffdcc0}
.cashier-tool-grid .btn[data-page="stock"]{--tool-bg:#e9e7f5;--tool-border:#c9c2e4;--tool-ink:#635184;--tool-hover:#dcd7ed}
.cashier-tool-grid .btn[data-action]{background:var(--tool-bg,#f3f6fa);border-color:var(--tool-border,#dae1eb);color:var(--tool-ink,#445064);font-weight:600}
.cashier-tool-grid .btn[data-action]:hover{background:var(--tool-hover,#e9eef5);border-color:var(--tool-ink,#718095)}
.cashier-tool-grid .btn kbd,.cashier-tool-grid .btn .badge{background:#ffffffa8;color:inherit;border:1px solid #ffffffd9}
.cashier-tool-section:first-child{background:#fafbfe}.cashier-layout .cart-head{background:#fff5ed}.cashier-layout .cart-head h2 span{background:#ffe3cb;color:#935023}