/* TeaKadaiPOS Premium Luxury Theme Override */
:root{
  --color-espresso:#24140C;--color-dark-chocolate:#321C10;--color-coffee:#4A2714;--color-walnut:#6B3516;
  --color-copper:#9A521F;--color-caramel:#B86B2A;--color-tan:#D8A86A;--color-soft-gold:#E6C58A;
  --color-navy:#082A5A;--color-royal-blue:#0B4FAE;--color-cobalt:#1267D8;--color-bright-blue:#1E88E5;--color-soft-blue:#EAF3FF;
  --color-bg:#FBF7F0;--color-surface:#FFFDF8;--color-surface-muted:#F3EADF;--color-border:#DED2C4;
  --color-text:#2A1A12;--color-muted:#7A6A5B;--color-success:#047857;--color-success-dark:#064E3B;--color-danger:#B91C1C;
  --shadow-soft:0 8px 24px rgba(74,39,20,.10);--shadow-card:0 14px 35px rgba(74,39,20,.12);
  --shadow-btn-brown:0 8px 18px rgba(74,39,20,.22);--shadow-btn-blue:0 8px 18px rgba(11,79,174,.25);
  --radius-card:16px;--radius-button:14px;--radius-input:12px;
  /* Override old vars */
  --primary:#4A2714;--primary-light:#6B3516;--primary-dark:#321C10;--accent:#B86B2A;--accent-light:#D8A86A;
  --bg:#FBF7F0;--bg-card:#FFFDF8;--bg-sidebar:#24140C;--text:#2A1A12;--text-light:#4A2714;--text-muted:#7A6A5B;
  --success:#047857;--warning:#D97706;--danger:#B91C1C;--info:#0B4FAE;
  --border:#DED2C4;--shadow:var(--shadow-soft);--radius:var(--radius-card);--radius-sm:var(--radius-input);
  font-family:'Inter','Manrope',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{background:linear-gradient(180deg,#FBF7F0 0%,#F3EADF 100%);min-height:100vh;}
/* LOGIN */
.login-page{background:linear-gradient(135deg,#24140C 0%,#4A2714 40%,#6B3516 70%,#9A521F 100%);}
.login-card{border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.35);border:1px solid rgba(230,197,138,.15);}
.login-card h1{color:var(--color-coffee);}
.subtitle{color:var(--color-caramel);}
.demo-creds span{background:var(--color-surface-muted);color:var(--color-coffee);border:1px solid var(--color-border);}
/* BUTTONS */
.btn{border-radius:var(--radius-button);transition:all 180ms ease;font-weight:700;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:linear-gradient(135deg,var(--color-coffee),var(--color-copper));color:#fff;box-shadow:var(--shadow-btn-brown);}
.btn-primary:hover{background:linear-gradient(135deg,#5A2F16,#B05E24);}
.btn-secondary{background:var(--color-surface);color:var(--color-coffee);border:1.5px solid var(--color-border);box-shadow:var(--shadow-soft);}
.btn-secondary:hover{background:var(--color-surface-muted);border-color:var(--color-copper);}
.btn-success{background:linear-gradient(135deg,var(--color-success-dark),var(--color-success));color:#fff;box-shadow:0 8px 20px rgba(4,120,87,.24);}
.btn-success:hover{background:linear-gradient(135deg,#047857,#059669);}
.btn-danger{background:linear-gradient(135deg,#991B1B,#DC2626);color:#fff;box-shadow:0 6px 16px rgba(185,28,28,.22);}
.btn-warning{background:linear-gradient(135deg,#B45309,#D97706);color:#fff;}
/* SIDEBAR */
.sidebar{background:linear-gradient(180deg,#24140C 0%,#321C10 50%,#1A0D07 100%);border-right:1px solid rgba(230,197,138,.08);}
.sidebar-header{border-bottom:1px solid rgba(230,197,138,.12);padding:22px 16px;}
.sidebar-brand h2{color:#FBF7F0;font-size:17px;}.sidebar-brand span{color:var(--color-tan);opacity:.8;}
.sidebar-logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));}
.nav-item{color:rgba(251,247,240,.55);font-weight:500;border-left:3px solid transparent;transition:all 180ms ease;border-radius:0 8px 8px 0;margin:2px 8px 2px 0;padding:11px 20px;}
.nav-item:hover{background:rgba(184,107,42,.12);color:var(--color-tan);}
.nav-item.active{background:linear-gradient(90deg,rgba(184,107,42,.35),rgba(216,168,106,.12));color:#FBF7F0;border-left-color:var(--color-caramel);border:1px solid rgba(230,197,138,.25);border-left:3px solid var(--color-caramel);box-shadow:inset 0 0 12px rgba(184,107,42,.08);}
.nav-icon{color:var(--color-tan);opacity:.7;font-size:18px;}.nav-item.active .nav-icon{opacity:1;}
.nav-logout{border-top:1px solid rgba(230,197,138,.1);}
/* TOPBAR */
.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px rgba(74,39,20,.04);}
.topbar-title{color:var(--color-coffee);font-weight:700;font-size:20px;}
.topbar-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:6px 14px;box-shadow:var(--shadow-soft);}
.stat-label{color:var(--color-muted);font-weight:700;}.stat-value{color:var(--color-coffee);}
.topbar-clock{color:var(--color-muted);font-weight:600;}
.topbar-user span:first-child{color:var(--color-coffee);}.user-role{color:var(--color-cobalt);font-weight:800;}
/* PAGES */
.page-header h2{font-size:24px;color:var(--color-dark-chocolate);font-weight:700;}
.page-actions input,.page-actions select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);transition:all 180ms ease;}
.page-actions input:focus,.page-actions select:focus{border-color:var(--color-cobalt);box-shadow:0 0 0 3px rgba(18,103,216,.14);outline:none;}
/* FORM INPUTS */
.form-group input,.form-group select,.form-group textarea{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);transition:all 180ms ease;}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-muted);}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-cobalt);box-shadow:0 0 0 3px rgba(18,103,216,.14);outline:none;}
.form-group label{color:var(--color-coffee);font-weight:600;}
/* DASHBOARD */
.dash-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border-left:4px solid var(--color-copper);border:1px solid var(--color-border);border-left:4px solid var(--color-copper);transition:all 180ms ease;}
.dash-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(74,39,20,.15);}
.dash-card .card-value{color:var(--color-dark-chocolate);font-size:28px;font-weight:800;}
.dash-card .card-label{color:var(--color-muted);font-weight:700;}
.dash-card.green{border-left-color:var(--color-success);}.dash-card.orange{border-left-color:var(--color-caramel);}
.dash-card.red{border-left-color:var(--color-danger);}.dash-card.blue{border-left-color:var(--color-cobalt);}
.dash-section{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);}
.dash-section h3{color:var(--color-coffee);font-size:16px;border-bottom:1px solid var(--color-border);}
/* BILLING */
.price-btn{background:linear-gradient(135deg,#6B3516 0%,#9A521F 55%,#B86B2A 100%);color:#fff;border-radius:14px;font-weight:800;font-size:22px;box-shadow:var(--shadow-btn-brown);border:1px solid rgba(230,197,138,.15);transition:all 180ms ease;}
.price-btn:hover{background:linear-gradient(135deg,#7A3D19 0%,#B05E24 60%,#D08138 100%);transform:translateY(-2px);box-shadow:0 10px 24px rgba(74,39,20,.3);}
.price-btn:active{transform:translateY(0);box-shadow:0 4px 10px rgba(74,39,20,.2);}
.price-btn.custom{background:linear-gradient(135deg,#082A5A 0%,#0B4FAE 55%,#1267D8 100%);box-shadow:var(--shadow-btn-blue);border:1px solid rgba(18,103,216,.2);}
.price-btn.custom:hover{background:linear-gradient(135deg,#0B3A6E 0%,#1267D8 60%,#1E88E5 100%);}
.billing-search input,.billing-search select{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);transition:all 180ms ease;}
.billing-search input::placeholder{color:var(--color-muted);}
.billing-search input:focus,.billing-search select:focus{border-color:var(--color-cobalt);box-shadow:0 0 0 3px rgba(18,103,216,.14);outline:none;}
.prod-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);transition:all 180ms ease;box-shadow:var(--shadow-soft);}
.prod-card:hover{border-color:var(--color-copper);box-shadow:0 8px 20px rgba(74,39,20,.15);transform:translateY(-2px);}
.prod-card .prod-name{color:var(--color-dark-chocolate);font-weight:700;}.prod-card .prod-price{color:var(--color-walnut);font-weight:800;}
.prod-card .prod-cat{color:var(--color-muted);}
/* CART */
.billing-right{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);}
.cart-header{border-bottom:1px solid var(--color-border);}.cart-header h3{color:var(--color-coffee);font-size:17px;font-weight:700;}
.cart-count{color:var(--color-royal-blue);font-weight:700;}
.empty-cart{color:var(--color-muted);}
.cart-item{border-bottom:1px solid var(--color-border);}.cart-item .ci-name{color:var(--color-dark-chocolate);font-weight:600;}
.cart-item .ci-price{color:var(--color-walnut);font-weight:700;}
.cart-item .ci-qty button{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:6px;color:var(--color-coffee);transition:all 180ms ease;}
.cart-item .ci-qty button:hover{background:var(--color-tan);color:#fff;}
.cart-item .ci-remove{color:var(--color-danger);}
.cart-summary{background:var(--color-surface-muted);border-top:1px solid var(--color-border);}
.summary-row{color:var(--color-muted);}
.summary-row.total{color:var(--color-coffee);font-size:20px;font-weight:800;border-top:2px solid var(--color-border);}
.summary-row.total span:last-child{color:var(--color-walnut);}
.summary-row input{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);}
/* PAYMENT */
.cart-payment input,.cart-payment textarea{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);}
.cart-payment input::placeholder,.cart-payment textarea::placeholder{color:var(--color-muted);}
.cart-payment input:focus,.cart-payment textarea:focus{border-color:var(--color-cobalt);box-shadow:0 0 0 3px rgba(18,103,216,.14);outline:none;}
.pay-btn{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-coffee);border-radius:10px;font-weight:700;transition:all 180ms ease;}
.pay-btn:hover{border-color:var(--color-copper);background:var(--color-surface-muted);}
.pay-btn.active{background:linear-gradient(135deg,var(--color-walnut),var(--color-caramel));color:#fff;border-color:var(--color-caramel);box-shadow:var(--shadow-btn-brown);}
.balance{font-weight:700;}
.cart-actions .btn-success{background:linear-gradient(135deg,var(--color-success-dark),var(--color-success));font-size:15px;padding:14px;border-radius:var(--radius-button);box-shadow:0 8px 20px rgba(4,120,87,.24);}
.cart-actions .btn-success:hover{background:linear-gradient(135deg,#047857,#059669);}
.cart-actions-row .btn{border-radius:10px;}
/* TOKEN BOARD */
.token-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);border-left:5px solid var(--color-caramel);transition:all 180ms ease;}
.token-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(74,39,20,.15);}
.token-card.Served{border-left-color:var(--color-success);}.token-card.Cancelled{border-left-color:var(--color-danger);}.token-card.Preparing{border-left-color:var(--color-cobalt);}
.token-card .tc-num{color:var(--color-coffee);font-size:26px;}.token-card .tc-item{color:var(--color-dark-chocolate);}
.token-card .tc-meta{color:var(--color-muted);}
.tc-status.Pending{background:#FFF8F0;color:#B45309;border:1px solid rgba(217,119,6,.2);}
.tc-status.Preparing{background:var(--color-soft-blue);color:var(--color-royal-blue);border:1px solid rgba(18,103,216,.2);}
.tc-status.Served{background:#ECFDF5;color:var(--color-success);border:1px solid rgba(4,120,87,.2);}
.tc-status.Cancelled{background:#FEF2F2;color:var(--color-danger);border:1px solid rgba(185,28,28,.2);}
/* DATA TABLES */
.table-wrap{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);overflow:hidden;}
.data-table th{background:var(--color-surface-muted);color:var(--color-coffee);border-bottom:2px solid var(--color-border);font-weight:700;}
.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);}
.data-table tr:hover{background:rgba(216,168,106,.06);}
.status-badge{border-radius:20px;font-weight:700;border:1px solid transparent;}
.status-active,.status-paid{background:#ECFDF5;color:var(--color-success);border-color:rgba(4,120,87,.2);}
.status-inactive,.status-pending{background:#FFF8F0;color:#B45309;border-color:rgba(217,119,6,.2);}
.status-credit{background:#FEF2F2;color:var(--color-danger);border-color:rgba(185,28,28,.2);}
/* MODAL */
.modal-overlay{backdrop-filter:blur(6px);background:rgba(36,20,12,.55);}
.modal-content{border-radius:20px;box-shadow:0 24px 64px rgba(36,20,12,.35);border:1px solid var(--color-border);}
.modal-header{border-bottom:1px solid var(--color-border);}.modal-header h3{color:var(--color-coffee);font-size:20px;}
.modal-close{color:var(--color-muted);transition:all 180ms ease;}.modal-close:hover{color:var(--color-danger);}
/* FINANCE & REPORT CARDS */
.finance-card,.report-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:all 180ms ease;}
.finance-card:hover,.report-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(74,39,20,.15);}
.finance-card .fc-value,.report-card .rc-value{color:var(--color-dark-chocolate);font-weight:800;}
.finance-card .fc-label,.report-card .rc-label{color:var(--color-muted);font-weight:700;}
.cash-drawer{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);}
.cash-row{border-bottom:1px solid var(--color-border);color:var(--color-text);}
/* ANALYTICS */
.insight-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:all 180ms ease;}
.insight-card:hover{transform:translateY(-2px);}
.insight-card .ic-label{color:var(--color-muted);font-weight:700;}.insight-card .ic-value{color:var(--color-dark-chocolate);}
.chart-box{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);}
.chart-box h4{color:var(--color-coffee);}
.bar-row .bar-label{color:var(--color-coffee);}.bar-row .bar-track{background:var(--color-surface-muted);border-radius:6px;}
.bar-row .bar-fill{background:linear-gradient(90deg,var(--color-walnut),var(--color-caramel),var(--color-tan));border-radius:6px;color:#fff;font-weight:800;}
/* SETTINGS */
.settings-section{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);}
.settings-section h3{color:var(--color-coffee);border-bottom:1px solid var(--color-border);}
/* ALERT BANNER */
.alert-banner{background:#FFF8F0;color:#B45309;border:1px solid rgba(217,119,6,.2);border-radius:var(--radius-input);}
/* TOAST */
.toast{border-radius:var(--radius-input);box-shadow:0 8px 24px rgba(0,0,0,.25);font-weight:700;}
.toast.success{background:linear-gradient(135deg,var(--color-success-dark),var(--color-success));}
.toast.error{background:linear-gradient(135deg,#991B1B,var(--color-danger));}
.toast.info{background:linear-gradient(135deg,var(--color-navy),var(--color-royal-blue));}
/* SCROLLBAR */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:var(--color-surface-muted);}
::-webkit-scrollbar-thumb{background:var(--color-tan);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--color-copper);}
.sidebar-nav::-webkit-scrollbar-track{background:rgba(0,0,0,.1);}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(230,197,138,.3);}
/* ICONS */
.ph, .ph-fill { vertical-align: middle; margin-right: 4px; display: inline-block; position: relative; top: -1px; }
.sidebar-logo .ph-fill { font-size: 28px; margin-right: 0; top: 0; color: var(--color-tan); }
.logo-icon .ph-fill { font-size: 48px; color: var(--color-coffee); margin: 0; }
.card-icon .ph-fill { font-size: 32px; }
.dash-card.green .ph-fill { color: var(--color-success); }
.dash-card.orange .ph-fill { color: var(--color-caramel); }
.dash-card.red .ph-fill { color: var(--color-danger); }
.dash-card.blue .ph-fill { color: var(--color-cobalt); }
.nav-icon .ph-fill { font-size: 20px; }
/* PAYROLL/EXPENSE/CREDIT SUMMARY */
.payroll-summary,.expense-summary,.credit-summary{gap:16px;}
.payroll-summary .finance-card,.expense-summary .finance-card,.credit-summary .finance-card{border:1px solid var(--color-border);}
/* KITCHEN MODE */
.kitchen-mode .token-card{border-width:6px;}.kitchen-mode .tc-num{font-size:38px;color:var(--color-coffee);}