@import url('https://fonts.googleapis.com/css2?family=Muli:wght@400;500;600;700;800&display=swap');

/* Alpino theme adaptation — based on main-template/theme-black. */
:root{
  --primary:#313740;
  --primary-dark:#22252b;
  --text:#424242;
  --muted:#78909c;
  --line:#eceff1;
  --bg:#f4f7f6;
  --white:#fff;
  --green:#50d38a;
  --amber:#ffc323;
  --blue:#60bafd;
  --red:#ec3b57;
  --cyan:#49c5b6;
  --shadow:0 1px 2px rgba(0,0,0,.14);
  --shadow-hover:0 2px 20px rgba(0,0,0,.1);
  --radius:.55rem;
}

html,body{font-family:'Muli',Arial,Tahoma,sans-serif;background:var(--bg);color:var(--text);font-size:15px}
body{transition:all .35s ease}

/* Mini rail from Alpino's minileftbar */
.mini-rail{position:fixed;inset:0 auto 0 0;width:52px;background:#22252b;z-index:50;display:flex;flex-direction:column;align-items:center}
.rail-brand{width:52px;height:62px;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.06)}
.rail-nav{display:flex;flex-direction:column;width:100%;padding-top:10px}
.mini-rail a:not(.rail-brand){height:46px;width:100%;display:grid;place-items:center;color:#858b94;font-size:19px;position:relative;transition:.2s}
.mini-rail a:not(.rail-brand):hover,.mini-rail a.active{color:#fff;background:rgba(255,255,255,.06)}
.mini-rail a.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#fff}
.rail-bottom{margin-top:auto;width:100%;padding-bottom:8px;border-top:1px solid rgba(255,255,255,.06)}

/* Floating sidebar */
.sidebar{inset:10px auto 10px 62px;width:230px;height:calc(100vh - 20px);padding:0 10px 12px;background:#f4f7f6;border:0;border-radius:var(--radius);box-shadow:none;overflow-y:auto;scrollbar-width:none;z-index:40}
.sidebar::-webkit-scrollbar{width:0}
.brand{min-height:64px;padding:0 10px;border-bottom:1px solid #e5e9e8;gap:10px}
.brand-mark{width:36px;height:36px;border-radius:50%;background:linear-gradient(45deg,#313740,#525a65);box-shadow:0 4px 12px rgba(49,55,64,.22);font-size:16px}
.brand b{font-size:14px;color:#313740}.brand small{color:#90a0a8;font-size:8px;letter-spacing:1.1px}
.profile-mini{margin:14px 0 8px;padding:14px 10px;background:transparent;border-bottom:1px solid #e5e9e8;border-radius:0;text-align:left}
.profile-mini .avatar{width:42px;height:42px;background:#fff;color:#313740;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.profile-mini strong{font-size:11px}.profile-mini small{font-size:9px}.online-dot{left:39px;bottom:14px}
.nav-label{font-size:9px;color:#78909c;letter-spacing:.7px;margin:18px 12px 6px;padding-left:9px;position:relative}
.nav-label:before{content:"--";position:absolute;left:-1px;top:-1px;color:#9aa8ae}
.nav-item{height:43px;padding:0 12px;color:#66747b;font-size:11px;font-weight:500;border-radius:.35rem;margin:2px 0}
.nav-item:hover{background:#e9eeec;color:#22252b}
.nav-item.active{background:linear-gradient(45deg,#313740,#525a65);color:#fff;box-shadow:0 5px 14px rgba(34,37,43,.2);font-weight:700}
.nav-icon{font-size:17px;width:19px}.nav-badge{background:#fff;color:#313740;border-radius:10px;padding:3px 6px}
.sidebar-help{margin-top:20px;background:#fff;color:#313740;border:1px solid #e7ebea;padding:11px}
.sidebar-help>span{border-color:#cfd6d4}.sidebar-help small{color:#90a0a8}

/* Main shell and navbar */
.main-area{margin-left:302px;width:calc(100% - 302px)}
.topbar{height:64px;padding:0 26px;background:#fff;border:0;box-shadow:0 2px 20px rgba(0,0,0,.04)}
.top-search{color:#9aa6ac}.top-search span{font-size:20px}.top-search input{font-size:11px;width:min(360px,30vw)}
.shift-status{background:#f4f7f6;color:#617078;border-radius:4px;padding:8px 12px}
.icon-button,.logout-button{color:#616e75}.user-menu{border-color:#eceff1}.avatar.small{background:#313740;color:#fff}
.page-content{padding:18px 24px 55px;max-width:1700px}
.page-heading{align-items:center;margin:4px 0 22px;padding:2px 0 12px;border-bottom:1px solid #e7ebea}
.eyebrow{color:#90a0a8;font-size:9px;letter-spacing:.8px}
h1{font-size:21px;font-weight:600;letter-spacing:-.25px;margin:6px 0 4px;color:#313740}
.page-heading p,.card-header p{font-size:10px;color:#90a0a8}

/* Buttons and inputs */
.btn{border-radius:30px;padding:10px 18px;font-size:10px;box-shadow:none}
.btn:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,.13)}
.btn-primary{background:#313740;color:#fff;box-shadow:none}
.btn-primary:hover{background:#525a65}
.btn-soft{background:#e9eeec;color:#536168}
.btn-danger{background:#fff;color:#ec3b57;border:1px solid #f4c9d0}
.form-control,.input-icon{border:1px solid #dfe5e3;border-radius:.35rem;background:#fff}
.form-control{height:42px;font-size:11px}
.form-control:focus,.input-icon:focus-within{border-color:#313740;box-shadow:0 0 0 2px rgba(49,55,64,.08)}
.form-check-input:checked{background:#313740}
.search-field{border-color:#dfe5e3;border-radius:.35rem;height:40px}
.filter-bar{padding:16px 20px}

/* Alpino card language */
.card{border:0;border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;transition:box-shadow .2s ease,transform .2s ease}
.card:hover{box-shadow:var(--shadow-hover)}
.card-header{padding:19px 20px;border-bottom:0;background:transparent}
.card-header h3{font-size:14px;font-weight:600;color:#313740}
.card-header h3:before{content:"";display:inline-block;width:3px;height:14px;background:#313740;border-radius:2px;margin-right:8px;vertical-align:-2px}

/* KPI cards mirror main-template/index.html */
.stats-grid{gap:20px;margin-bottom:24px}
.stat-card{min-height:180px;padding:25px 18px;display:block;text-align:center;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);border:0}
.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.stat-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;font-size:27px;background:transparent!important}
.purple .stat-icon{color:#ffc323}.teal .stat-icon{color:#60bafd}.amber .stat-icon{color:#313740}.blue .stat-icon{color:#50d38a}
.stat-meta>span{font-size:10px;color:#617078;letter-spacing:0;text-transform:none;font-weight:500}
.stat-meta strong{font-size:23px;font-weight:700;color:#313740;margin:8px 0 6px}
.stat-meta small{font-size:9px}.stat-meta small i{font-style:normal}
.sparkline,.stat-orbit,.mini-link,.tiny-dots{display:none}

.dashboard-grid{gap:22px}.revenue-card,.top-products,.recent-card{overflow:hidden}
.bar-chart{height:190px;padding:15px 25px 0}
.bar{background:linear-gradient(180deg,#525a65,#313740);border-radius:3px 3px 0 0}
.bar-item span{color:#90a0a8}.bar-value{background:#22252b}
.payment-split{border-top:1px solid #edf0ef}.method-dot.cash{background:#313740}.method-dot.pay2s{background:#49c5b6}
.rank-list{padding-bottom:12px}.rank-item{border-color:#edf0ef}.product-thumb{background:#eceeef;color:#313740;border-radius:50%}

/* Tables, badges and data pages */
table{background:#fff}th{background:#fafbfb;color:#90a0a8;border-color:#edf0ef;font-size:8px}td{border-color:#edf0ef;color:#5d696f;font-size:10px}
tbody tr{transition:background .15s}tbody tr:hover{background:#fafcfc}
.order-code{color:#313740}.pay-method.cash{background:#eceeef;color:#313740}.pay-method.pay2s{background:#dff6f2;color:#249e91}
.status{border-radius:3px;padding:5px 8px}.status-paid{background:#e5f8ed;color:#2a9c60}.status-pending_payment{background:#fff4d7;color:#b98100}.status-cancelled,.status-payment_failed,.status-expired{background:#fde9ed;color:#d43653}
.category-card,.product-card,.metric-card{border:0;box-shadow:var(--shadow);border-radius:var(--radius)}
.category-card:hover,.product-card:hover{border-color:transparent;box-shadow:var(--shadow-hover)}
.category-symbol{background:#eceeef;color:#313740}

/* POS */
.pos-toolbar,.cart-panel{border-radius:var(--radius);box-shadow:var(--shadow)}
.category-tabs button{border-radius:30px}.category-tabs button.active{background:#313740}
.product-card strong{color:#313740}.product-visual i{color:#313740;border-radius:50%}
.cart-title button{border-radius:50%}.cart-sheet-toggle{display:flex;min-width:0;flex:1;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:inherit;text-align:left}.cart-sheet-summary{display:none}.cart-sheet-backdrop{display:none}.grand-total strong{color:#313740}
.payment-methods button{border-radius:.35rem}.payment-methods button.active{border-color:#313740;background:#f0f2f2;color:#313740}
.modal-card{border-radius:var(--radius)}.modal-icon,.modal-icon.pay2s{background:#eceeef;color:#313740}.success-check{border-radius:50%}
.pos-header-actions{display:flex;align-items:center;gap:16px}.held-trigger{display:flex;align-items:center;gap:8px}.held-trigger span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#313740;color:#fff;font-size:10px}
.pending-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.held-modal-card{width:min(680px,calc(100vw - 30px));text-align:left}.held-heading{padding-right:34px;margin-bottom:15px}.held-heading h2{margin:5px 0}.held-heading p{color:var(--muted);font-size:11px}.held-orders-list{display:grid;gap:10px;max-height:60vh;overflow:auto}.held-order{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fafbfb}.held-order>div:first-child{display:grid;gap:4px;min-width:0}.held-order b{color:#313740}.held-order small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#617078}.held-order span{font-size:10px;color:#90a0a8}.held-order-actions{display:flex;gap:7px}.held-order-actions .btn{padding:8px 12px}.held-empty{padding:28px;text-align:center;color:#90a0a8;background:#f7f9f8;border-radius:var(--radius)}

/* POS viewport layout: only the product list and cart lines scroll. */
body.pos-page{overflow:hidden}
body.pos-page .page-content{height:calc(100vh - 64px);max-width:none;padding:12px 18px;overflow:hidden}
body.pos-page .pos-header{height:48px;margin:0 0 10px}
body.pos-page .pos-header h1{font-size:24px;margin-top:3px}
body.pos-page .pos-clock b{font-size:20px}
body.pos-page .pos-clock span,body.pos-page .eyebrow{font-size:12px}
body.pos-page .pos-layout{height:calc(100% - 58px);margin:0;grid-template-columns:minmax(0,1fr) 390px;gap:14px;min-height:0}
body.pos-page .pos-catalog{display:flex;min-height:0;flex-direction:column}
body.pos-page .pos-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px;padding:10px 12px;margin-bottom:10px;flex:none}
body.pos-page .pos-toolbar .search-field{height:42px;margin:0;font-size:16px}
body.pos-page .search-field input{font-size:14px}
body.pos-page .category-tabs button{padding:9px 15px;font-size:13px}
body.pos-page .product-grid{flex:1;min-height:0;overflow-y:auto;align-content:start;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:2px 4px 8px 2px}
body.pos-page .product-visual{height:clamp(64px,10vh,92px);font-size:30px}
body.pos-page .product-card>div:last-child{padding:10px 12px}
body.pos-page .product-card b{font-size:15px;line-height:1.3}
body.pos-page .product-card small{font-size:12px;margin:3px 0 5px}
body.pos-page .product-card strong{font-size:15px}
body.pos-page .cart-panel{position:static;top:auto;height:100%;min-height:0;padding:14px;overflow:hidden}
body.pos-page .cart-title{padding-bottom:9px}
body.pos-page .cart-title h2{font-size:18px}
body.pos-page .cart-title span{font-size:12px}
body.pos-page .cart-items{min-height:0}
body.pos-page .cart-empty{padding:22px 15px}
body.pos-page .cart-empty h3{font-size:14px}
body.pos-page .cart-empty p{font-size:12px}
body.pos-page .cart-item{padding:8px 0}
body.pos-page .cart-item-main b{font-size:14px}
body.pos-page .cart-item-main small,body.pos-page .cart-item-note{font-size:12px}
body.pos-page .qty-controls button{width:28px;height:28px;font-size:16px}
body.pos-page .qty-controls span{font-size:13px}
body.pos-page .cart-note textarea{height:38px;font-size:12px}
body.pos-page .cart-totals{padding:5px 0}
body.pos-page .cart-totals>div{padding:3px 0;font-size:13px}
body.pos-page .cart-totals .grand-total{padding-top:7px}
body.pos-page .grand-total strong{font-size:20px}
body.pos-page .payment-methods>span{font-size:12px}
body.pos-page .payment-methods>div{margin:5px 0 8px}
body.pos-page .payment-methods button{padding:8px 10px}
body.pos-page .payment-methods b{font-size:13px}
body.pos-page .checkout-btn{min-height:48px;padding:12px 16px;font-size:15px}
body.pos-page .order-actions{display:grid;grid-template-columns:minmax(105px,.75fr) minmax(170px,1.25fr);gap:8px}
body.pos-page .order-actions .btn{min-height:48px;padding:11px 13px;font-size:14px}
.status-draft{background:#e8f0ff;color:#3568b8}
.order-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.order-row-actions form{margin:0}
.orders-mobile-list{display:none}
.danger-zone{margin-top:18px;padding-top:16px;border-top:1px solid #f1d8dc}.danger-zone p{margin:0 0 12px;color:#8a6369;font-size:11px;line-height:1.55}
body.pos-page .modal-card{font-size:14px}
body.pos-page .modal-card h2{font-size:21px}
body.pos-page .modal-card p,body.pos-page .payment-code,body.pos-page .waiting-pill,body.pos-page .modal-card label{font-size:12px}
body.pos-page .pos-feedback{position:fixed;top:74px;right:18px;z-index:90;max-width:520px;box-shadow:0 8px 30px #0002}
body.pos-page .pos-debug{position:fixed;z-index:91;top:130px;right:18px;width:min(620px,calc(100vw - 36px));max-height:70vh;overflow:auto;background:#fff}

/* Settings */
.settings-stack{max-width:980px}.settings-section{padding:22px}.settings-icon{border-radius:50%;background:#eceeef;color:#313740}.settings-icon.pay2s{background:#e1f6f2;color:#249e91}.settings-icon.bank{background:#e7f3fb;color:#328dc5}
.settings-intro{border-color:#edf0ef}.callback-grid>div{background:#f7f9f8;border-color:#edf0ef;border-radius:.35rem}.callback-grid button{background:#e5e9e8;color:#313740}
.security-note{background:#f0f2f2;color:#313740;border-radius:.35rem}.sticky-settings-actions{border-radius:var(--radius);box-shadow:0 5px 20px rgba(0,0,0,.08)}
.seller-settings,.staff-form{max-width:980px}
.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 18px;border:1px solid #e3e8e6;border-radius:10px;background:#f8faf9;cursor:pointer}
.setting-toggle span{display:grid;gap:5px}.setting-toggle b{font-size:13px;color:#313740}.setting-toggle small{font-size:11px;color:#78909c;line-height:1.5}.setting-toggle .form-check-input{flex:none;margin:0}
.setting-toggle.compact{margin-top:5px}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.permission-option{display:flex;align-items:center;gap:11px;min-height:52px;padding:12px 14px;border:1px solid #e3e8e6;border-radius:9px;background:#fafbfb;cursor:pointer}
.permission-option:has(input:checked){border-color:#313740;background:#f0f2f2}.permission-option input{flex:none}.permission-option b{font-size:12px;color:#313740}
.staff-card{overflow:hidden}.staff-table{min-width:980px}.staff-identity{display:flex;align-items:center;gap:9px}.staff-identity>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eceeef;color:#313740;font-weight:800}.staff-identity b{font-size:11px;color:#313740}
.permission-summary{display:flex;flex-wrap:wrap;gap:5px;max-width:290px}.permission-summary span{padding:4px 7px;border-radius:20px;background:#edf1ef;color:#56636a;font-size:9px;font-weight:700}
.nav-subitem{margin-left:13px;width:calc(100% - 13px);font-size:11px}.nav-subitem .nav-icon{width:25px;height:25px;font-size:13px}

/* Cashbook and household/business finance */
.finance-heading .form-control{width:155px}.finance-stats .metric-card{min-height:128px}.finance-stats .metric-card.cash{border-top:3px solid #313740}.finance-stats .metric-card.income{border-top:3px solid #2cab75}.finance-stats .metric-card.expense{border-top:3px solid #e25b65}.finance-stats .metric-card.net{border-top:3px solid #3a8fd8}
.finance-main-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);gap:20px;margin-bottom:20px}.finance-cash-card,.finance-entry-card{overflow:hidden}.cash-breakdown{padding:0 22px 17px}.cash-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #edf0ef;font-size:11px}.cash-breakdown .cash-total{padding:13px 0}.cash-breakdown .cash-total strong{font-size:20px;color:#313740}.positive{color:#209b63!important}.negative{color:#d94256!important}.cash-form,.finance-entry-form{padding:18px 22px;background:#f8faf9;border-top:1px solid #edf0ef}.cash-form .form-group:last-of-type{margin-bottom:12px}
.quick-target{box-shadow:0 0 0 3px rgba(49,55,64,.13),var(--shadow-hover)}
.finance-history-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.finance-ledger{overflow:hidden}.finance-ledger table{min-width:920px}.finance-kind{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800}.finance-kind.income{background:#e5f8ed;color:#209b63}.finance-kind.expense{background:#fde9ed;color:#d94256}.finance-delete{width:26px;height:26px;border:0;border-radius:50%;background:#fde9ed;color:#d94256;cursor:pointer}.category-summary{height:max-content;overflow:hidden}.category-total-list{padding:0 20px 18px}.category-total-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ef;font-size:10px}.category-total-list span{display:flex;align-items:center;gap:7px}.category-total-list i,.finance-category-list i{width:9px;height:9px;border-radius:50%;background:#2cab75}.category-total-list i.expense,.finance-category-list i.expense{background:#e25b65}.category-total-list b{font-size:11px;color:#313740}
.finance-category-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.finance-category-form{height:max-content}.finance-category-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.category-list-card{overflow:hidden;height:max-content}.finance-category-list{padding:0 20px 16px}.finance-category-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0ef}.finance-category-list>div.inactive{opacity:.48}.finance-category-list span{display:flex;align-items:center;gap:9px}.finance-category-list span small{font-size:8px;color:#8b969c}.finance-category-list b{font-size:11px}.finance-category-list button{width:27px;height:27px;border:0;border-radius:50%;background:#f1f3f2;color:#7b878c;cursor:pointer}
.market-stats{grid-template-columns:repeat(3,1fr)}.market-stats .shop{border-top:3px solid #27a66f}.market-stats .home{border-top:3px solid #3a8fd8}.market-stats .other{border-top:3px solid #d99a35}
.market-entry-grid{display:grid;grid-template-columns:minmax(450px,1.25fr) minmax(320px,.75fr);gap:20px;margin-bottom:20px}.market-rules{height:max-content;overflow:hidden}.market-rule-list{display:grid;gap:9px;padding:18px 22px}.market-rule-list>div{display:grid;gap:5px;padding:12px;border-radius:9px;background:#f7f9f8}.market-rule-list code{font-size:11px;font-weight:800;color:#313740}.market-rule-list span{font-size:10px;color:#718087;line-height:1.45}.expense-account{display:grid;gap:5px;margin:0 22px 15px;padding:14px;border:1px solid #e3e8e6;border-radius:9px}.expense-account>span{font-size:8px;font-weight:800;color:#90a0a8;letter-spacing:.7px}.expense-account b{font-size:12px}.expense-account small{font-size:9px;color:#718087}.market-rules>.btn{margin:0 22px 20px;width:calc(100% - 44px)}
.market-ledger{margin-bottom:20px;overflow:hidden}.market-ledger table{min-width:960px}.market-purpose{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800}.market-purpose.shop{background:#e5f8ed;color:#209b63}.market-purpose.home{background:#e9f3ff;color:#3681c8}.market-purpose.other{background:#fff3e4;color:#c67b27}.bank-activity{overflow:hidden}.bank-activity table{min-width:820px}
.market-mobile-list,.bank-mobile-list{display:none}.bank-classify-form{display:flex;align-items:center;gap:5px;margin:0}.classify-btn{min-height:30px;padding:5px 9px;border:0;border-radius:7px;font-size:9px;font-weight:800;cursor:pointer}.classify-btn.shop{background:#e5f8ed;color:#188753}.classify-btn.home{background:#e9f3ff;color:#2d72b0}.classify-btn.other{background:#fff3e4;color:#a96920}

/* Fast market entry and global finance shortcuts */
.market-quick-page{width:min(700px,100%);margin:18px auto 0}.market-quick-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.market-quick-heading h1{font-size:28px;margin:7px 0 3px}.market-quick-heading p{margin:0;color:#78909c;font-size:12px}.market-quick-card{overflow:hidden}.market-quick-form{display:grid;gap:16px;padding:25px}.quick-field{display:grid;gap:7px}.quick-field label{font-size:11px;font-weight:800;color:#526169}.quick-field label small{font-size:9px;font-weight:500;color:#99a5aa}.quick-field .form-control{height:48px;font-size:14px}.item-field .form-control{height:56px;font-size:17px;font-weight:700}.quick-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.money-input{position:relative}.money-input .form-control{height:64px;padding-right:52px;font-size:28px;font-weight:800;color:#22252b}.money-input>span{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:800;color:#90a0a8}.market-save-button{min-height:56px;margin-top:2px;font-size:14px;font-weight:800}.market-save-button span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:50%;background:#fff;color:#313740}.market-rules-horizontal{margin-bottom:20px;overflow:hidden}.market-rule-summary{display:grid;grid-template-columns:1fr 1fr minmax(230px,1.3fr) auto;align-items:center;gap:12px;padding:0 20px 20px}.market-rule-summary>div{display:grid;gap:4px;padding:12px;border-radius:8px;background:#f7f9f8}.market-rule-summary code{font-size:11px;font-weight:800}.market-rule-summary span,.market-rule-summary small{font-size:9px;color:#718087}.expense-account-inline b{font-size:11px;color:#313740}
.mobile-bottom-nav{display:none}.quick-actions{position:fixed;right:24px;bottom:24px;z-index:85}.quick-actions-fab{width:56px;height:56px;border:0;border-radius:50%;background:#313740;color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(34,37,43,.32);transition:transform .2s,background .2s}.quick-actions.open .quick-actions-fab{transform:rotate(45deg);background:#ec3b57}.quick-actions-menu{position:absolute;right:0;bottom:70px;width:330px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);transform-origin:bottom right;transition:.2s}.quick-actions.open .quick-actions-menu{opacity:1;visibility:visible;transform:none}.quick-actions-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.quick-actions-title>div{display:grid;gap:4px}.quick-actions-title span{font-size:8px;font-weight:800;letter-spacing:.8px;color:#90a0a8}.quick-actions-title b{font-size:15px;color:#313740}.quick-actions-title button{width:30px;height:30px;border:0;border-radius:50%;background:#f0f2f2;color:#617078;font-size:20px;cursor:pointer}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-action{display:flex;align-items:center;gap:10px;min-height:72px;padding:11px;border:1px solid #e7ebea;border-radius:10px;background:#fafbfb;color:#313740}.quick-action:hover{border-color:#bfc7c4;background:#fff;box-shadow:0 5px 14px rgba(0,0,0,.08)}.quick-action i{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#eceeef;font-size:17px;font-style:normal}.quick-action span{display:grid;gap:3px}.quick-action b{font-size:11px}.quick-action small{font-size:8px;color:#78909c}.quick-action.market i{background:#e5f8ed;color:#209b63}.quick-action.inventory i{background:#fff3e4;color:#c67b27}.quick-action.income i{background:#e5f8ed;color:#209b63}.quick-action.expense i{background:#fde9ed;color:#d94256}.quick-action.cash i{background:#e9f3ff;color:#3681c8}.quick-ledger-link{display:flex;justify-content:space-between;margin-top:11px;padding:11px 4px 2px;color:#526169;font-size:10px;font-weight:800}.quick-actions-backdrop{display:none}.hidden{display:none!important}
.inventory-stats{grid-template-columns:repeat(4,1fr)}.inventory-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr);gap:20px;margin-bottom:20px}.recipe-layout{grid-template-columns:340px minmax(0,1fr)}.inventory-stock-card,.inventory-form-card,.recipe-card{height:max-content;overflow:hidden}.inventory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 20px 20px}.inventory-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #e7ebea;border-radius:9px;background:#fafbfb}.inventory-row.low{border-color:#f0bdc6;background:#fff7f8}.inventory-row>div{display:grid;gap:4px}.inventory-row b{font-size:11px;color:#313740}.inventory-row small{font-size:8px;color:#78909c}.inventory-row>strong{font-size:17px;white-space:nowrap}.inventory-form{padding:0 20px 20px}.recipe-list{display:grid;gap:10px;padding:0 20px 20px}.recipe-product{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:12px;border-bottom:1px solid #edf0ef}.recipe-product>b{font-size:12px;color:#313740}.recipe-product>div{display:flex;flex-wrap:wrap;gap:6px}.recipe-product span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:20px;background:#f0f2f2;font-size:9px}.recipe-product form{display:inline}.recipe-product button{width:18px;height:18px;border:0;border-radius:50%;background:#fff;color:#d94256;cursor:pointer}.weekly-profit-card,.inventory-movements-card{margin-bottom:20px;overflow:hidden}.weekly-profit-card table,.inventory-movements-card table{min-width:680px}

/* Forms, detail and reports */
.form-card{padding:24px}.detail-meta,.metric-card{border:0}.metric-card>span{color:#78909c}.metric-card strong{color:#313740}
.toast{border-radius:.35rem}.toast-success{background:#3cb979}.form-alert{border-radius:.35rem}.form-alert.success{background:#e5f8ed}

/* Authentication follows Alpino theme-black */
.auth-art{background:linear-gradient(45deg,#22252b,#525a65)}
.auth-art:before,.auth-art:after{border-color:rgba(255,255,255,.035)}
.auth-logo{color:#313740;border-radius:50%}.auth-copy h1 em{color:#cdd2d5}
.auth-form-wrap{background:#f4f7f6}.auth-form{background:#fff;padding:30px;border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.18)}
.auth-form .brand-mark{background:#313740}.auth-form .eyebrow{color:#78909c}

@media(max-width:1180px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .product-grid{grid-template-columns:repeat(3,1fr)}
}

.quick-action.quick-sale i{background:#313740;color:#fff}
.table-subline{display:block;margin-top:4px;color:#90a0a8;font-size:9px}

@media(max-width:850px){
  html{-webkit-text-size-adjust:100%}
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),select,textarea{font-size:16px!important}
  .mini-rail{display:none}
  .sidebar{inset:0 auto 0 0;width:272px;height:100vh;border-radius:0;padding:0 16px;transform:translateX(-100%);box-shadow:0 15px 45px rgba(0,0,0,.2)}
  .sidebar.open{transform:translateX(0)}
  .main-area{margin-left:0;width:100%}
  .topbar{padding:0 16px}.page-content{padding:18px 16px 96px}
  .dashboard-grid,.detail-grid{grid-template-columns:1fr}
  .finance-main-grid,.finance-history-grid,.finance-category-layout,.market-entry-grid{grid-template-columns:1fr}.finance-category-columns{grid-template-columns:1fr 1fr}.market-stats{grid-template-columns:repeat(3,1fr)}
  body.pos-page .page-content{height:calc(100vh - 130px);height:calc(100dvh - 130px);min-height:0;padding:8px 10px;overflow:hidden}
  body.pos-page .pos-header{height:42px;margin-bottom:7px}
  body.pos-page .pos-header h1{font-size:20px}
  body.pos-page .pos-clock{display:none}
  body.pos-page .pos-layout{display:block;height:calc(100% - 49px);margin:0}
  body.pos-page .pos-catalog{height:100%;overflow:hidden;padding-bottom:62px}
  body.pos-page .pos-toolbar{grid-template-columns:1fr;padding:7px 8px;gap:6px;margin-bottom:7px}
  body.pos-page .pos-toolbar .search-field{height:34px}
  body.pos-page .category-tabs button{padding:7px 12px;font-size:12px}
  body.pos-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;padding-bottom:72px}
  body.pos-page .product-card{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:minmax(86px,auto);width:100%;min-height:86px;height:auto;align-self:start}
  body.pos-page .product-visual{width:54px;height:100%;min-height:86px;font-size:23px}
  body.pos-page .product-visual i{width:25px;height:25px;right:4px;bottom:5px}
  body.pos-page .product-card>div:last-child{display:flex;min-width:0;padding:9px 8px;flex-direction:column;justify-content:center;align-items:flex-start}
  body.pos-page .product-card b{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  body.pos-page .product-card small{font-size:10px;line-height:1.2;margin:3px 0 5px}
  body.pos-page .product-card strong{font-size:13px;line-height:1.2;white-space:nowrap}
  body.pos-page .cart-panel{position:fixed;inset:auto 10px 66px;height:58px;min-height:0;padding:8px 11px;overflow:hidden;z-index:75;border:1px solid #dde3e1;box-shadow:0 -7px 24px rgba(28,34,37,.16);transition:height .26s ease,bottom .26s ease,border-radius .26s ease}
  body.pos-page .cart-panel.mobile-open{inset:auto 0 0;height:calc(100vh - 8px);height:calc(100dvh - 8px);z-index:96;padding:14px 13px max(12px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -16px 50px rgba(18,22,24,.3)}
  body.pos-page .cart-title{min-height:40px;padding:0;border-bottom:0}
  body.pos-page .cart-panel.mobile-open .cart-title{padding-bottom:9px;border-bottom:1px solid var(--line)}
  body.pos-page .cart-sheet-toggle{cursor:pointer;touch-action:manipulation}
  body.pos-page .cart-sheet-summary{display:grid;justify-items:end;gap:2px;margin-left:auto;margin-right:8px}
  body.pos-page .cart-sheet-summary strong{font-size:15px;color:#313740;white-space:nowrap}
  body.pos-page .cart-sheet-summary small{font-size:8px;color:#78909c;white-space:nowrap}
  body.pos-page .cart-panel:not(.mobile-open) #clear-cart{display:none}
  body.pos-page .cart-sheet-backdrop{position:fixed;inset:0;z-index:95;display:block;border:0;background:rgba(18,22,24,.4);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
  body.pos-page.cart-sheet-open .cart-sheet-backdrop{opacity:1;visibility:visible}
  body.pos-page .cart-title h2{font-size:17px}
  body.pos-page .cart-empty{padding:10px}
  body.pos-page .cart-empty>div{font-size:24px}
  body.pos-page .cart-items{flex:1 1 160px;min-height:140px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;border-bottom:1px solid #edf0ef;padding-right:3px}
  body.pos-page .cart-panel:not(.mobile-open) .cart-items,body.pos-page .cart-panel:not(.mobile-open) .cart-note,body.pos-page .cart-panel:not(.mobile-open) .cart-totals,body.pos-page .cart-panel:not(.mobile-open) .payment-methods,body.pos-page .cart-panel:not(.mobile-open) .order-actions{visibility:hidden}
  body.pos-page .cart-item{min-height:70px;padding:8px 0}
  body.pos-page .cart-item-main{min-height:34px}
  body.pos-page .qty-controls{gap:7px}
  body.pos-page .qty-controls button{width:34px;height:34px;font-size:18px;touch-action:manipulation}
  body.pos-page .qty-controls span{width:18px;font-size:14px}
  body.pos-page .cart-item-note{margin-top:3px;padding:4px 7px}
  body.pos-page .cart-note textarea{height:32px;padding:6px 8px}
  body.pos-page .cart-totals{padding:2px 0}
  body.pos-page .payment-methods>div{margin:3px 0 5px}
  body.pos-page .payment-methods button{padding:6px 8px}
  body.pos-page .checkout-btn{min-height:42px;padding:9px 13px}
  body.pos-page .order-actions{position:relative;z-index:2;flex:none;grid-template-columns:minmax(96px,.72fr) minmax(150px,1.28fr);gap:6px;padding:8px 0 2px;background:#fff}
  body.pos-page .order-actions .btn{min-height:42px;padding:8px 9px;font-size:12px}
  body.pos-page .quick-actions{display:none}
  .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:80;height:66px;display:flex;align-items:stretch;justify-content:space-around;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border-top:1px solid #e5e9e8;box-shadow:0 -5px 20px rgba(0,0,0,.07);backdrop-filter:blur(10px)}.mobile-bottom-nav a{display:flex;min-width:55px;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7b878c}.mobile-bottom-nav a>span{font-size:20px;line-height:1}.mobile-bottom-nav a>small{font-size:8px;font-weight:700}.mobile-bottom-nav a.active{color:#22252b}.mobile-bottom-nav .quick-sale-nav-item>span{width:34px;height:30px;display:grid;place-items:center;border-radius:12px;background:#313740;color:#fff;font-size:22px}.mobile-bottom-nav .quick-sale-nav-item>small{max-width:72px;line-height:1.05;text-align:center}.quick-actions{right:16px;bottom:82px}.quick-actions-fab{width:52px;height:52px}.quick-actions-menu{position:fixed;right:12px;bottom:145px;width:calc(100vw - 24px);max-width:390px}.quick-actions-backdrop{position:fixed;inset:0;z-index:-1;border:0;background:rgba(18,22,24,.38);opacity:0;visibility:hidden;display:block;transition:.2s}.quick-actions.open .quick-actions-backdrop{opacity:1;visibility:visible}.market-rule-summary{grid-template-columns:1fr 1fr}.market-rule-summary .expense-account-inline{grid-column:1/-1}
  .pos-mobile-bottom-nav{padding:7px 10px}.pos-mobile-bottom-nav .saved-orders-nav{width:100%;max-width:520px;min-width:0;display:grid;grid-template-columns:32px auto 1fr;align-items:center;justify-content:start;gap:9px;padding:6px 14px;border-radius:12px;background:#313740;color:#fff}.pos-mobile-bottom-nav .saved-orders-nav>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.12);font-size:20px}.pos-mobile-bottom-nav .saved-orders-nav>small{font-size:11px;font-weight:800}.pos-mobile-bottom-nav .saved-orders-nav>b{justify-self:end;font-size:8px;font-weight:600;color:#c8cfcc}
  .inventory-stats{grid-template-columns:repeat(2,1fr)}.inventory-layout,.recipe-layout{grid-template-columns:1fr}.inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-desktop-table,.bank-desktop-table{display:none}.market-mobile-list,.bank-mobile-list{display:grid;padding:0 10px 10px}.market-mobile-card,.bank-mobile-card{padding:12px 10px;border-top:1px solid #edf0ef}.market-mobile-main,.bank-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.market-mobile-main>div{min-width:0}.market-mobile-main b{display:block;overflow:hidden;color:#313740;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.market-mobile-main small,.bank-mobile-card>small{display:block;margin-top:4px;color:#87949a;font-size:9px}.market-mobile-main strong,.bank-mobile-head strong{flex:none;color:#313740;font-size:13px;white-space:nowrap}.market-mobile-meta{display:flex;align-items:center;gap:6px;margin-top:9px;color:#718087;font-size:9px}.market-mobile-meta form{margin-left:auto}.bank-mobile-list{gap:8px;padding:0 10px 12px}.bank-mobile-card{border:1px solid #e7ebea;border-radius:10px;background:#fafbfb}.bank-mobile-head span{color:#78909c;font-size:9px}.bank-mobile-head strong{color:#d94256}.bank-mobile-content{display:block;margin-top:8px;color:#313740;font-size:11px;line-height:1.45}.bank-mobile-card>.status{margin-top:9px}.bank-mobile-card .bank-classify-form{display:grid;grid-template-columns:auto repeat(3,1fr);gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #e4e9e7}.bank-mobile-card .bank-classify-form>span{align-self:center;color:#78909c;font-size:9px;font-weight:700}.bank-mobile-card .classify-btn{min-height:36px;font-size:10px}
  .orders-desktop-table{display:none}.orders-mobile-list{display:grid;gap:7px;padding:8px}.mobile-order-card{overflow:hidden;border:1px solid #e7ebea;border-radius:10px;background:#fff}.mobile-order-card summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;min-height:70px;padding:8px 10px;cursor:pointer;list-style:none;touch-action:manipulation}.mobile-order-card summary::-webkit-details-marker{display:none}.mobile-order-primary,.mobile-order-glance{display:grid;gap:3px;min-width:0}.mobile-order-primary b{overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#313740}.mobile-order-primary small{font-size:8px;color:#78909c}.mobile-order-primary .mobile-order-items{display:block;overflow:hidden;color:#526169;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mobile-order-glance{justify-items:end}.mobile-order-glance strong{font-size:13px;color:#313740;white-space:nowrap}.mobile-order-glance .status{font-size:7px}.mobile-order-card summary>i{font-size:17px;font-style:normal;color:#90a0a8;transition:transform .2s}.mobile-order-card[open] summary>i{transform:rotate(180deg)}.mobile-order-card[open] summary{background:#f7f9f8;border-bottom:1px solid #e7ebea}.mobile-order-details{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.mobile-order-details>div{display:grid;gap:3px;padding:8px;border-radius:7px;background:#f7f9f8}.mobile-order-details>div:last-child{grid-column:1/-1}.mobile-order-details span{font-size:7px;font-weight:700;color:#90a0a8;text-transform:uppercase}.mobile-order-details b{font-size:10px;color:#42494d}.mobile-order-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 10px}.mobile-order-actions .btn{min-height:38px;flex:1;padding:8px 10px}.mobile-order-actions form{display:flex;flex:0 0 auto;margin:0}.mobile-order-actions form .btn{width:100%}
}

@media(max-width:560px){
  .stats-grid,.report-stats{grid-template-columns:1fr}
  .stat-card{min-height:160px}
  .page-heading{align-items:flex-start}.page-heading p{display:block}
  .auth-form{padding:24px}
  body.pos-page .product-card{grid-template-rows:minmax(76px,auto);min-height:76px}
  body.pos-page .product-visual{min-height:76px}
  body.pos-page .cart-items{min-height:155px}
  .pos-header-actions{gap:8px}.held-trigger{padding:8px 10px}.held-order{grid-template-columns:1fr auto}.held-order-actions{grid-column:1/-1}.pending-actions{grid-template-columns:1fr}
  .permission-grid{grid-template-columns:1fr}.setting-toggle{align-items:flex-start;padding:14px}.staff-form .form-grid{grid-template-columns:1fr}
  .finance-heading .heading-actions{width:100%;flex-wrap:wrap}.finance-heading .heading-actions form,.finance-heading .form-control{width:100%}.finance-category-columns{grid-template-columns:1fr}.finance-entry-form .form-grid{grid-template-columns:1fr}.finance-entry-form .span-2{grid-column:span 1}.market-stats{grid-template-columns:1fr}
  .market-quick-page{margin-top:0}.market-quick-heading{align-items:flex-start}.market-quick-heading h1{font-size:23px}.market-quick-heading p{display:block}.market-quick-card{margin:0 -5px}.market-quick-form{gap:13px;padding:18px 15px}.quick-fields-row{grid-template-columns:1fr}.quick-field .form-control{height:50px;font-size:16px}.money-input .form-control{height:62px;font-size:27px}.market-save-button{position:sticky;bottom:73px;z-index:2}.market-rule-summary{grid-template-columns:1fr}.market-rule-summary .expense-account-inline{grid-column:auto}.quick-actions-grid{grid-template-columns:1fr 1fr}
  .inventory-stats,.inventory-list{grid-template-columns:1fr}.recipe-product{grid-template-columns:1fr}.market-quick-heading{flex-wrap:wrap}.market-quick-heading .heading-actions{display:flex;width:100%}
  .orders-filter{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.orders-filter .search-field{grid-column:1/-1;max-width:none;width:100%}.orders-filter .form-control{width:100%;min-width:0}.orders-filter>.btn{grid-column:1/-1;min-height:40px}.mobile-order-card summary{min-height:68px}
}

/* POS interaction states */
.checkout-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
    box-shadow: none;
    transform: none;
}

.pos-feedback {
    margin: 0 0 16px;
    padding: 12px 15px;
    border: 1px solid #c7d2fe;
    border-radius: 10px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 14px;
    font-weight: 600;
}

/* Fast order payment and cash denomination selection */
.serving-orders-trigger{display:flex;align-items:center;gap:8px}.serving-orders-trigger span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#313740;color:#fff;font-size:10px}
.cash-denomination-help{margin:8px 0 10px;color:#78909c;font-size:10px!important}.cash-denomination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.cash-denomination-grid button{min-height:40px;border:1px solid #dfe6e3;border-radius:8px;background:#f7f9f8;color:#313740;font-size:12px;font-weight:800;cursor:pointer}.cash-denomination-grid button:hover,.cash-denomination-grid button:focus{border-color:#313740;background:#eef2f1}.cash-selected-row{display:flex;align-items:center;gap:10px;margin:8px 0 12px;padding:10px 12px;border-radius:8px;background:#f7f9f8}.cash-selected-row span{color:#78909c;font-size:11px}.cash-selected-row strong{margin-left:auto;color:#313740;font-size:16px}.cash-selected-row button{border:0;background:transparent;color:#d94256;font-size:10px;font-weight:800;cursor:pointer}.order-payment-card{width:min(520px,calc(100vw - 30px));text-align:left}.order-payment-card h2,.order-payment-card>div>h2{margin-top:5px}.order-payment-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.order-payment-step-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px}.order-payment-modal .pos-feedback{margin-top:14px}.finance-mobile-list{display:none}.finance-mobile-card{position:relative;display:grid;gap:7px;padding:13px 12px;border:1px solid #e7ebea;border-radius:10px;background:#fafbfb}.finance-mobile-card .finance-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.finance-mobile-card .finance-mobile-head strong{white-space:nowrap;font-size:13px}.finance-mobile-card>b{font-size:12px;color:#313740}.finance-mobile-card small{color:#78909c;font-size:9px}.finance-mobile-card p{margin:0;color:#526169;font-size:10px;line-height:1.4}.finance-mobile-card form{position:absolute;right:10px;bottom:10px}.finance-mobile-card form button{width:28px;height:28px}.weekly-mobile-card{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.weekly-mobile-card small{grid-column:1}.weekly-mobile-card .weekly-balance{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:14px}

@media(max-width:850px){
  .finance-desktop-table{display:none!important}.finance-mobile-list{display:grid;gap:8px;padding:0 10px 12px}.finance-history-grid{gap:12px}.weekly-profit-card .finance-mobile-list{padding-top:0}.order-payment-choice-grid{grid-template-columns:1fr}.order-payment-card{max-height:calc(100dvh - 30px);overflow-y:auto}.pos-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.serving-orders-trigger,.held-trigger{padding:7px 8px;font-size:10px}.serving-orders-trigger span,.held-trigger span{min-width:19px;height:19px}
}

.pos-feedback.success {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}

.pos-feedback.warning {
    border-color: #fde68a;
    background: #fffbeb;
    color: #b45309;
}

.pos-feedback.error {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.pos-debug {
    margin: -6px 0 16px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fff;
    color: #7f1d1d;
    font-size: 12px;
}

.pos-debug summary {
    padding: 11px 14px;
    cursor: pointer;
    font-weight: 700;
}

.pos-debug pre {
    max-height: 360px;
    margin: 0;
    padding: 14px;
    overflow: auto;
    border-top: 1px solid #fee2e2;
    background: #1f2937;
    color: #e5e7eb;
    font: 12px/1.55 Consolas, monospace;
    white-space: pre-wrap;
    word-break: break-word;
}