/* RIGIT POS v6 — Professional Commercial POS Design */
:root{--ff:'Manrope',system-ui,-apple-system,sans-serif}

/* 5 THEMES */
[data-theme="kfc"]{--pr:#4CAF50;--pr-bg:rgba(76,175,80,.08);--pr-dk:#388E3C;--pr-lt:#81C784;--ac:#E53935;--ac-bg:rgba(229,57,53,.06);--blue:#1976D2;--warn:#FB8C00;--tx:#ECEFF1;--tx2:#90A4AE;--tx3:#607D8B;--bg:#1E272E;--bg2:#2C3A47;--sf:#2C3A47;--sf2:#34495E;--sf3:#3D5266;--bd:#3D5266;--bd2:#4A6278;--sh:0 2px 8px rgba(0,0,0,.3);--sh2:0 4px 16px rgba(0,0,0,.4);--tile1:#1B5E20;--tile2:#0D47A1;--tile3:#E65100;--tile4:#880E4F;--tile5:#4A148C;--tile6:#006064;--tile7:#BF360C;--tile8:#1A237E;--charge:#4CAF50;--nav-bg:#263238}
[data-theme="golden"]{--pr:#FFB300;--pr-bg:rgba(255,179,0,.1);--pr-dk:#FF8F00;--pr-lt:#FFD54F;--ac:#D84315;--ac-bg:rgba(216,67,21,.08);--blue:#1976D2;--warn:#E65100;--tx:#ECEFF1;--tx2:#B0BEC5;--tx3:#78909C;--bg:#1A1410;--bg2:#2D2418;--sf:#2D2418;--sf2:#3E3020;--sf3:#4E3D28;--bd:#4E3D28;--bd2:#5E4D38;--sh:0 2px 8px rgba(0,0,0,.3);--sh2:0 4px 16px rgba(0,0,0,.4);--tile1:#BF360C;--tile2:#33691E;--tile3:#4E342E;--tile4:#F57F17;--tile5:#827717;--tile6:#3E2723;--tile7:#E65100;--tile8:#1B5E20;--charge:#FFB300;--nav-bg:#1A1410}
[data-theme="fiesta"]{--pr:#66BB6A;--pr-bg:rgba(102,187,106,.1);--pr-dk:#43A047;--pr-lt:#A5D6A7;--ac:#EF5350;--ac-bg:rgba(239,83,80,.1);--blue:#42A5F5;--warn:#FFA726;--tx:#ECEFF1;--tx2:#90A4AE;--tx3:#607D8B;--bg:#0D1117;--bg2:#161B22;--sf:#161B22;--sf2:#1C2333;--sf3:#242D3D;--bd:#242D3D;--bd2:#2D3A4E;--sh:0 2px 8px rgba(0,0,0,.4);--sh2:0 4px 16px rgba(0,0,0,.5);--tile1:#1B5E20;--tile2:#0D47A1;--tile3:#B71C1C;--tile4:#4A148C;--tile5:#006064;--tile6:#E65100;--tile7:#1A237E;--tile8:#880E4F;--charge:#66BB6A;--nav-bg:#0D1117}
[data-theme="flame"]{--pr:#FF6D00;--pr-bg:rgba(255,109,0,.1);--pr-dk:#E65100;--pr-lt:#FFA726;--ac:#D32F2F;--ac-bg:rgba(211,47,47,.08);--blue:#1976D2;--warn:#F9A825;--tx:#ECEFF1;--tx2:#B0BEC5;--tx3:#78909C;--bg:#1C1008;--bg2:#2D1A0E;--sf:#2D1A0E;--sf2:#3E2718;--sf3:#4E3420;--bd:#4E3420;--bd2:#5E4430;--sh:0 2px 8px rgba(0,0,0,.3);--sh2:0 4px 16px rgba(0,0,0,.4);--tile1:#BF360C;--tile2:#E65100;--tile3:#4E342E;--tile4:#33691E;--tile5:#F57F17;--tile6:#0D47A1;--tile7:#880E4F;--tile8:#1B5E20;--charge:#FF6D00;--nav-bg:#1C1008}
[data-theme="mughal"]{--pr:#AB47BC;--pr-bg:rgba(171,71,188,.1);--pr-dk:#8E24AA;--pr-lt:#CE93D8;--ac:#EC407A;--ac-bg:rgba(236,64,122,.08);--blue:#42A5F5;--warn:#FFA726;--tx:#F3E5F5;--tx2:#CE93D8;--tx3:#AB47BC;--bg:#1A0A2E;--bg2:#2D1452;--sf:#2D1452;--sf2:#3B1F6E;--sf3:#4A2A8A;--bd:#3B1F6E;--bd2:#4A2A8A;--sh:0 2px 8px rgba(0,0,0,.4);--sh2:0 4px 16px rgba(0,0,0,.5);--tile1:#4A148C;--tile2:#880E4F;--tile3:#1A237E;--tile4:#006064;--tile5:#B71C1C;--tile6:#1B5E20;--tile7:#E65100;--tile8:#311B92;--charge:#AB47BC;--nav-bg:#1A0A2E}

*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ff);background:var(--bg);color:var(--tx);line-height:1.5;-webkit-font-smoothing:antialiased;font-size:14px}
.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}
.fs-10{font-size:10px}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}
.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}
.ff-display{font-family:var(--ff)}.text-upper{text-transform:uppercase}.relative{position:relative}.hidden{display:none!important}

/* HEADER — dark top bar */
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);border-bottom:1px solid var(--bd);height:48px}
.header-inner{max-width:100%;margin:0;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:100%}
.logo{font-weight:800;font-size:15px;color:var(--pr);letter-spacing:-.3px}
.logo-icon{background:var(--pr)!important;color:#fff!important;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}

/* NAV */
.nav-tabs{display:flex;gap:3px}.nav-tab{padding:6px 14px;border:none;background:var(--sf2);font-family:var(--ff);font-size:11px;font-weight:700;color:var(--tx2);cursor:pointer;border-radius:6px;transition:.15s;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}
.nav-tab:hover{background:var(--sf3);color:var(--tx)}.nav-tab.active{background:var(--pr);color:#fff}
.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg);border-top:1px solid var(--bd);padding:4px 0;z-index:100;justify-content:space-around}
.mobile-nav-item{display:flex;flex-direction:column;align-items:center;padding:4px 10px;border:none;background:none;color:var(--tx3);font-size:10px;cursor:pointer;border-radius:6px;transition:.15s;gap:1px}
.mobile-nav-item.active{color:var(--pr)}.nav-icon{font-size:18px}.nav-label{font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.theme-btn{padding:4px 10px;border:1px solid var(--bd);border-radius:6px;background:var(--sf);font-size:10px;font-weight:600;cursor:pointer;color:var(--tx2)}
.theme-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:6px;min-width:140px;box-shadow:var(--sh2);z-index:200}
.theme-option{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:12px;transition:.1s}.theme-option:hover,.theme-option.active{background:var(--pr-bg)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--pr);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;transition:.15s;font-family:var(--ff)}.btn:hover{opacity:.9}
.btn-block{width:100%}.btn-lg{padding:12px 24px;font-size:15px}.btn-sm{padding:5px 10px;font-size:10px;border-radius:6px}.btn-xs{padding:3px 8px;font-size:9px;border-radius:4px}
.btn-ghost{background:transparent;color:var(--tx2);border:1px solid var(--bd)}.btn-ghost:hover{border-color:var(--pr);color:var(--pr)}
.btn-green{background:#4CAF50;color:#fff}.btn-danger{background:#E53935;color:#fff}.btn-blue{background:#1976D2;color:#fff}.btn-orange{background:#FB8C00;color:#fff}.btn-purple{background:#7B1FA2;color:#fff}
.btn-whatsapp{background:#25D366;color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--bd);color:var(--tx)}
.btn-charge{background:var(--charge);color:#fff;font-size:16px;font-weight:800;padding:14px;border-radius:10px;letter-spacing:1px;text-transform:uppercase}

/* CARDS */
.card{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:14px;box-shadow:var(--sh);transition:.15s}
.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--sh2)}
.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.3px}
.tag-primary{background:var(--pr-bg);color:var(--pr)}.tag-green{background:rgba(76,175,80,.15);color:#81C784}
.tag-blue{background:rgba(25,118,210,.15);color:#64B5F6}.tag-secondary{background:rgba(255,152,0,.15);color:#FFB74D}
.tag-danger{background:var(--ac-bg);color:var(--ac)}
.input,.select,.textarea{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--bd);border-radius:6px;font-size:12px;color:var(--tx);font-family:var(--ff);outline:none;transition:.15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--pr)}
.divider{height:1px;background:var(--bd);margin:6px 0}
.spinner{width:28px;height:28px;border:3px solid var(--bd);border-top-color:var(--pr);border-radius:50%;animation:spin .6s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}
.empty{text-align:center;padding:30px;color:var(--tx3)}.empty-icon{font-size:42px;margin-bottom:6px;opacity:.4}

/* HERO — for customer page */
.hero{background:var(--sf);border:1px solid var(--bd);border-radius:12px;padding:20px;margin-bottom:14px}.hero-glow{display:none}

/* ═══════════════════════════════════════ */
/* POS — 3-COLUMN PROFESSIONAL LAYOUT     */
/* ═══════════════════════════════════════ */
.pos-layout{display:grid;grid-template-columns:190px 1fr 360px;gap:0;height:calc(100vh - 48px)}

/* LEFT: Category Sidebar */
.pos-sidebar{background:var(--nav-bg);border-right:1px solid var(--bd);overflow-y:auto;padding:0}
.pos-sidebar-title{padding:12px 14px;font-size:11px;font-weight:800;color:var(--pr);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--bd)}
.cat-item{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;transition:.12s;border-left:3px solid transparent;font-size:12px;font-weight:600;color:var(--tx2)}
.cat-item:hover{background:var(--sf2);color:var(--tx)}.cat-item.active{background:var(--sf2);color:var(--pr);border-left-color:var(--pr)}
.cat-icon{font-size:16px}.cat-count{margin-left:auto;font-size:9px;background:var(--sf3);padding:1px 6px;border-radius:10px;color:var(--tx3)}

/* CENTER: Product Grid */
.pos-menu{overflow-y:auto;padding:12px;background:var(--bg)}
.pos-menu-bar{display:flex;gap:8px;margin-bottom:10px;align-items:center}
.pos-search{flex:1;padding:8px 14px;background:var(--sf);border:1px solid var(--bd);border-radius:8px;font-size:12px;color:var(--tx);font-family:var(--ff);outline:none}.pos-search:focus{border-color:var(--pr)}
.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.pos-item{background:var(--sf);border:1px solid var(--bd);border-radius:10px;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.pos-item:hover{transform:translateY(-2px);box-shadow:var(--sh2);border-color:var(--pr)}.pos-item.in-cart{border:2px solid var(--pr)}
.item-img{height:80px;display:flex;align-items:center;justify-content:center;font-size:44px;border-radius:10px 10px 0 0}
.item-body{padding:8px 6px;text-align:center}
.item-name{font-size:10px;font-weight:600;line-height:1.25;margin-bottom:2px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-price{font-size:13px;font-weight:800;color:var(--pr)}
.qty-badge{position:absolute;top:4px;right:4px;min-width:22px;height:22px;border-radius:11px;background:var(--ac);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px rgba(0,0,0,.3)}

/* Also keep old classes for compat */
.item-icon{font-size:44px}
.cat-scroll{display:flex;gap:6px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch}
.cat-btn{padding:8px 18px;border-radius:8px;border:1px solid var(--bd);background:var(--sf);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.15s;color:var(--tx2)}.cat-btn.active{background:var(--pr);color:#fff;border-color:var(--pr)}

/* RIGHT: Bill Panel */
.pos-bill{display:flex;flex-direction:column;background:var(--sf);border-left:1px solid var(--bd);height:100%;overflow:hidden}
.pos-bill-header{padding:10px 14px;border-bottom:1px solid var(--bd);background:var(--sf2)}
.pos-bill-items{flex:1;overflow-y:auto;padding:0}
.pos-bill-footer{border-top:1px solid var(--bd);padding:10px 14px;background:var(--sf2)}
.bill-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--bd);font-size:12px}.bill-item:last-child{border:none}
.bill-total{font-weight:800;font-size:24px;color:var(--charge)}
.qty-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--bd);background:var(--sf2);font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tx);transition:.1s}.qty-btn:hover{border-color:var(--pr);color:var(--pr);background:var(--pr-bg)}
.pay-toggle{display:flex;gap:6px;margin:6px 0}.pay-btn{flex:1;padding:8px;border:2px solid var(--bd);border-radius:8px;background:var(--sf2);cursor:pointer;text-align:center;transition:.15s;font-weight:700;font-size:11px;color:var(--tx2)}
.pay-btn.active{border-color:var(--pr);color:var(--pr);background:var(--pr-bg)}.pay-btn:hover:not(.active){border-color:var(--tx3)}
.type-toggle{display:flex;gap:3px;background:var(--bg);border-radius:8px;padding:3px}
.type-toggle .btn{flex:1;background:none;color:var(--tx2);font-size:11px;padding:7px;border-radius:6px}.type-toggle .btn.active{background:var(--sf);color:var(--tx);box-shadow:var(--sh)}

/* ONLINE MENU */
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.menu-item{text-align:center;padding:14px 8px;position:relative;background:var(--sf);border:1px solid var(--bd);border-radius:12px;cursor:pointer;transition:.15s}
.menu-item:hover{transform:translateY(-2px);box-shadow:var(--sh2)}.menu-item.in-cart{border:2px solid var(--pr)}
.menu-icon{font-size:42px;margin-bottom:6px}.menu-name{font-weight:600;font-size:12px;margin-bottom:2px}.menu-price{font-weight:800;font-size:14px;color:var(--pr)}
.sticky-cart{position:fixed;bottom:56px;left:12px;right:12px;background:var(--pr);color:#fff;border-radius:12px;padding:12px 18px;box-shadow:var(--sh2);z-index:50;cursor:pointer}
.deals-scroll{display:flex;gap:10px;overflow-x:auto;padding:4px 0}.deal-card{min-width:150px;text-align:center;position:relative;border-radius:10px;padding:14px 10px;cursor:pointer;background:var(--sf);border:1px solid var(--bd)}.deal-save{position:absolute;top:6px;right:6px;background:var(--ac);color:#fff;font-size:8px;font-weight:800;padding:2px 6px;border-radius:4px}

/* KITCHEN */
.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.kitchen-items{margin:6px 0}.kitchen-item{font-size:13px;font-weight:600;padding:4px 0;border-bottom:1px solid var(--bd)}.kitchen-item:last-child{border:none}

/* TABLE GRID */
.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}

/* ADMIN */
.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.stat-value{font-weight:800;font-size:24px;letter-spacing:-.5px}
.stat-label{font-size:10px;font-weight:600;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--pr);animation:blink 1.5s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.admin-tabs{display:flex;gap:3px;margin-bottom:14px;flex-wrap:wrap;overflow-x:auto;background:var(--bg);border-radius:8px;padding:3px}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.container-sm{max-width:480px;margin:0 auto}


/* RESPONSIVE */
@media(max-width:900px){.pos-layout{grid-template-columns:1fr;height:auto}.pos-sidebar{display:none}.pos-bill{max-height:none;border-left:none;border-top:1px solid var(--bd)}.desktop-nav{display:none}.mobile-nav{display:flex}.pos-menu{height:auto}}
@media(max-width:480px){.menu-grid{grid-template-columns:repeat(2,1fr)}.pos-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:1fr 1fr}}
.slide-up{animation:slideUp .25s ease}@keyframes slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.logo-text{display:inline}@media(max-width:360px){.logo-text{display:none}}