:root{
  --bg:#06111f;--bg2:#081827;--panel:#0b1d31;--panel2:#0f263f;--panel3:#122c48;
  --gold:#d5a54f;--gold2:#efc978;--text:#f5f2ec;--muted:#93a4b7;--line:#263f58;
  --danger:#ff8b94;--ok:#49d49a;--shadow:0 18px 48px rgba(0,0,0,.30);
}
*{box-sizing:border-box;min-width:0}
html,body{margin:0;min-height:100%;width:100%;max-width:100%;overflow-x:hidden;font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}
body{background:radial-gradient(circle at 12% -12%,#17334f 0,#081827 30%,#06111f 65%,#040b13 100%)}
button,input,select,textarea{font:inherit}.hidden{display:none!important}button{user-select:none}

/* Login */
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}
.login-view:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 80%,rgba(213,165,79,.09),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.012),transparent 35%)}
.spa-decor{position:absolute;border:1px solid rgba(213,165,79,.11);border-radius:50%}.d1{width:440px;height:440px;left:-220px;top:-160px}.d2{width:340px;height:340px;right:-170px;bottom:-110px}
.login-card{position:relative;width:min(440px,100%);padding:34px 34px 30px;background:linear-gradient(165deg,rgba(14,37,62,.98),rgba(6,18,32,.98));border:1px solid rgba(213,165,79,.38);border-radius:24px;box-shadow:var(--shadow)}
.brand-mark{width:50px;height:50px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font:700 17px Georgia,serif;background:linear-gradient(145deg,#142d49,#081727);box-shadow:inset 0 0 18px #0005}.brand-mark.large{width:78px;height:78px;margin:auto;font-size:26px}
.brand-title{text-align:center;color:var(--gold2);font:700 34px Georgia,serif;margin:10px 0 0}.brand-sub{text-align:center;color:var(--gold);font-size:11px;letter-spacing:.24em;margin-bottom:27px}
.login-card h2{text-align:center;margin:0 0 4px;font-size:23px}.muted{color:var(--muted)}.login-card .muted{text-align:center;margin-bottom:22px}
label{display:block;color:#dec186;font-size:12px;font-weight:600;margin:11px 0 6px}.login-card input,.field,input,select,textarea{width:100%;border:1px solid #304b66;background:#07182b;color:#fff;border-radius:11px;padding:11px 12px;outline:none;transition:.18s}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(213,165,79,.09)}
.gold-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:linear-gradient(90deg,var(--gold),var(--gold2));color:#071426;font-weight:800;padding:11px 16px;text-decoration:none;cursor:pointer;box-shadow:0 7px 20px rgba(213,165,79,.14);letter-spacing:.01em}.gold-btn:hover{filter:brightness(1.04)}
.login-card .gold-btn{width:100%;margin-top:19px}.gold-btn.compact{padding:9px 12px;font-size:12px}
.ghost-btn,.icon-btn{border:1px solid #304b65;color:var(--text);background:#0a1b2e;border-radius:10px;padding:9px 12px;cursor:pointer}.ghost-btn:hover,.icon-btn:hover{border-color:var(--gold);color:var(--gold2)}
.form-error{color:#ffc2c8;font-size:12px;margin-top:11px;min-height:17px}.login-card small{display:block;text-align:center;color:#667a90;margin-top:18px}

/* Shell */
.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;display:flex;flex-direction:column;background:linear-gradient(180deg,#09192b,#06111f);border-right:1px solid rgba(213,165,79,.18);overflow-y:auto}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:3px 5px 19px;border-bottom:1px solid #1e354b}.sidebar-brand strong{font:700 19px Georgia;color:var(--gold2)}.sidebar-brand span{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em;margin-top:1px}
.sidebar nav{display:grid;gap:5px;margin-top:16px}.nav-btn{border:0;background:transparent;color:#a5b3c2;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;text-align:left;cursor:pointer;font-size:13px}.nav-btn span{width:22px;text-align:center;color:var(--gold);font-size:15px}.nav-btn.active,.nav-btn:hover{background:linear-gradient(90deg,rgba(213,165,79,.16),rgba(213,165,79,.025));color:var(--gold2)}
.sidebar-footer{margin-top:auto;border-top:1px solid #1e354b;padding-top:14px}.user-mini{display:flex;gap:9px;align-items:center;margin-bottom:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#17304c;color:var(--gold2);font-weight:800}.user-mini small{display:block;color:var(--muted);text-transform:capitalize;font-size:10px}
.main{min-width:0;width:100%;max-width:100%;overflow-x:hidden;padding:24px clamp(18px,2.4vw,34px) 65px}.page{display:none;width:100%;max-width:100%;overflow-x:hidden}.page.active{display:block}.mobile-header{display:none}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;min-width:0}.page-head>div{min-width:0}.page-head h1{margin:0;color:var(--gold2);font:700 clamp(22px,2.4vw,29px) Georgia,serif;line-height:1.15;overflow-wrap:anywhere}.page-head p{margin:4px 0 0;color:var(--muted);font-size:13px}

/* Dashboard */
.dashboard-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:14px;margin-bottom:14px}
.hero-card{position:relative;overflow:hidden;border:1px solid rgba(213,165,79,.36);background:linear-gradient(135deg,#0f2947,#0a1b2f 64%,#121c27);border-radius:18px;padding:21px 23px;box-shadow:0 14px 38px rgba(0,0,0,.25);min-height:150px;display:flex;flex-direction:column;justify-content:center}
.hero-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(213,165,79,.13);border-radius:50%;right:-45px;top:-46px}.hero-label{color:#ddc084;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero-value{font:700 clamp(34px,4.4vw,48px) Georgia;color:var(--gold2);margin:3px 0}.hero-date{color:var(--muted);font-size:12px}
.quick-panel{background:linear-gradient(160deg,#0d2138,#081929);border:1px solid #263f58;border-radius:18px;padding:17px;display:grid;gap:10px}.quick-panel h3{margin:0;color:var(--gold2);font-size:14px}.quick-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #1d344b;color:#b9c6d3;font-size:12px}.quick-row:last-child{border-bottom:0}.quick-row b{color:#f1d18e;font-size:13px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:12px 0 14px}.stat-card,.panel{background:linear-gradient(160deg,#0d2138,#081929);border:1px solid #263f58;border-radius:15px;padding:15px}.stat-card{min-height:84px}.stat-card small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.045em}.stat-card b{display:block;color:var(--gold2);font-size:20px;margin-top:5px;line-height:1.15;overflow-wrap:anywhere}
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.grid-2>*{min-width:0}.panel h3{color:var(--gold2);margin:0 0 12px;font-size:15px}

/* Tables */
.table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;border-radius:11px;border:1px solid #253e57;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:540px;background:#08192b}th,td{padding:10px 11px;text-align:left;border-bottom:1px solid #1c334a;font-size:12px;vertical-align:middle}th{color:#e4c680;font-weight:700;background:#0d2137;position:sticky;top:0;z-index:1;white-space:nowrap}td{color:#dbe3eb;overflow-wrap:anywhere}.num{text-align:right;white-space:nowrap}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#17304e;color:#d8e4f1;font-size:10px}.badge.gold{background:rgba(213,165,79,.14);color:var(--gold2)}

/* POS */
.pos-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.78fr);gap:14px;align-items:start;width:100%}.pos-layout>*{min-width:0}
.pos-left,.cart-panel{background:linear-gradient(160deg,#0d2138,#071827);border:1px solid #29445f;border-radius:17px;padding:15px}.cart-panel{position:sticky;top:18px}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.search-input{font-size:14px}.category-row{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:11px 0 5px;scrollbar-width:thin}.chip{flex:0 0 auto;border:1px solid #304a63;background:#0b1b2e;color:#b5c2cf;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:11px}.chip.active{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#071426;border-color:transparent;font-weight:800}
.service-list{display:grid;gap:7px;margin-top:10px;max-height:66vh;overflow-y:auto;overflow-x:hidden;padding-right:3px}.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:9px;align-items:center;background:#091b2f;border:1px solid #213a53;border-radius:11px;padding:10px 11px;min-width:0}.service-row:hover{border-color:#49637e}.service-row>div:first-child{min-width:0}.service-name{font-weight:700;font-size:12px;overflow-wrap:anywhere}.service-cat{font-size:10px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.service-price{color:var(--gold2);font-weight:800;white-space:nowrap;font-size:12px}.add-btn{border:1px solid rgba(213,165,79,.5);background:rgba(213,165,79,.10);color:var(--gold2);border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:18px}
.customer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-bottom:12px}.cart-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.cart-title h3{margin:0;color:var(--gold2);font-size:14px}.cart-items{display:grid;gap:8px;max-height:45vh;overflow-y:auto;overflow-x:hidden}.cart-item{border:1px solid #29435c;background:#091b2f;border-radius:11px;padding:10px}.cart-item-head{display:flex;justify-content:space-between;gap:10px}.cart-item-head strong{max-width:76%;font-size:12px;overflow-wrap:anywhere}.cart-item-price{color:var(--gold2);font-weight:800;font-size:12px;white-space:nowrap}.cart-controls{display:grid;grid-template-columns:minmax(100px,1.25fr) minmax(95px,.9fr) minmax(64px,.65fr) 32px;gap:6px;margin-top:8px}.cart-controls select,.cart-controls input{padding:8px 8px;font-size:11px}.remove-btn{border:0;background:#3b1e29;color:#ffb9c0;border-radius:8px;padding:0 8px;cursor:pointer}
.bill-lines{border-top:1px dashed #465a6d;margin-top:12px;padding-top:8px}.bill-line{display:flex;justify-content:space-between;gap:10px;padding:4px 0;color:#b9c6d4;font-size:12px}.bill-line.total{font-size:18px;font-weight:800;color:var(--gold2);border-top:1px solid #385169;margin-top:6px;padding-top:9px}.pay-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:11px 0}.pay-option{border:1px solid #304b65;background:#0b1d31;color:#b8c5d3;border-radius:9px;padding:9px;cursor:pointer;text-align:center;font-size:11px;font-weight:700}.pay-option.active{border-color:var(--gold);color:var(--gold2);background:rgba(213,165,79,.09)}.cart-panel .complete-btn{width:100%;margin-top:6px}.empty{color:var(--muted);text-align:center;padding:22px 9px;font-size:12px}

/* Forms / admin */
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:13px;max-width:100%}.toolbar>div{min-width:140px;max-width:100%}.toolbar label{margin-top:0}.toolbar .gold-btn{padding:10px 14px}.user-form,.employee-form,.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.full{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.section-note{padding:10px 12px;border:1px solid #2a445d;border-radius:10px;background:#0a1b2d;color:var(--muted);font-size:11px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}

/* Toast / modal */
.toast{position:fixed;right:18px;top:18px;z-index:1000;opacity:0;transform:translateY(-10px);pointer-events:none;background:#102944;border:1px solid #42617f;color:#fff;padding:10px 13px;border-radius:10px;box-shadow:var(--shadow);transition:.22s;font-size:12px;max-width:min(360px,calc(100vw - 36px))}.toast.show{opacity:1;transform:none}.toast.ok{border-color:#2c8864}.toast.err{border-color:#8e4050}
.modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:14px;overflow-x:hidden}.modal-backdrop{position:absolute;inset:0;background:#02070dcc;backdrop-filter:blur(5px)}.modal-panel{position:relative;z-index:1;background:#0b1d31;border:1px solid #344e68;border-radius:16px;max-height:94vh;max-width:100%;overflow:auto;box-shadow:var(--shadow)}.receipt-panel{width:min(500px,100%);padding:13px}.modal-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:10px}
.receipt-paper{width:80mm;max-width:100%;margin:auto;background:#fff;color:#111;padding:5.5mm 4mm;font:11px/1.3 "Courier New",monospace;box-shadow:0 5px 18px #0007;overflow-wrap:anywhere}.r-center{text-align:center}.r-title{font-size:17px;font-weight:900;line-height:1.05}.r-sub{font-size:10px}.r-rule{border-top:1px dashed #111;margin:5px 0}.r-row{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.r-row>span:first-child{min-width:0;overflow-wrap:anywhere}.r-row>span:last-child{white-space:nowrap}.r-head{font-weight:900}.r-meta{font-size:9.5px}.r-item{padding:2px 0}.r-done{font-size:9px;color:#333}.r-total{font-size:14px;font-weight:900;border-top:1px dashed #111;border-bottom:2px double #111;padding:5px 0;margin-top:4px}.r-tax{font-size:10px}
.setup-required{min-height:100vh;display:grid;place-items:center;padding:24px}.setup-card{text-align:center;background:#0d2138;border:1px solid rgba(213,165,79,.42);padding:30px;border-radius:20px;box-shadow:var(--shadow)}.setup-card .brand-mark{margin:auto}.setup-card h1{color:var(--gold2);font-family:Georgia}

@media(max-width:1080px){.dashboard-overview{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:1fr}.cart-panel{position:static}.grid-2{grid-template-columns:1fr}}
@media(max-width:760px){
  .app-shell{display:block}.sidebar{position:fixed;z-index:900;left:-250px;width:230px;transition:.23s}.sidebar.open{left:0;box-shadow:18px 0 60px #000a}
  .mobile-header{display:flex;position:sticky;top:0;z-index:800;align-items:center;justify-content:space-between;height:56px;padding:0 12px;background:#071426f3;border-bottom:1px solid rgba(213,165,79,.20);backdrop-filter:blur(9px)}
  .mobile-brand{font:700 18px Georgia;color:var(--gold2)}.main{padding:16px 11px 70px}.page-head{align-items:flex-start;flex-direction:column}.page-head .gold-btn{width:100%}
  .customer-grid,.user-form,.employee-form,.settings-form{grid-template-columns:1fr}.full,.form-actions{grid-column:auto}.cart-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cart-controls .remove-btn{grid-column:2}.service-row{grid-template-columns:minmax(0,1fr) auto 34px}
  .login-card{padding:27px 20px}.brand-title{font-size:31px}.table-wrap{max-width:100%}table{min-width:500px}
}
@media(max-width:430px){.stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px;min-height:76px}.stat-card b{font-size:17px}.pay-row{grid-template-columns:1fr 1fr 1fr}.receipt-paper{font-size:10px;padding:4mm 3mm}.r-title{font-size:15px}.modal-actions>*{flex:1 1 auto}}

@media print{
  html,body{background:#fff!important;width:80mm!important;max-width:80mm!important;overflow:visible!important;margin:0!important;padding:0!important}
  body *{visibility:hidden!important}
  #receiptPaper,#receiptPaper *{visibility:visible!important}
  #receiptPaper{position:absolute!important;left:0!important;top:0!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:4mm 3mm!important;box-shadow:none!important;border:0!important;background:#fff!important;color:#000!important}
  #receiptModal,.modal-panel,.receipt-panel{position:static!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
  .modal-actions,.modal-backdrop{display:none!important}
}

/* =============================
   V3 POLISHED PROFESSIONAL UI
   ============================= */
:root{--gold-soft:#f6dda6;--panel-glass:rgba(12,31,51,.94);--panel-border:#29465f;--surface:#091a2c}
html,body{font-size:13px}
body{letter-spacing:.002em}
.ui-icon{display:inline-block;vertical-align:-3px;flex:0 0 auto}
.main{padding-top:22px}
.page-head-premium{align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(213,165,79,.10)}
.eyebrow{display:block;color:#a9b7c7;font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:5px}
.page-head h1{font-family:"Segoe UI",Inter,system-ui,sans-serif;font-size:clamp(20px,2vw,26px);font-weight:750;letter-spacing:-.02em;color:#f3d99e}
.page-head p{font-size:12px}
.gold-btn,.ghost-btn,.icon-btn{min-height:38px;font-size:11.5px;font-weight:750}
.gold-btn{border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 22px rgba(213,165,79,.10)}
.ghost-btn{background:linear-gradient(180deg,#0d2136,#091827);border-color:#2d4860}
.ghost-btn.compact{min-height:34px;padding:7px 10px}
.ghost-btn.tiny{min-height:30px;padding:5px 8px;font-size:10px}
.text-btn{border:0;background:transparent;color:#e6c277;font-weight:700;font-size:10.5px;cursor:pointer;padding:3px 0}
.panel,.stat-card,.quick-panel,.pos-left,.cart-panel{box-shadow:0 10px 28px rgba(0,0,0,.14)}
.panel{padding:14px}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.panel-title-row h3{display:flex;align-items:center;gap:7px;margin:0!important;font-size:13px!important;font-weight:750;color:#e9cd91!important}
.panel-title-row>div{min-width:0}.panel-title-row>div h3{margin:0!important}.panel-sub{margin:3px 0 0;color:var(--muted);font-size:10.5px}
.soft-badge{display:inline-flex;align-items:center;border:1px solid rgba(213,165,79,.20);background:rgba(213,165,79,.07);color:#cdb984;border-radius:999px;padding:3px 7px;font-size:9px;white-space:nowrap}

/* Dashboard refinements */
.dashboard-overview{grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);gap:12px}
.premium-card{min-height:132px;flex-direction:row;align-items:center;gap:16px;padding:18px 20px}
.hero-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#f0cb7b;background:rgba(213,165,79,.10);border:1px solid rgba(213,165,79,.22)}
.hero-copy{min-width:0}.hero-label{font-size:10px}.hero-value{font-family:"Segoe UI",Inter,system-ui,sans-serif;font-size:clamp(29px,3.6vw,41px);font-weight:760;letter-spacing:-.035em}.hero-date{font-size:10.5px}
.quick-panel{padding:14px;gap:2px}.quick-row{font-size:11px;padding:7px 0}.quick-row span{display:flex;align-items:center;gap:7px}.quick-row b{font-size:11.5px}
.stats{gap:9px;margin:10px 0 13px}.stat-card{position:relative;min-height:92px;padding:13px 13px 11px}.stat-icon{position:absolute;right:11px;top:11px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(213,165,79,.08);color:#e4bd6a}.stat-card small{font-size:9px}.stat-card b{font-family:"Segoe UI",Inter,system-ui,sans-serif;font-size:17px;font-weight:760;margin-top:8px;padding-right:34px}.stat-card>span{display:block;color:#718399;font-size:9.5px;margin-top:3px}

/* General table polish */
.table-wrap{border-color:#223d55;border-radius:10px;background:#081827;scrollbar-color:#38526b #081827}
table{background:#081827}th,td{padding:8px 9px;font-size:10.8px}th{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;background:#0c2036;color:#d9bf86}tbody tr:hover td{background:rgba(255,255,255,.015)}
.badge{padding:3px 6px;font-size:9px}

/* POS polish */
.pos-layout{grid-template-columns:minmax(0,1.5fr) minmax(330px,.82fr);gap:12px}
.pos-left,.cart-panel{padding:13px;border-color:#264158;border-radius:14px}
.input-with-icon{position:relative;min-width:0}.input-with-icon>.ui-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#7f92a6;z-index:1}.input-with-icon input{padding-left:36px!important}
.search-row{gap:7px}.search-input{font-size:12px}.category-row{padding:9px 0 4px}.chip{padding:6px 9px;font-size:10px}.service-list{gap:6px;max-height:67vh}.service-row{grid-template-columns:minmax(0,1fr) auto 32px;padding:8px 9px;border-radius:9px}.service-name{font-size:11.2px}.service-cat{font-size:9px}.service-price{font-size:11px}.add-btn{width:32px;height:32px;border-radius:8px;font-size:16px}
.customer-card{position:relative;background:rgba(4,16,28,.42);border:1px solid #213c53;border-radius:11px;padding:10px;margin-bottom:12px}
.customer-card .panel-title-row{margin-bottom:7px}.customer-lookup-wrap{position:relative;z-index:30}.customer-search input{font-size:11px;background:#06172a;border-color:#35506a}.customer-grid{gap:6px;margin:7px 0 0}.customer-grid input{font-size:10.5px;padding:9px 10px}
.customer-suggestions{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:100;background:#0b1d31;border:1px solid #3a5871;border-radius:10px;box-shadow:0 18px 45px #000b;max-height:270px;overflow-y:auto;padding:4px}
.customer-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:0;border-bottom:1px solid #1c354a;background:transparent;color:#e9eef4;padding:8px 9px;cursor:pointer}.customer-option:last-child{border-bottom:0}.customer-option:hover{background:rgba(213,165,79,.08)}
.customer-option-main,.customer-option-meta{display:grid;gap:2px;min-width:0}.customer-option-main b{font-size:10.7px;overflow-wrap:anywhere}.customer-option-main small,.customer-option-meta small{font-size:8.8px;color:#8395a8}.customer-option-meta{text-align:right;white-space:nowrap}.customer-option-meta b{font-size:9px;color:#e5c77f}.customer-empty{padding:11px;color:#8799ac;font-size:10px;text-align:center}
.returning-customer{margin-top:7px;border:1px solid rgba(73,212,154,.23);background:rgba(73,212,154,.07);border-radius:8px;padding:7px 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.returning-customer strong{font-size:9.5px;color:#75dfb2}.returning-customer span{font-size:9px;color:#9fb1bf}
.cart-title{margin-bottom:8px}.cart-title h3{font-size:12px}.cart-items{gap:6px}.cart-item{border-radius:9px;padding:8px}.cart-item-head strong,.cart-item-price{font-size:10.8px}.cart-controls{grid-template-columns:minmax(108px,1.25fr) minmax(92px,.9fr) minmax(62px,.55fr) 30px;gap:5px;margin-top:6px}.cart-controls select,.cart-controls input{font-size:9.5px;padding:7px 6px}.bill-lines{margin-top:10px}.bill-line{font-size:10.5px;padding:3px 0}.bill-line.total{font-size:16px;padding-top:7px}.pay-label{font-size:9px;color:#8799aa;text-transform:uppercase;letter-spacing:.08em;margin-top:10px}.pay-row{gap:5px;margin:6px 0}.pay-option{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;font-size:9.5px}.complete-btn{min-height:44px!important}

/* Reports */
.report-toolbar{background:rgba(9,27,46,.58);border:1px solid #203b53;border-radius:11px;padding:9px}.report-toolbar>div{min-width:145px}.report-stats{margin-top:0}.payment-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:13px}.payment-strip>div{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#091b2e;border:1px solid #223e56;border-radius:10px;padding:10px}.payment-strip span{display:flex;align-items:center;gap:6px;color:#95a7b9;font-size:10px}.payment-strip b{font-size:11px;color:#edd092;white-space:nowrap}.receipts-panel{margin-top:14px}.receipt-history-table{min-width:720px}.customer-cell{display:grid;gap:1px}.customer-cell b{font-size:10.5px}.customer-cell small{font-size:8.7px;color:#8091a3}.receipt-actions{white-space:nowrap}.receipt-actions .ghost-btn{margin-left:3px}

/* Professional 80mm receipt - high contrast thermal safe */
.receipt-panel{width:min(540px,100%);padding:12px}.modal-actions{padding:2px 1px;margin-bottom:9px}
.receipt-paper{width:80mm;max-width:80mm;margin:auto;background:#fff;color:#050505;padding:5mm 4.2mm 4mm;font-family:Arial,Helvetica,sans-serif;font-size:9.4px;line-height:1.22;box-shadow:0 8px 28px #0008;overflow:visible;letter-spacing:0}
.receipt-brand{text-align:center}.r-center{text-align:center}.r-title{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:900;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}.r-sub{font-size:9.5px;margin-top:3px;font-weight:600}.r-meta{font-size:8px;line-height:1.3}.r-solid-rule{border-top:.6px solid #777;margin:7px 0}.r-receipt-heading{text-align:center;font-size:13px;font-weight:900;letter-spacing:.06em;margin:6px 0 8px}.r-meta-grid{display:grid;grid-template-columns:25mm 1fr;row-gap:4px;column-gap:3px;font-size:8.6px}.r-meta-grid>span{font-weight:500}.r-meta-grid>b{font-weight:800;overflow-wrap:anywhere}
.r-items-table{width:100%;min-width:0!important;border-collapse:collapse;background:#fff;color:#050505;margin:0}.r-items-table th,.r-items-table td{background:#fff;color:#050505;border-bottom:.5px solid #c4c4c4;padding:4px 2px;font-size:7.8px;text-transform:none;letter-spacing:0;position:static}.r-items-table thead th{background:#f0f0f0;font-weight:900;font-size:7.7px}.r-items-table th:nth-child(1),.r-items-table td:nth-child(1){width:5%}.r-items-table th:nth-child(2),.r-items-table td:nth-child(2){width:47%}.r-items-table th:nth-child(3),.r-items-table td:nth-child(3){width:9%;text-align:center}.r-items-table th:nth-child(4),.r-items-table td:nth-child(4){width:18%}.r-items-table th:nth-child(5),.r-items-table td:nth-child(5){width:21%}.r-items-table td strong{display:block;font-size:7.8px;line-height:1.18}.r-items-table td small{display:block;font-size:6.7px;color:#333;line-height:1.2;margin-top:2px}.r-num{text-align:right!important;white-space:nowrap}
.r-summary{padding:7px 3px 4px}.r-summary>div,.r-payment>div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;font-size:8.8px}.r-summary b,.r-payment b{white-space:nowrap}.r-grand{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f3f3f3;border-top:1px solid #222;border-bottom:1px solid #222;padding:7px 4px;margin:2px 0 4px;font-size:12px;font-weight:900}.r-grand b{font-size:13px;white-space:nowrap}.r-payment{padding:2px 3px 4px}.r-footer-rule{height:2px;border-top:1px solid #222;border-bottom:1px solid #aaa;margin:5px 6mm 8px}.r-footer{text-align:center;font-size:10px;font-style:italic;font-weight:700;margin:0 0 6px}.r-system-note{text-align:center;font-size:6.5px;color:#666}

/* Re-assert no page level horizontal overflow */
.app-shell,.main,.page,.dashboard-overview,.grid-2,.pos-layout,.panel,.pos-left,.cart-panel{max-width:100%;min-width:0}
body{overflow-x:hidden!important}.main{overflow-x:hidden!important}.page{overflow-x:hidden!important}

@media(max-width:1080px){.payment-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:1fr}.cart-panel{position:static}}
@media(max-width:760px){
  .page-head-premium{align-items:flex-start}.premium-card{min-height:118px}.payment-strip{grid-template-columns:1fr 1fr}.report-toolbar{align-items:stretch}.report-toolbar>div,.report-toolbar>button{flex:1 1 145px}
  .customer-grid{grid-template-columns:1fr 1fr}.receipt-panel{padding:8px}.receipt-paper{transform-origin:top center}
}
@media(max-width:480px){
  .main{padding-left:9px;padding-right:9px}.stats{grid-template-columns:1fr 1fr}.stat-card{min-height:85px}.payment-strip{grid-template-columns:1fr}.customer-grid{grid-template-columns:1fr}.cart-controls{grid-template-columns:1fr 1fr}.receipt-paper{width:80mm;max-width:100%;font-size:9px}.modal-actions>*{flex:1 1 42%}
}

@media print{
  html,body{width:80mm!important;max-width:80mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  body *{visibility:hidden!important}
  #receiptPaper,#receiptPaper *{visibility:visible!important}
  #receiptModal,.modal-panel,.receipt-panel{position:static!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
  #receiptPaper{position:absolute!important;left:0!important;top:0!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:4mm 3.5mm 3mm!important;box-shadow:none!important;background:#fff!important;color:#000!important;font-family:Arial,Helvetica,sans-serif!important}
  .modal-actions,.modal-backdrop{display:none!important}
  .r-items-table thead th{background:#f1f1f1!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.r-grand{background:#f1f1f1!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.nav-btn span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-btn span{display:grid;place-items:center}
.receipt-modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:2px 2px 7px;border-bottom:1px solid #263f58}.receipt-modal-heading b{display:block;color:#e9cd91;font-size:12px}.receipt-modal-heading small{display:block;color:#8395a9;font-size:9px;margin-top:1px}

/* v3.1 customer flow: explicit Walk-in / Add New / Returning modes */
.customer-title-row{align-items:center;gap:8px}.customer-mode-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.customer-mode-actions .text-btn{border:1px solid #2d4962;border-radius:999px;padding:5px 9px;color:#9fb1c2;background:#07182a;transition:.18s ease}
.customer-mode-actions .text-btn:hover,.customer-mode-actions .text-btn.active{color:#09131f;background:linear-gradient(135deg,#e8c878,#c7953e);border-color:#e2bd69;box-shadow:0 5px 14px #0003}
.customer-save-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;min-height:30px}
.customer-mode-hint{font-size:9px;line-height:1.4;color:#8397aa;max-width:72%}.customer-save-row .ghost-btn{padding:7px 10px;font-size:9.5px;white-space:nowrap}
.returning-customer{margin-top:8px;border:1px solid #315a4c;background:rgba(17,67,51,.28);border-radius:9px;padding:8px 9px;display:grid;gap:2px}.returning-customer strong{color:#91d4b0;font-size:10px}.returning-customer span{color:#9eb0bf;font-size:8.8px}
@media(max-width:720px){.customer-title-row{align-items:flex-start}.customer-mode-actions{justify-content:flex-end}.customer-save-row{align-items:flex-start;flex-direction:column}.customer-mode-hint{max-width:100%}.customer-save-row .ghost-btn{width:100%;justify-content:center}}

/* =====================================================================
   Lakhme POS v4 — Premium login + brand polish
   Safe UI-only overrides. Existing POS IDs and JavaScript hooks unchanged.
   ===================================================================== */
.login-premium-view{
  min-height:100dvh;
  padding:clamp(18px,3vw,42px);
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 10%,rgba(41,86,128,.30),transparent 31%),
    radial-gradient(circle at 85% 84%,rgba(213,165,79,.12),transparent 28%),
    linear-gradient(145deg,#07192d 0%,#061423 48%,#030b14 100%);
}
.login-premium-view:before{
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 88%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 88%);
  z-index:-4;
}
.login-art{position:fixed;pointer-events:none;user-select:none;z-index:-1;opacity:.68;filter:saturate(.92) contrast(1.04)}
.login-art-top{top:-16px;right:-20px;width:min(46vw,640px);max-height:40vh;object-fit:contain;object-position:top right}
.login-art-bottom{left:-42px;bottom:-28px;width:min(47vw,650px);max-height:39vh;object-fit:contain;object-position:bottom left}
.login-glow{position:fixed;border-radius:50%;filter:blur(16px);z-index:-3;pointer-events:none}
.login-glow-a{width:360px;height:360px;left:12%;top:10%;background:rgba(25,74,118,.16)}
.login-glow-b{width:320px;height:320px;right:12%;bottom:9%;background:rgba(205,156,65,.08)}
.login-shell{
  width:min(1040px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  overflow:hidden;
  border:1px solid rgba(222,181,99,.27);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(13,34,57,.83),rgba(4,15,27,.94));
  box-shadow:0 38px 110px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  position:relative;
}
.login-shell:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 23%,transparent 77%,rgba(213,165,79,.025))}
.login-brand-panel{
  padding:clamp(38px,5vw,70px);
  min-height:650px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  border-right:1px solid rgba(220,178,92,.18);
  background:
    radial-gradient(circle at 14% 8%,rgba(80,128,171,.10),transparent 30%),
    linear-gradient(155deg,rgba(14,40,67,.72),rgba(6,18,31,.48));
  position:relative;
}
.login-brand-panel:before{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(222,181,99,.09);border-radius:50%;left:-110px;bottom:-110px;box-shadow:0 0 0 34px rgba(222,181,99,.025),0 0 0 70px rgba(222,181,99,.015)}
.brand-logo-frame{width:122px;height:122px;border-radius:28px;padding:5px;background:linear-gradient(145deg,rgba(240,201,120,.94),rgba(157,111,40,.76));box-shadow:0 18px 45px rgba(0,0,0,.32),0 0 0 7px rgba(213,165,79,.055)}
.brand-logo-img{width:100%;height:100%;display:block;object-fit:cover;border-radius:23px}
.brand-kicker{margin-top:28px;color:#c9a761;font-size:10px;font-weight:800;letter-spacing:.22em}
.login-brand-panel h1{font:700 clamp(40px,5vw,58px)/1.05 Georgia,"Times New Roman",serif;color:#f2cf86;margin:10px 0 2px;letter-spacing:-.025em;text-shadow:0 4px 24px rgba(213,165,79,.10)}
.brand-tagline{margin:0;color:#d2b36f;text-transform:uppercase;letter-spacing:.31em;font-size:11px;font-weight:700}
.brand-divider{display:flex;align-items:center;gap:10px;width:min(300px,80%);margin:25px 0 20px;color:#d2ad60}.brand-divider span{height:1px;background:linear-gradient(90deg,rgba(213,165,79,.08),rgba(213,165,79,.58));flex:1}.brand-divider span:last-child{background:linear-gradient(90deg,rgba(213,165,79,.58),rgba(213,165,79,.08))}.brand-divider i{font-style:normal;font-size:10px}
.brand-copy{max-width:470px;color:#9fb0c0;font-size:13px;line-height:1.75;margin:0}
.login-feature-grid{display:grid;gap:11px;margin-top:28px;width:100%;max-width:470px}
.login-feature{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid rgba(69,99,127,.48);border-radius:13px;background:rgba(4,17,30,.35)}
.feature-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(213,165,79,.35);border-radius:10px;color:#e4bd6d;background:rgba(213,165,79,.07)}
.feature-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-feature b{display:block;color:#e9edf1;font-size:11.5px}.login-feature small{display:block;color:#74899c;font-size:9.5px;margin-top:1px;text-align:left}
.premium-login-card{
  width:100%;
  max-width:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(165deg,rgba(8,25,43,.90),rgba(4,14,25,.97));
  padding:clamp(38px,5vw,68px) clamp(28px,5vw,62px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
}
.login-mobile-brand{display:none}
.login-security-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(213,165,79,.25);background:rgba(213,165,79,.065);color:#d5b16b;border-radius:999px;padding:6px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.login-security-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-heading{margin:22px 0 22px}.login-heading>span{color:#c6a45f;font-size:9px;font-weight:900;letter-spacing:.18em}.premium-login-card .login-heading h2{text-align:left;color:#f3f5f7;font-size:27px;line-height:1.2;margin:6px 0 7px;font-weight:760}.login-heading p{margin:0;color:#8295a8;font-size:12px;line-height:1.6}
.premium-field{margin-top:13px}.premium-field label{margin:0 0 7px;color:#d7b76f;font-size:10px;font-weight:800;letter-spacing:.035em}
.field-shell{position:relative;display:flex;align-items:center}
.field-shell .field-icon{position:absolute;left:14px;z-index:2;color:#cba75d;width:19px;height:19px;display:grid;place-items:center;pointer-events:none}
.field-shell .field-icon svg,.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.premium-login-card .field-shell input{height:51px;padding:0 46px 0 46px;background:rgba(5,19,34,.78);border:1px solid #2b455e;border-radius:13px;color:#f8fafb;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.premium-login-card .field-shell input::placeholder{color:#5f7488}.premium-login-card .field-shell input:focus{border-color:#d2aa5d;box-shadow:0 0 0 3px rgba(213,165,79,.08),0 8px 24px rgba(0,0,0,.14)}
.password-toggle{position:absolute;right:7px;width:37px;height:37px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#6f8397;cursor:pointer;transition:.18s}.password-toggle:hover{color:#e1bc70;background:rgba(213,165,79,.07)}.password-toggle .eye-closed{display:none}.password-toggle.showing .eye-open{display:none}.password-toggle.showing .eye-closed{display:block}
.premium-login-btn{width:100%;min-height:51px;margin-top:24px!important;border-radius:13px!important;font-size:11.5px;letter-spacing:.06em;box-shadow:0 12px 30px rgba(213,165,79,.16)!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.premium-login-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(213,165,79,.20)!important}.premium-login-btn:active{transform:translateY(0)}.premium-login-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.premium-login-error{margin:12px 0 0;min-height:0;padding:0;color:#ffc0c5;font-size:10.5px;line-height:1.5;text-align:center}.premium-login-error:not(:empty){padding:10px 12px;border:1px solid rgba(255,113,125,.27);border-radius:10px;background:rgba(126,37,46,.15)}
.login-trust-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:21px;color:#75899c;font-size:9.5px}.login-trust-row span{display:flex;align-items:center;gap:4px;white-space:nowrap}.login-trust-row svg{width:12px;height:12px;fill:none;stroke:#ba9a58;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-trust-row i{width:3px;height:3px;border-radius:50%;background:#4c6276}
.login-domain{text-align:center;color:#53697d;font-size:9.5px;margin-top:10px}.login-domain span{margin:0 4px;color:#826c42}
.setup-card-premium{min-width:min(420px,100%)}.setup-logo{width:96px;height:96px;border-radius:22px;display:block;margin:0 auto 15px;box-shadow:0 14px 36px rgba(0,0,0,.35)}
.sidebar-brand-pro{padding-top:1px}.sidebar-logo-img{width:42px;height:42px;flex:0 0 42px;border-radius:10px;object-fit:cover;border:1px solid rgba(213,165,79,.45);box-shadow:0 6px 17px rgba(0,0,0,.28)}
.sidebar-brand-pro strong{font-size:17px}.sidebar-brand-pro span{font-size:8px;letter-spacing:.11em}
.nav-btn span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:900px){
  .login-premium-view{padding:20px}
  .login-shell{grid-template-columns:1fr;width:min(500px,100%);border-radius:25px}
  .login-brand-panel{display:none}
  .premium-login-card{padding:34px 29px 30px;border-radius:25px}
  .login-mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}
  .login-mobile-brand img{width:64px;height:64px;border-radius:16px;border:1px solid rgba(213,165,79,.45);box-shadow:0 10px 25px rgba(0,0,0,.28)}
  .login-mobile-brand strong{display:block;color:#efcb82;font:700 24px Georgia,serif;line-height:1}.login-mobile-brand span{display:block;color:#9d824d;font-size:8px;letter-spacing:.20em;margin-top:6px}
  .login-art-top{width:min(72vw,480px);opacity:.46}.login-art-bottom{width:min(70vw,470px);opacity:.48}
}
@media(max-width:520px){
  .login-premium-view{padding:12px;align-items:center}
  .login-shell{border-radius:22px}
  .premium-login-card{padding:27px 20px 23px;border-radius:22px}
  .login-mobile-brand{justify-content:center;text-align:left;margin-bottom:20px}.login-mobile-brand img{width:58px;height:58px;border-radius:15px}.login-mobile-brand strong{font-size:22px}.login-mobile-brand span{font-size:7.5px}
  .login-security-pill{align-self:center}
  .login-heading{text-align:center;margin:18px 0 20px}.premium-login-card .login-heading h2{text-align:center;font-size:24px}.login-heading p{font-size:11px}
  .premium-field{margin-top:12px}.premium-login-card .field-shell input{height:49px;font-size:12px}
  .premium-login-btn{min-height:49px}
  .login-trust-row{gap:7px;font-size:8.7px}.login-trust-row i{display:none}.login-trust-row{flex-wrap:wrap}
  .login-domain{font-size:8.7px}
  .login-art-top{top:-4px;right:-42px;width:86vw}.login-art-bottom{left:-55px;bottom:-18px;width:88vw}
}
@media(max-width:360px){.premium-login-card{padding-left:15px;padding-right:15px}.login-mobile-brand strong{font-size:20px}.login-trust-row{display:none}.premium-login-card .login-heading h2{font-size:22px}}


/* =========================================================
   Lakhme POS Login v5 — single premium card
   ========================================================= */
.login-v5-view{
  padding:clamp(18px,3vw,38px);
  align-items:center;
  background:
    radial-gradient(circle at 50% 7%,rgba(38,83,126,.17),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(212,165,79,.085),transparent 32%),
    linear-gradient(145deg,#071524 0%,#07111d 52%,#030a12 100%);
}
.login-v5-view:before{
  background:
    linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.24;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.single-login-shell{
  width:min(570px,100%);
  display:block;
  overflow:visible;
  border:0;
  border-radius:32px;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.single-login-shell:after{display:none}
.single-premium-login-card{
  width:100%;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(224,183,99,.34);
  border-radius:30px;
  background:
    linear-gradient(160deg,rgba(14,36,60,.985),rgba(5,17,30,.99) 68%,rgba(4,13,23,.995));
  box-shadow:
    0 38px 90px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 1px 0 rgba(242,207,135,.10) inset;
  isolation:isolate;
}
.single-premium-login-card:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:29px;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(130deg,rgba(255,255,255,.045),transparent 23%,transparent 73%,rgba(215,170,86,.028));
}
.single-premium-login-card:after{
  content:"";
  position:absolute;
  left:11%;right:11%;top:0;height:1px;
  z-index:3;
  background:linear-gradient(90deg,transparent,rgba(244,208,134,.72),transparent);
  box-shadow:0 0 18px rgba(225,180,92,.3);
}
.form-art{
  position:absolute;
  z-index:0;
  pointer-events:none;
  user-select:none;
  object-fit:contain;
  filter:saturate(.9) contrast(1.04);
}
.form-art-top{
  width:116%;
  max-width:none;
  top:-34px;
  left:-8%;
  opacity:.28;
  object-position:top center;
}
.form-art-bottom{
  width:120%;
  max-width:none;
  left:-10%;
  bottom:-56px;
  opacity:.36;
  object-position:bottom center;
}
.login-card-content{
  position:relative;
  z-index:2;
  padding:clamp(38px,6vw,58px) clamp(28px,6vw,56px) clamp(32px,5vw,46px);
  background:
    linear-gradient(to bottom,rgba(4,14,25,.12),rgba(4,14,25,.58) 26%,rgba(4,14,25,.76) 74%,rgba(4,14,25,.48));
}
.login-logo-block{text-align:center;margin:0 auto 15px}
.login-logo-halo{
  width:116px;height:116px;
  margin:0 auto 15px;
  padding:5px;
  border-radius:29px;
  background:linear-gradient(145deg,#f0cd7f,#b17932 62%,#f0cb76);
  box-shadow:
    0 18px 38px rgba(0,0,0,.42),
    0 0 0 8px rgba(216,169,81,.055),
    0 0 45px rgba(214,164,74,.15);
  position:relative;
}
.login-logo-halo:after{
  content:"";position:absolute;inset:-15px;border:1px solid rgba(218,173,87,.13);border-radius:37px;pointer-events:none;
}
.login-main-logo{width:100%;height:100%;display:block;object-fit:cover;border-radius:24px}
.login-logo-block h1{
  margin:0;
  color:#f1ce84;
  font:700 clamp(31px,6vw,42px)/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:-.02em;
  text-shadow:0 4px 25px rgba(212,164,74,.12);
}
.login-logo-subtitle{
  margin-top:7px;
  color:#a9905b;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.30em;
  text-transform:uppercase;
}
.centered-security-pill{
  margin:19px auto 0;
  align-self:center;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border-color:rgba(218,174,86,.32);
  background:linear-gradient(90deg,rgba(211,162,76,.07),rgba(234,194,115,.11),rgba(211,162,76,.07));
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.polished-login-heading{text-align:center;margin:24px 0 24px}
.polished-login-heading:before{
  content:"";display:block;width:54px;height:1px;margin:0 auto 17px;
  background:linear-gradient(90deg,transparent,#c99f53,transparent);
}
.polished-login-heading>span{font-size:8.5px;letter-spacing:.22em;color:#b99350}
.single-premium-login-card .polished-login-heading h2{
  text-align:center;
  margin:7px 0 7px;
  font-size:25px;
  font-weight:720;
  letter-spacing:-.018em;
  color:#f5f6f7;
}
.polished-login-heading p{max-width:390px;margin:0 auto;color:#8092a4;font-size:11.5px;line-height:1.65}
.single-premium-login-card .premium-field{margin-top:14px}
.single-premium-login-card .premium-field label{font-size:10px;color:#d9b86e;margin-bottom:7px}
.single-premium-login-card .field-shell input{
  height:53px;
  border-radius:14px;
  border-color:#2a455f;
  background:linear-gradient(180deg,rgba(5,21,37,.92),rgba(4,17,30,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 7px 20px rgba(0,0,0,.08);
}
.single-premium-login-card .field-shell input:focus{
  border-color:#d5aa5d;
  box-shadow:0 0 0 3px rgba(213,165,79,.085),0 10px 26px rgba(0,0,0,.13);
}
.single-premium-login-card .premium-login-btn{
  min-height:54px;
  margin-top:26px!important;
  border-radius:14px!important;
  background:linear-gradient(100deg,#d39e42,#efc66f 50%,#d7a44b);
  box-shadow:0 15px 34px rgba(210,160,67,.18)!important;
}
.single-premium-login-card .premium-login-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.polished-trust-row{margin-top:23px;color:#718497}
.polished-login-domain{margin-top:11px;color:#506579}
.login-glow-a{left:calc(50% - 390px);top:6%;width:420px;height:420px;background:rgba(31,82,128,.15)}
.login-glow-b{right:calc(50% - 370px);bottom:5%;width:380px;height:380px;background:rgba(210,160,72,.075)}

@media(max-width:620px){
  .login-v5-view{padding:12px}
  .single-login-shell{width:min(500px,100%)}
  .single-premium-login-card{border-radius:24px}
  .single-premium-login-card:before{border-radius:23px}
  .login-card-content{padding:34px 22px 27px}
  .login-logo-halo{width:96px;height:96px;border-radius:24px;margin-bottom:13px}
  .login-main-logo{border-radius:20px}
  .login-logo-block h1{font-size:31px}
  .login-logo-subtitle{font-size:7.6px;letter-spacing:.26em}
  .centered-security-pill{margin-top:16px;font-size:8.2px;padding:6px 10px}
  .polished-login-heading{margin:21px 0 21px}
  .single-premium-login-card .polished-login-heading h2{font-size:22px}
  .polished-login-heading p{font-size:10.7px}
  .single-premium-login-card .field-shell input{height:50px;font-size:12px}
  .single-premium-login-card .premium-login-btn{min-height:50px}
  .form-art-top{width:135%;left:-17.5%;top:-25px;opacity:.25}
  .form-art-bottom{width:142%;left:-21%;bottom:-34px;opacity:.31}
  .polished-trust-row{font-size:8.5px;gap:7px}
}
@media(max-width:380px){
  .login-card-content{padding-left:17px;padding-right:17px}
  .login-logo-halo{width:88px;height:88px}
  .login-logo-block h1{font-size:28px}
  .polished-login-heading p{max-width:280px}
  .polished-trust-row i{display:none}
  .polished-trust-row{flex-wrap:wrap}
}

/* =====================================================================
   Lakhme POS v6 — premium shell, professional POS and analytics
   ===================================================================== */
.workspace{min-width:0;min-height:100vh;background:radial-gradient(circle at 82% -10%,rgba(46,84,121,.12),transparent 34%),linear-gradient(180deg,#071522 0%,#06111f 100%)}
.desktop-topbar{height:68px;position:sticky;top:0;z-index:140;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,2.2vw,32px);border-bottom:1px solid rgba(211,166,81,.15);background:rgba(5,16,28,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar-heading{display:grid;gap:1px}.topbar-heading span{font-size:8px;letter-spacing:.2em;color:#8a7349;font-weight:900}.topbar-heading b{font-size:14px;color:#e9eef3;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:9px}.topbar-pos-btn,.topbar-icon-btn{border:1px solid #304a64;background:#0a1d31;color:#dce5ed;border-radius:10px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700;font-size:11px}.topbar-pos-btn{padding:0 13px;border-color:rgba(216,170,82,.44);color:#e5c173;background:rgba(213,165,79,.07)}.topbar-icon-btn{width:38px}.topbar-pos-btn svg,.topbar-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar-user{height:42px;padding:0 9px 0 5px;border:1px solid #243b52;border-radius:11px;background:#091a2c;display:flex;align-items:center;gap:8px}.topbar-user>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#2b4560,#112941);color:#efcb7a;font-weight:900;font-size:11px;border:1px solid rgba(213,165,79,.25)}.topbar-user b{display:block;color:#dfe7ef;font-size:10.5px;line-height:1.2}.topbar-user small{display:block;color:#71879b;text-transform:capitalize;font-size:8.5px;margin-top:2px}

.premium-sidebar{padding:14px 12px 13px;background:linear-gradient(180deg,#081827 0%,#06111d 58%,#040c15 100%);border-right:1px solid rgba(214,169,82,.18);box-shadow:16px 0 50px rgba(0,0,0,.08)}
.sidebar-topline{display:flex;align-items:center;gap:5px;padding-bottom:13px;border-bottom:1px solid #193047}.sidebar-brand-pro{padding:0;border:0;flex:1}.sidebar-brand-copy{overflow:hidden;white-space:nowrap}.sidebar-logo-img{width:44px;height:44px;flex-basis:44px;border-radius:13px}.sidebar-brand-pro strong{font-size:17px}.sidebar-brand-pro span{font-size:7.5px;letter-spacing:.16em}.sidebar-collapse-btn{width:28px;height:28px;display:grid;place-items:center;border:1px solid #294159;border-radius:8px;color:#8fa2b5;background:#071727;cursor:pointer}.sidebar-collapse-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-status-card{margin:13px 2px 5px;padding:9px 10px;border:1px solid rgba(78,190,141,.18);background:rgba(20,78,58,.12);border-radius:11px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#4fd49a;box-shadow:0 0 0 5px rgba(79,212,154,.07)}.sidebar-status-card b{display:block;color:#bcd9ce;font-size:9.5px}.sidebar-status-card small{display:block;color:#607f75;font-size:8px;margin-top:1px}.sidebar-nav{margin-top:8px!important;gap:4px!important}.nav-section-label{padding:13px 10px 5px;color:#53697d;font-size:7.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;white-space:nowrap;overflow:hidden}.premium-sidebar .nav-btn{min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:11px;gap:10px;position:relative}.premium-sidebar .nav-btn span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(93,119,144,.08);color:#aab9c7}.premium-sidebar .nav-btn em{font-style:normal;white-space:nowrap;font-size:11.5px;font-weight:620}.premium-sidebar .nav-btn i{font-style:normal;margin-left:auto;font-size:7px;border:1px solid rgba(213,165,79,.28);padding:2px 5px;border-radius:999px;color:#b99757}.premium-sidebar .nav-btn:hover{border-color:#203a52;background:#0b1f34;color:#e2e8ee}.premium-sidebar .nav-btn.active{border-color:rgba(215,170,83,.26);background:linear-gradient(100deg,rgba(211,163,74,.17),rgba(15,40,66,.55));box-shadow:inset 3px 0 0 #d5a54f;color:#efce88}.premium-sidebar .nav-btn.active span{color:#efc875;background:rgba(213,165,79,.12)}.premium-sidebar-footer{padding-top:12px}.premium-sidebar-footer .user-mini{padding:8px 8px 8px 5px;border:1px solid #1d3449;border-radius:11px;background:#071626}.user-mini-copy{overflow:hidden}.user-mini-copy b,.user-mini-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{width:100%;border:0;background:transparent;color:#768b9f;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:9px;cursor:pointer;font-size:9.5px}.sidebar-logout-btn:hover{background:rgba(255,139,148,.06);color:#ff9aa3}.sidebar-logout-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.app-shell.sidebar-collapsed .premium-sidebar{padding-left:10px;padding-right:10px}.app-shell.sidebar-collapsed .sidebar-brand-copy,.app-shell.sidebar-collapsed .sidebar-status-card div,.app-shell.sidebar-collapsed .nav-section-label,.app-shell.sidebar-collapsed .nav-btn em,.app-shell.sidebar-collapsed .nav-btn i,.app-shell.sidebar-collapsed .user-mini-copy,.app-shell.sidebar-collapsed .sidebar-logout-btn span{display:none}.app-shell.sidebar-collapsed .sidebar-topline{display:grid;justify-items:center}.app-shell.sidebar-collapsed .sidebar-brand-pro{justify-content:center}.app-shell.sidebar-collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.app-shell.sidebar-collapsed .sidebar-status-card{justify-content:center;padding:10px}.app-shell.sidebar-collapsed .premium-sidebar .nav-btn{justify-content:center;padding:8px}.app-shell.sidebar-collapsed .premium-sidebar .nav-btn span{width:28px;height:28px}.app-shell.sidebar-collapsed .user-mini{justify-content:center}.app-shell.sidebar-collapsed .sidebar-logout-btn{height:34px}

.main{padding-top:24px}.mobile-brand{display:flex;align-items:center;gap:8px;color:#e7c577;font:700 15px Georgia,serif}.mobile-brand img{width:30px;height:30px;border-radius:8px;border:1px solid rgba(213,165,79,.35)}

/* POS v6 */
.pos-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.pos-command-head h1{margin:2px 0 2px;color:#f0cf89;font:700 clamp(24px,2.8vw,31px) Georgia,serif}.pos-command-head p{margin:0;color:#8193a6;font-size:11.5px}.pos-command-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(70,197,142,.22);border-radius:999px;background:rgba(25,100,72,.12);color:#8ad2b2;font-size:8px;font-weight:900;letter-spacing:.08em}.live-pill i{width:6px;height:6px;border-radius:50%;background:#4bd397;box-shadow:0 0 0 4px rgba(75,211,151,.08)}.gold-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(216,169,79,.52);background:rgba(213,165,79,.07);color:#efc976;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:800;font-size:10.5px}.gold-outline-btn:hover{background:rgba(213,165,79,.12)}
.pos-v6-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(365px,.82fr);gap:13px;align-items:start}.pos-catalogue-v6,.bill-desk-v6{border:1px solid #233d55;background:linear-gradient(160deg,#0b1f34,#071725);border-radius:17px;box-shadow:0 14px 38px rgba(0,0,0,.13)}.pos-catalogue-v6{padding:14px;min-height:calc(100vh - 132px)}.bill-desk-v6{padding:14px;position:sticky;top:82px;max-height:calc(100vh - 92px);overflow:auto}.pos-section-head,.bill-desk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pos-section-head small,.bill-desk-head small,.editor-head small{color:#82704b;font-size:7.5px;letter-spacing:.16em;font-weight:900}.pos-section-head h3,.bill-desk-head h3{margin:2px 0 0;color:#e9edf1;font-size:14px}.catalogue-count{font-size:8.5px;padding:5px 8px;border:1px solid #2b455e;border-radius:999px;color:#7e91a4;background:#081a2b}.pos-search-v6{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px}.pos-search-v6 input{height:44px}.icon-clear-btn{width:38px;height:38px;border:1px solid #2a445d;background:#081a2c;color:#90a2b4;border-radius:10px;cursor:pointer;font-size:20px;line-height:1}.pos-search-v6 .icon-clear-btn{height:44px}.category-row-v6{padding:10px 0 6px}.category-row-v6 .chip{padding:6px 9px;font-size:9px}.category-row-v6 .chip small{opacity:.64;margin-left:3px}.service-grid-v6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(100vh - 250px);padding:1px 2px 4px}.service-tile-v6{width:100%;min-height:72px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;border:1px solid #203a51;background:linear-gradient(145deg,#091c30,#081827);border-radius:12px;padding:9px 10px;color:#dfe7ee;cursor:pointer;transition:.16s}.service-tile-v6:hover{transform:translateY(-1px);border-color:#5b6370;background:linear-gradient(145deg,#0d243c,#091a2b);box-shadow:0 10px 20px rgba(0,0,0,.12)}.service-tile-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#d4aa60;background:rgba(213,165,79,.08);border:1px solid rgba(213,165,79,.16)}.service-tile-copy b{display:block;font-size:10.5px;line-height:1.3}.service-tile-copy small{display:block;color:#70869a;font-size:8px;margin-top:3px;line-height:1.25}.service-tile-price{display:grid;justify-items:end;gap:3px;color:#efca7d;font-weight:900;font-size:10px;white-space:nowrap}.service-tile-price i{font-style:normal;color:#796947;font-size:6.5px;letter-spacing:.08em}.service-tile-v6:hover .service-tile-price i{color:#c39d56}.premium-empty{grid-column:1/-1}
.customer-card-v6{padding:10px;border:1px solid #203a50;border-radius:12px;background:#071929;margin-bottom:10px}.customer-card-v6 .panel-title-row{margin-bottom:7px}.customer-card-v6 h3{font-size:10.5px;margin:0}.customer-card-v6 input{padding:9px 10px;font-size:10px}.customer-card-v6 .customer-grid{margin-bottom:3px}.customer-card-v6 .customer-mode-actions .text-btn{font-size:8px;padding:4px 7px}.bill-items-head{display:flex;align-items:center;justify-content:space-between;margin:8px 1px 7px;color:#d6bd87;font-size:9px;font-weight:800}.bill-items-head small{color:#637a8e;font-size:7.5px;font-weight:500}.cart-items-v6{max-height:34vh;gap:7px}.cart-item-v6{padding:9px;border-radius:11px;background:#081b2e;border-color:#263f57}.cart-item-v6 .cart-item-head{align-items:flex-start}.cart-item-v6 .cart-item-head>div{min-width:0;flex:1}.cart-item-v6 .cart-item-head strong{display:block;font-size:9.8px;line-height:1.25;padding-right:5px}.cart-item-v6 .cart-item-head small{display:block;color:#6e8295;font-size:7.5px;margin-top:2px}.cart-item-v6 .cart-item-price{font-size:9.5px}.cart-remove-v6{width:24px;height:24px;border:0;border-radius:7px;background:rgba(255,139,148,.06);color:#b6747b;cursor:pointer;font-size:15px}.cart-staff-row{display:grid;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:6px;margin-top:7px}.cart-staff-row label{margin:0;color:#718699;font-size:7.5px}.cart-staff-row select{padding:7px 8px;font-size:8.5px;border-radius:8px}.cart-control-v6{display:grid;grid-template-columns:84px minmax(105px,1fr) 76px;gap:6px;margin-top:6px}.cart-control-v6 select,.cart-control-v6 input{padding:7px 7px;font-size:8px;border-radius:8px}.qty-control{display:grid;grid-template-columns:26px 1fr 26px;align-items:center;border:1px solid #30475f;border-radius:8px;overflow:hidden;background:#071726}.qty-control button{height:29px;border:0;background:#0d2237;color:#d3b26f;cursor:pointer}.qty-control span{text-align:center;color:#dbe3ea;font-size:9px}.cart-empty-v6{min-height:110px;display:grid;place-items:center;align-content:center;gap:4px;border:1px dashed #284158;border-radius:11px;background:rgba(6,20,34,.35)}.cart-empty-v6 span{color:#5f7890}.cart-empty-v6 b{color:#9eb0c0;font-size:10px}.cart-empty-v6 small{color:#596f83;font-size:8px}.bill-summary-v6{margin-top:9px}.bill-lines-v6{display:grid;gap:5px;padding:9px 10px;border:1px solid #20394f;border-radius:11px;background:#061724}.bill-lines-v6>div{display:flex;align-items:center;justify-content:space-between;color:#7890a3;font-size:8.7px}.bill-lines-v6 b{color:#c9d4de;font-size:9px}.bill-lines-v6 .discount-value{color:#cf9095}.grand-total-v6{margin:5px -3px -2px;padding:9px 6px 3px;border-top:1px dashed #36506a!important;color:#d2b36e!important}.grand-total-v6 span{font-weight:900;letter-spacing:.09em}.grand-total-v6 strong{color:#f2cd7c;font:700 20px Georgia,serif}.payment-v6{margin-top:9px}.payment-v6 .pay-label{font-size:8px;margin-bottom:6px}.payment-v6 .pay-row{gap:6px}.payment-v6 .pay-option{padding:8px 6px;font-size:8px;border-radius:9px}.payment-v6 .pay-option span{font-size:7.5px}.complete-btn-v6{width:100%;min-height:48px;margin-top:9px;border-radius:12px;font-size:11px;letter-spacing:.06em}
.pos-focus .app-shell{grid-template-columns:1fr}.pos-focus .sidebar,.pos-focus .desktop-topbar,.pos-focus .mobile-header{display:none!important}.pos-focus .main{padding:10px}.pos-focus #page-pos{max-width:none}.pos-focus .pos-command-head{margin-bottom:8px}.pos-focus .pos-v6-layout{grid-template-columns:minmax(0,1.62fr) minmax(380px,.72fr)}.pos-focus .pos-catalogue-v6{min-height:calc(100vh - 80px)}.pos-focus .bill-desk-v6{top:10px;max-height:calc(100vh - 20px)}.pos-focus .service-grid-v6{max-height:calc(100vh - 195px)}

/* Reports v6 */
.report-tabs-v6{display:flex;gap:6px;overflow:auto;padding:3px;margin-bottom:10px;border:1px solid #213a51;border-radius:12px;background:#071725}.report-tabs-v6 button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#8497aa;border-radius:9px;padding:9px 11px;cursor:pointer;font-size:9.5px;font-weight:700}.report-tabs-v6 button.active{background:linear-gradient(100deg,rgba(213,165,79,.16),rgba(213,165,79,.06));color:#e8c779;box-shadow:inset 0 0 0 1px rgba(213,165,79,.2)}.report-filter-card{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;padding:10px 11px;margin-bottom:11px;border:1px solid #213a51;border-radius:12px;background:linear-gradient(145deg,#0a1d31,#071725)}.report-filter-card>div{min-width:150px}.report-filter-card label{font-size:8px;margin:0 0 4px}.report-filter-card input{height:38px;padding:8px 9px;font-size:9.5px}.report-filter-card button{min-height:38px;font-size:9px;padding:8px 11px}.analytics-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:9px}.analytics-stats>div{min-height:92px;padding:12px;border:1px solid #243e56;border-radius:13px;background:linear-gradient(150deg,#0d2238,#081827)}.analytics-stats small{display:block;color:#6f8498;font-size:7.5px;letter-spacing:.1em;font-weight:900}.analytics-stats b{display:block;color:#efca7b;font:700 20px Georgia,serif;margin:5px 0 3px}.analytics-stats span{display:block;color:#61778a;font-size:8px}.analytics-payment-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px}.analytics-payment-row span{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #20384f;border-radius:9px;background:#071827;color:#6f8497;font-size:8px}.analytics-payment-row b{color:#d5bf8c;font-size:9px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:10px;margin-bottom:10px}.analytics-panel{min-height:260px}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px}.rank-no{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#102943;color:#8ca0b3;font-size:8px}.rank-main>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.rank-main b{font-size:8.8px;color:#dce4eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-main small{font-size:7.3px;color:#657c90;white-space:nowrap}.rank-track{height:4px;background:#142b40;border-radius:999px;overflow:hidden;margin-top:4px}.rank-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a97d36,#efc86f)}.rank-row>strong{color:#d9ba79;font-size:8.5px;white-space:nowrap}.error-empty{color:#ff9aa3;border-color:rgba(255,139,148,.2)!important}

/* Service management v6 */
.service-admin-layout{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:11px;align-items:start}.service-editor-card{position:sticky;top:82px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.editor-head h3{margin:2px 0 0!important;color:#e6c57e!important}.service-admin-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.service-admin-form .full{grid-column:1/-1}.service-admin-form label{font-size:8.5px;margin:6px 0 4px}.service-admin-form input,.service-admin-form select{padding:9px 10px;font-size:9.5px;border-radius:9px}.service-gst-note{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(213,165,79,.18);border-radius:9px;background:rgba(213,165,79,.05)}.service-gst-note b{color:#efc876;font-size:9px}.service-gst-note span{color:#71869a;font-size:7.8px;line-height:1.35}.service-admin-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) 125px auto;gap:6px;margin-bottom:9px}.service-admin-toolbar input,.service-admin-toolbar select{height:38px;padding:7px 8px;font-size:8.8px}.service-admin-toolbar .ghost-btn{font-size:8.5px}.service-table-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;padding:0 2px}.service-table-summary b{color:#d8bc82;font-size:9px}.service-table-summary span{color:#60768a;font-size:7.7px}.service-admin-table-wrap{max-height:calc(100vh - 245px)}.service-admin-table-wrap table{min-width:790px}.service-admin-table-wrap th,.service-admin-table-wrap td{padding:8px 9px;font-size:9px}.table-action-row{display:flex;gap:5px;white-space:nowrap}.danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,139,148,.24);background:rgba(255,139,148,.055);color:#db8b92;border-radius:8px;padding:7px 9px;cursor:pointer}.danger-btn:hover{background:rgba(255,139,148,.1);color:#ff9aa3}.tiny{font-size:8px!important;padding:6px 7px!important}.muted-badge{background:#172637;color:#7f92a4}

@media(max-width:1180px){.pos-v6-layout{grid-template-columns:1fr}.bill-desk-v6{position:static;max-height:none}.service-grid-v6{max-height:520px}.analytics-grid{grid-template-columns:1fr}.service-admin-layout{grid-template-columns:1fr}.service-editor-card{position:static}.service-admin-toolbar{grid-template-columns:1fr 1fr}.service-admin-table-wrap{max-height:none}}
@media(max-width:900px){.desktop-topbar{display:none}.workspace{min-height:100vh}.pos-command-head{align-items:flex-start;flex-direction:column}.pos-command-actions{justify-content:flex-start}.analytics-stats{grid-template-columns:1fr 1fr}.analytics-payment-row{grid-template-columns:1fr 1fr}.service-grid-v6{grid-template-columns:1fr 1fr}.app-shell.sidebar-collapsed{display:block}.sidebar-collapse-btn{display:none}.sidebar-brand-copy,.sidebar-status-card div,.nav-section-label,.nav-btn em,.nav-btn i,.user-mini-copy,.sidebar-logout-btn span{display:initial!important}.premium-sidebar .nav-btn{justify-content:flex-start!important}.app-shell.sidebar-collapsed .sidebar{width:230px;left:-250px}.app-shell.sidebar-collapsed .sidebar.open{left:0}.main{padding-top:16px}}
@media(max-width:700px){.service-grid-v6{grid-template-columns:1fr}.service-admin-toolbar{grid-template-columns:1fr}.analytics-stats,.analytics-payment-row{grid-template-columns:1fr 1fr}.report-filter-card>div{flex:1 1 140px}.report-filter-card button{flex:1 1 auto}.pos-catalogue-v6,.bill-desk-v6{padding:10px}.cart-control-v6{grid-template-columns:80px minmax(95px,1fr) 68px}.topbar-user{display:none}}
@media(max-width:440px){.analytics-stats,.analytics-payment-row{grid-template-columns:1fr}.service-grid-v6{max-height:460px}.pos-command-actions>*{flex:1 1 auto}.live-pill{flex:0 0 auto}.cart-control-v6{grid-template-columns:1fr 1fr}.cart-control-v6>input{grid-column:1/-1}.service-admin-form{grid-template-columns:1fr}.service-admin-form .full{grid-column:auto}.report-tabs-v6 button{padding:8px 9px}.pos-focus .main{padding:5px}.pos-focus .pos-command-head{display:none}}


/* v6.1 - PDF-only receipt download/share */
.receipt-modal-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.receipt-pdf-btn{border-color:rgba(216,168,75,.55)!important;color:#e6bd69!important;background:rgba(216,168,75,.07)!important}
.receipt-pdf-btn:hover{background:rgba(216,168,75,.13)!important}
.receipt-actions{white-space:nowrap}
.receipt-actions .tiny{margin:2px 2px}
@media(max-width:640px){.receipt-modal-actions{justify-content:stretch}.receipt-modal-actions>button{flex:1 1 calc(50% - 8px)}}

/* v6.2 IST POS capture */
.ist-live-pill{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.02em}
@media(max-width:760px){.ist-live-pill{width:100%;justify-content:center;order:3}}


/* =====================================================================
   v6.3 professional report export controls
   ===================================================================== */
.report-tabs-v63{
  overflow-x:auto;
  scrollbar-width:thin;
  padding-bottom:3px;
}
.report-tabs-v63 button{white-space:nowrap;flex:0 0 auto}
.report-export-group{
  display:flex;
  align-items:center;
  gap:8px;
  padding-left:10px;
  margin-left:auto;
  border-left:1px solid rgba(212,173,86,.18);
}
.report-pdf-btn,.report-excel-btn{
  min-height:42px;
  font-weight:800;
  letter-spacing:.01em;
}
.report-pdf-btn{
  border-color:rgba(212,173,86,.32)!important;
  background:linear-gradient(180deg,rgba(212,173,86,.10),rgba(212,173,86,.04))!important;
}
.report-excel-btn{
  border-color:rgba(93,172,122,.32)!important;
  background:linear-gradient(180deg,rgba(93,172,122,.10),rgba(93,172,122,.04))!important;
}
.report-filter-card{
  flex-wrap:wrap;
}
.report-filter-card>div:not(.report-export-group){
  min-width:150px;
}
@media(max-width:900px){
  .report-export-group{
    width:100%;
    margin-left:0;
    padding-left:0;
    padding-top:8px;
    border-left:0;
    border-top:1px solid rgba(212,173,86,.14);
  }
  .report-export-group button{flex:1}
}
@media(max-width:560px){
  .report-export-group{flex-direction:column}
  .report-export-group button{width:100%}
}


/* =====================================================================
   Lakhme POS v6.4 — compact premium animated login
   ===================================================================== */
.login-v5-view{
  min-height:100dvh;
  height:100dvh;
  box-sizing:border-box;
  overflow:hidden;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 8%,rgba(38,83,126,.18),transparent 31%),
    radial-gradient(circle at 48% 96%,rgba(212,165,79,.09),transparent 33%),
    linear-gradient(145deg,#071524 0%,#06111e 55%,#030a12 100%);
}
.login-v5-view:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.20;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 86%);
  mask-image:linear-gradient(to bottom,black,transparent 86%);
  animation:loginGridDrift 22s linear infinite;
}
.login-v5-view:after{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(3,10,18,.78) 0%,rgba(3,10,18,.38) 38%,rgba(3,10,18,.20) 65%,rgba(3,10,18,.08) 100%),
    url("../images/login-background.webp");
  background-repeat:no-repeat;
  background-position:center center, right bottom;
  background-size:cover, min(78vw,980px) auto;
  opacity:.66;
  filter:saturate(.88) contrast(1.04);
  transform-origin:70% 75%;
  animation:loginBackdropFloat 12s ease-in-out infinite alternate;
}
.login-glow{z-index:1}
.single-login-shell{
  position:relative;
  z-index:4;
  width:min(430px,calc(100vw - 28px));
  margin:auto;
  animation:loginCardEnter .68s cubic-bezier(.2,.82,.27,1) both;
}
.single-premium-login-card{
  border-radius:24px;
  border:1px solid rgba(226,185,100,.38);
  background:
    linear-gradient(155deg,rgba(14,37,61,.91),rgba(5,17,30,.94) 68%,rgba(3,12,21,.96));
  box-shadow:
    0 26px 70px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.026) inset,
    0 1px 0 rgba(244,210,140,.12) inset,
    0 0 58px rgba(197,151,66,.055);
  backdrop-filter:blur(20px) saturate(1.05);
  -webkit-backdrop-filter:blur(20px) saturate(1.05);
}
.single-premium-login-card:before{
  inset:1px;
  border-radius:23px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.055),transparent 22%,transparent 72%,rgba(215,170,86,.035));
}
.single-premium-login-card:after{
  left:17%;
  right:17%;
  background:linear-gradient(90deg,transparent,rgba(246,210,137,.82),transparent);
  box-shadow:0 0 20px rgba(225,180,92,.38);
  animation:loginTopGlow 3.8s ease-in-out infinite;
}
.form-art-top{
  width:112%;
  top:-42px;
  left:-6%;
  opacity:.20;
  animation:loginArtTop 9s ease-in-out infinite alternate;
}
.form-art-bottom{
  width:114%;
  left:-7%;
  bottom:-64px;
  opacity:.27;
  animation:loginArtBottom 11s ease-in-out infinite alternate;
}
.login-card-content{
  padding:21px 27px 19px;
  background:
    linear-gradient(to bottom,rgba(4,14,25,.08),rgba(4,14,25,.45) 28%,rgba(4,14,25,.67) 75%,rgba(4,14,25,.40));
}
.login-logo-block{margin:0 auto 7px}
.login-logo-halo{
  width:72px;
  height:72px;
  margin:0 auto 8px;
  padding:3px;
  border-radius:20px;
  box-shadow:
    0 12px 27px rgba(0,0,0,.38),
    0 0 0 5px rgba(216,169,81,.045),
    0 0 30px rgba(214,164,74,.14);
  animation:loginLogoFloat 4.8s ease-in-out infinite;
}
.login-logo-halo:after{
  inset:-9px;
  border-radius:26px;
  opacity:.72;
  animation:loginHaloPulse 3.6s ease-in-out infinite;
}
.login-main-logo{border-radius:17px}
.login-logo-block h1{
  font-size:28px;
  line-height:1;
  margin:0;
}
.login-logo-subtitle{
  margin-top:5px;
  font-size:7px;
  letter-spacing:.27em;
}
.centered-security-pill{
  margin:9px auto 0;
  padding:5px 9px;
  font-size:7.6px;
  letter-spacing:.075em;
  min-height:26px;
}
.centered-security-pill svg{width:12px;height:12px}
.polished-login-heading{
  margin:11px 0 12px;
}
.polished-login-heading:before{
  width:42px;
  margin:0 auto 9px;
}
.polished-login-heading>span{
  font-size:7.3px;
  letter-spacing:.20em;
}
.single-premium-login-card .polished-login-heading h2{
  margin:4px 0 3px;
  font-size:19px;
  line-height:1.15;
}
.polished-login-heading p{
  max-width:330px;
  font-size:9.4px;
  line-height:1.45;
}
.single-premium-login-card .premium-field{
  margin-top:9px;
}
.single-premium-login-card .premium-field label{
  margin-bottom:5px;
  font-size:8.7px;
  letter-spacing:.01em;
}
.single-premium-login-card .field-shell input{
  height:44px;
  border-radius:11px;
  padding-left:42px;
  padding-right:42px;
  font-size:11.5px;
  background:rgba(4,18,31,.82);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.single-premium-login-card .field-shell{
  transition:transform .18s ease;
}
.single-premium-login-card .field-shell:focus-within{
  transform:translateY(-1px);
}
.single-premium-login-card .field-shell:focus-within .field-icon{
  color:#efc775;
  transform:translateY(-50%) scale(1.06);
}
.single-premium-login-card .field-icon{
  transition:color .18s ease,transform .18s ease;
}
.single-premium-login-card .premium-login-btn{
  min-height:45px;
  margin-top:14px!important;
  border-radius:11px!important;
  font-size:10px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 12px 29px rgba(210,160,67,.18)!important;
}
.single-premium-login-card .premium-login-btn:before{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-34%;
  width:25%;
  z-index:-1;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);
  animation:loginButtonShine 4.4s ease-in-out infinite;
}
.premium-login-error{
  margin-top:7px;
  font-size:9px;
}
.premium-login-error:not(:empty){padding:7px 9px}
.polished-trust-row{
  margin-top:12px;
  gap:7px;
  font-size:7.8px;
}
.login-trust-row svg{width:10px;height:10px}
.polished-login-domain{
  margin-top:6px;
  font-size:7.7px;
  opacity:.88;
}
.password-toggle{width:38px}
.password-toggle svg{width:16px;height:16px}

/* Fits comfortably inside common 1366x768 / laptop hero heights */
@media(max-height:720px) and (min-width:621px){
  .login-card-content{padding-top:16px;padding-bottom:15px}
  .login-logo-halo{width:62px;height:62px;margin-bottom:6px}
  .login-logo-block h1{font-size:25px}
  .centered-security-pill{margin-top:7px}
  .polished-login-heading{margin:8px 0 9px}
  .polished-login-heading p{display:none}
  .single-premium-login-card .premium-field{margin-top:7px}
  .single-premium-login-card .field-shell input{height:41px}
  .single-premium-login-card .premium-login-btn{min-height:42px;margin-top:11px!important}
  .polished-trust-row{margin-top:9px}
  .polished-login-domain{margin-top:4px}
}
@media(max-width:620px){
  .login-v5-view{
    padding:9px;
    overflow:auto;
    min-height:100dvh;
    height:auto;
  }
  .login-v5-view:after{
    inset:0;
    background-image:
      linear-gradient(180deg,rgba(3,10,18,.32),rgba(3,10,18,.74) 62%,rgba(3,10,18,.88)),
      url("../images/login-background.webp");
    background-size:cover,118vw auto;
    background-position:center center,right bottom;
    opacity:.60;
  }
  .single-login-shell{width:min(410px,calc(100vw - 18px))}
  .single-premium-login-card{border-radius:21px}
  .single-premium-login-card:before{border-radius:20px}
  .login-card-content{padding:18px 18px 16px}
  .login-logo-halo{width:66px;height:66px;border-radius:18px;margin-bottom:7px}
  .login-main-logo{border-radius:15px}
  .login-logo-block h1{font-size:25px}
  .login-logo-subtitle{font-size:6.6px}
  .centered-security-pill{margin-top:8px;font-size:7.2px;padding:4px 8px}
  .polished-login-heading{margin:10px 0 11px}
  .single-premium-login-card .polished-login-heading h2{font-size:18px}
  .polished-login-heading p{font-size:8.9px;line-height:1.4}
  .single-premium-login-card .field-shell input{height:43px;font-size:11px}
  .single-premium-login-card .premium-login-btn{min-height:44px}
  .polished-trust-row{font-size:7.3px}
  .form-art-top{width:122%;left:-11%;top:-36px}
  .form-art-bottom{width:124%;left:-12%;bottom:-49px}
}
@media(max-width:380px){
  .login-card-content{padding-left:14px;padding-right:14px}
  .polished-login-heading p{display:none}
  .polished-trust-row{display:none}
  .single-premium-login-card .premium-field{margin-top:8px}
}

/* Motion */
@keyframes loginCardEnter{
  from{opacity:0;transform:translateY(22px) scale(.975);filter:blur(3px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes loginLogoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes loginHaloPulse{
  0%,100%{opacity:.48;transform:scale(.98)}
  50%{opacity:.88;transform:scale(1.04)}
}
@keyframes loginButtonShine{
  0%,58%{left:-36%;opacity:0}
  66%{opacity:.9}
  80%,100%{left:118%;opacity:0}
}
@keyframes loginBackdropFloat{
  0%{transform:scale(1.015) translate3d(0,0,0)}
  100%{transform:scale(1.045) translate3d(-8px,-5px,0)}
}
@keyframes loginGridDrift{
  from{background-position:0 0,0 0}
  to{background-position:48px 48px,48px 48px}
}
@keyframes loginTopGlow{
  0%,100%{opacity:.48;filter:blur(0)}
  50%{opacity:1;filter:blur(.25px)}
}
@keyframes loginArtTop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(5px,4px,0)}
}
@keyframes loginArtBottom{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-5px,-3px,0)}
}
@media(prefers-reduced-motion:reduce){
  .login-v5-view:before,
  .login-v5-view:after,
  .single-login-shell,
  .single-premium-login-card:after,
  .form-art,
  .login-logo-halo,
  .login-logo-halo:after,
  .single-premium-login-card .premium-login-btn:before{
    animation:none!important;
  }
}


/* =====================================================================
   LAKMI v6.5 branding + Daily EOD WhatsApp report
   ===================================================================== */
.login-logo-subtitle{
  text-transform:none!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  font-weight:700;
}
.login-logo-tagline{
  margin-top:4px;
  color:#d7ad5c;
  font-size:7.3px;
  line-height:1;
  letter-spacing:.28em;
  font-weight:900;
}
.login-developer-credit{
  margin-top:4px;
  text-align:center;
  color:rgba(220,229,239,.56);
  font-size:7.5px;
  letter-spacing:.035em;
}
.login-developer-credit strong{color:#d7ad5c;font-weight:800}
.sidebar-brand-copy{min-width:0}
.sidebar-brand-copy strong{letter-spacing:.08em}
.sidebar-brand-copy span{text-transform:none!important;letter-spacing:.06em!important}
.sidebar-brand-copy small{
  display:block;
  margin-top:1px;
  color:#cfa455;
  font-size:6.7px;
  line-height:1.15;
  letter-spacing:.17em;
  font-weight:800;
  white-space:nowrap;
}
.r-tagline{
  margin-top:1px;
  text-align:center;
  font-size:8px;
  line-height:1.15;
  letter-spacing:.15em;
  font-weight:900;
}
.eod-whatsapp-card{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:0 0 14px;
  padding:13px 15px;
  border:1px solid rgba(53,199,111,.25);
  border-radius:17px;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 20%,rgba(37,211,102,.11),transparent 27%),
    linear-gradient(135deg,rgba(8,36,37,.90),rgba(6,23,34,.94) 58%,rgba(6,18,30,.97));
  box-shadow:0 16px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
}
.eod-whatsapp-card:after{
  content:"";
  position:absolute;
  inset:auto -60px -78px auto;
  width:180px;
  height:180px;
  border:1px solid rgba(37,211,102,.08);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(37,211,102,.018),0 0 0 44px rgba(37,211,102,.012);
  pointer-events:none;
}
.eod-whatsapp-icon{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;
  color:#65df92;
  background:rgba(37,211,102,.09);
  border:1px solid rgba(37,211,102,.19);
}
.eod-whatsapp-copy{display:grid;gap:2px;min-width:0}
.eod-whatsapp-copy span{font-size:7px;letter-spacing:.18em;font-weight:850;color:#71d89a}
.eod-whatsapp-copy b{font-size:15px;letter-spacing:.02em;color:#f4f7f9}
.eod-whatsapp-copy small{font-size:8px;color:rgba(219,230,236,.62)}
.eod-whatsapp-btn{
  position:relative;z-index:1;
  min-height:42px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 15px;
  border:1px solid rgba(105,229,150,.36);
  border-radius:11px;
  color:#062016;
  background:linear-gradient(180deg,#6ee59b,#42ca78);
  box-shadow:0 10px 24px rgba(37,211,102,.16);
  font-size:8.5px;
  letter-spacing:.04em;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.eod-whatsapp-btn:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 13px 28px rgba(37,211,102,.22)}
.eod-whatsapp-btn:disabled{opacity:.65;cursor:wait}
.daily-calendar-filter{align-items:flex-end}
.report-date-field{min-width:190px!important}
.report-date-field input{min-height:42px}
.report-submit-btn{min-height:42px;white-space:nowrap}
@media(max-width:760px){
  .eod-whatsapp-card{grid-template-columns:42px 1fr;gap:10px;padding:12px}
  .eod-whatsapp-icon{width:40px;height:40px;border-radius:12px}
  .eod-whatsapp-btn{grid-column:1/-1;width:100%}
  .daily-calendar-filter .report-date-field{width:100%!important;min-width:0!important}
  .daily-calendar-filter .report-submit-btn{width:100%}
}


/* =====================================================================
   LAKMI POS v6.7 — polished desktop-first workspace
   Larger typography, clearer hierarchy, spacious POS and responsive UI
   ===================================================================== */
:root{
  --v67-bg:#05101c;
  --v67-bg-soft:#071827;
  --v67-surface:#0a1d31;
  --v67-surface-2:#0d243b;
  --v67-surface-3:#102a45;
  --v67-border:#2b4862;
  --v67-border-soft:rgba(95,126,153,.30);
  --v67-gold:#d8aa55;
  --v67-gold-2:#f1ce84;
  --v67-text:#f4f7fa;
  --v67-muted:#9aabba;
  --v67-shadow:0 18px 46px rgba(0,0,0,.22);
}
html,body{
  font-size:15px!important;
  line-height:1.5;
}
body{
  background:
    radial-gradient(circle at 92% -8%,rgba(63,105,143,.14),transparent 30%),
    radial-gradient(circle at 2% 88%,rgba(216,170,85,.045),transparent 26%),
    linear-gradient(180deg,#061522 0%,#050f1a 100%);
}
button,input,select,textarea{font-size:14px}
input,select,textarea{
  min-height:46px;
  padding:11px 13px;
  border-radius:12px;
  border-color:#35516a;
  background:#071a2c;
}
textarea{min-height:94px}
label{
  color:#e0c68e;
  font-size:12.5px;
  margin:12px 0 7px;
}
.gold-btn,.ghost-btn,.icon-btn,.gold-outline-btn{
  min-height:44px;
  font-size:13px;
  border-radius:12px;
  padding:10px 15px;
}
.gold-btn{
  background:linear-gradient(100deg,#d6a84f,#f0ce83);
  box-shadow:0 10px 26px rgba(216,170,85,.14);
}
.gold-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(216,170,85,.20)}
.ghost-btn:hover,.gold-outline-btn:hover{transform:translateY(-1px)}

/* Workspace */
.app-shell{
  grid-template-columns:260px minmax(0,1fr);
  background:var(--v67-bg);
}
.workspace{
  background:
    radial-gradient(circle at 84% -8%,rgba(50,94,133,.15),transparent 30%),
    linear-gradient(180deg,#071522,#050f1b);
}
.premium-sidebar{
  padding:18px 15px 15px;
  background:linear-gradient(180deg,#081a2c 0%,#061522 56%,#040d16 100%);
  border-right:1px solid rgba(216,170,85,.20);
  box-shadow:18px 0 55px rgba(0,0,0,.10);
}
.sidebar-topline{
  padding:0 1px 17px;
  gap:9px;
  border-bottom-color:#20384f;
}
.sidebar-logo-img{
  width:50px!important;
  height:50px!important;
  flex-basis:50px!important;
  border-radius:15px!important;
  border-color:rgba(216,170,85,.50)!important;
}
.sidebar-brand-pro strong{
  display:block;
  font-size:20px!important;
  line-height:1.05;
  letter-spacing:.08em;
}
.sidebar-brand-pro span{
  margin-top:4px;
  font-size:10px!important;
  letter-spacing:.08em!important;
}
.sidebar-brand-copy small{
  margin-top:3px;
  font-size:8px!important;
  letter-spacing:.19em;
}
.sidebar-collapse-btn{
  width:34px;
  height:34px;
  border-radius:10px;
}
.sidebar-status-card{
  margin:15px 1px 7px;
  padding:11px 12px;
  border-radius:13px;
}
.sidebar-status-card b{font-size:11px}
.sidebar-status-card small{font-size:9.5px;margin-top:2px}
.nav-section-label{
  padding:17px 11px 7px;
  font-size:9px;
  letter-spacing:.19em;
}
.sidebar-nav{gap:6px!important}
.premium-sidebar .nav-btn{
  min-height:47px;
  padding:9px 11px;
  border-radius:13px;
  gap:11px;
}
.premium-sidebar .nav-btn span{
  width:30px;
  height:30px;
  border-radius:9px;
}
.premium-sidebar .nav-btn span svg{width:18px;height:18px}
.premium-sidebar .nav-btn em{
  font-size:13px;
  font-weight:650;
}
.premium-sidebar .nav-btn i{
  font-size:8px;
  padding:3px 6px;
}
.premium-sidebar-footer{padding-top:15px}
.premium-sidebar-footer .user-mini{
  padding:10px 9px;
  border-radius:13px;
  gap:10px;
}
.avatar{
  width:40px;
  height:40px;
  overflow:hidden;
  border:1px solid rgba(216,170,85,.32);
}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.user-mini-copy b{font-size:12px}
.user-mini-copy small{font-size:9.5px;margin-top:2px}
.sidebar-logout-btn{
  min-height:38px;
  font-size:11px;
  margin-top:3px;
}
.app-shell.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}
.app-shell.sidebar-collapsed .premium-sidebar{padding-left:11px;padding-right:11px}

/* Top bar */
.desktop-topbar{
  height:76px;
  padding:0 clamp(24px,2.5vw,40px);
  background:rgba(4,15,26,.91);
  border-bottom:1px solid rgba(216,170,85,.17);
  box-shadow:0 8px 30px rgba(0,0,0,.12);
}
.topbar-heading{gap:2px}
.topbar-heading span{
  font-size:9px;
  letter-spacing:.22em;
}
.topbar-heading b{
  font-size:17px;
  font-weight:760;
  letter-spacing:-.01em;
}
.topbar-actions{gap:10px}
.topbar-pos-btn,.topbar-icon-btn{
  height:43px;
  border-radius:11px;
  font-size:12.5px;
}
.topbar-pos-btn{padding:0 16px}
.topbar-icon-btn{width:43px}
.topbar-user{
  height:48px;
  padding:0 12px 0 6px;
  border-radius:13px;
  gap:9px;
}
.topbar-user>span{
  width:36px;
  height:36px;
  padding:2px;
  overflow:hidden;
  border-radius:10px;
}
.topbar-user>span img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.topbar-user b{font-size:12px}
.topbar-user small{font-size:9.5px}

/* Main/page hierarchy */
.main{
  padding:30px clamp(24px,2.8vw,42px) 70px;
}
.page{max-width:1760px;margin:0 auto}
.page-head,.page-head-premium{
  margin-bottom:22px;
  padding-bottom:17px;
}
.eyebrow{
  margin-bottom:7px;
  font-size:10px;
  letter-spacing:.19em;
}
.page-head h1,.page-head-premium h1{
  font-size:clamp(27px,2.3vw,34px)!important;
  font-weight:780!important;
  line-height:1.12;
}
.page-head p,.page-head-premium p{
  margin-top:7px;
  font-size:14px!important;
  line-height:1.55;
  color:#91a4b7;
}
.panel,.stat-card,.quick-panel,.pos-catalogue-v6,.bill-desk-v6{
  border-color:var(--v67-border-soft);
  box-shadow:var(--v67-shadow);
}
.panel{
  padding:19px;
  border-radius:18px;
  background:linear-gradient(155deg,#0c2238,#081929);
}
.panel-title-row{margin-bottom:14px}
.panel-title-row h3{
  font-size:15px!important;
  gap:8px;
}
.panel-sub{font-size:12px}
.soft-badge{
  padding:5px 9px;
  font-size:10.5px;
}

/* Dashboard */
.dashboard-overview{
  grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr);
  gap:16px;
  margin-bottom:16px;
}
.premium-card{
  min-height:178px;
  padding:24px 26px;
  gap:21px;
  border-radius:20px;
}
.hero-icon{
  width:58px;
  height:58px;
  border-radius:17px;
}
.hero-icon svg{width:25px;height:25px}
.hero-label{font-size:12px}
.hero-value{
  margin:5px 0 3px;
  font-size:clamp(38px,4vw,52px);
}
.hero-date{font-size:12.5px}
.quick-panel{
  padding:19px;
  border-radius:20px;
}
.quick-panel h3{font-size:15px}
.quick-row{
  padding:10px 0;
  font-size:13px;
}
.quick-row b{font-size:14px}
.stats{
  gap:13px;
  margin:14px 0 17px;
}
.stat-card{
  min-height:112px;
  padding:17px 17px 14px;
  border-radius:17px;
}
.stat-icon{
  width:38px;
  height:38px;
  border-radius:11px;
  right:14px;
  top:14px;
}
.stat-card small{font-size:10.5px}
.stat-card b{
  margin-top:10px;
  font-size:23px;
}
.stat-card>span{
  margin-top:5px;
  font-size:11px;
}

/* Tables */
.table-wrap{
  border-radius:13px;
  border-color:#29455e;
}
table{min-width:620px}
th,td{
  padding:12px 13px;
  font-size:12.5px;
}
th{
  font-size:10.5px;
  letter-spacing:.055em;
}
.badge{
  padding:5px 8px;
  font-size:10.5px;
}
.empty{
  padding:28px 14px;
  font-size:13px;
  line-height:1.55;
}

/* POS — designed to be readable at 1366px and larger */
#page-pos{max-width:1840px}
.pos-command-head{
  align-items:center;
  margin-bottom:18px;
  gap:20px;
}
.pos-command-head h1{
  margin:3px 0 4px;
  font-size:clamp(29px,2.6vw,37px);
}
.pos-command-head p{
  font-size:13.5px;
  line-height:1.5;
}
.pos-command-actions{gap:9px}
.live-pill{
  min-height:40px;
  padding:9px 12px;
  font-size:9.5px;
}
.gold-outline-btn{font-size:12.5px}
.pos-v6-layout{
  grid-template-columns:minmax(0,1.55fr) minmax(420px,.88fr);
  gap:18px;
}
.pos-catalogue-v6,.bill-desk-v6{
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,rgba(60,97,132,.08),transparent 28%),
    linear-gradient(155deg,#0c2238,#071827);
}
.pos-catalogue-v6{
  padding:20px;
  min-height:calc(100vh - 158px);
}
.bill-desk-v6{
  padding:19px;
  top:92px;
  max-height:calc(100vh - 106px);
  scrollbar-width:thin;
}
.pos-section-head,.bill-desk-head{
  margin-bottom:14px;
}
.pos-section-head small,.bill-desk-head small,.editor-head small{
  font-size:9px;
}
.pos-section-head h3,.bill-desk-head h3{
  margin-top:3px;
  font-size:17px;
}
.catalogue-count{
  font-size:10.5px;
  padding:6px 10px;
}
.pos-search-v6{
  grid-template-columns:minmax(0,1fr) 46px;
  gap:9px;
}
.pos-search-v6 input{
  height:50px;
  font-size:14px;
}
.input-with-icon>.ui-icon{left:14px}
.input-with-icon input{padding-left:42px!important}
.icon-clear-btn{
  width:44px;
  height:44px;
  border-radius:11px;
}
.pos-search-v6 .icon-clear-btn{height:50px;width:46px}
.category-row-v6{
  gap:8px;
  padding:13px 0 9px;
}
.category-row-v6 .chip{
  padding:8px 12px;
  font-size:11px;
}
.service-grid-v6{
  gap:11px;
  max-height:calc(100vh - 300px);
  padding:2px 3px 7px;
}
.service-tile-v6{
  min-height:88px;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:11px;
  padding:12px 13px;
  border-radius:14px;
}
.service-tile-icon{
  width:40px;
  height:40px;
  border-radius:11px;
}
.service-tile-icon svg{width:18px;height:18px}
.service-tile-copy b{
  font-size:13.5px;
  line-height:1.32;
}
.service-tile-copy small{
  margin-top:4px;
  font-size:10.5px;
}
.service-tile-price{
  gap:5px;
  font-size:13.5px;
}
.service-tile-price i{font-size:8.5px}

/* POS customer + current bill */
.customer-card-v6{
  padding:13px;
  margin-bottom:13px;
  border-radius:14px;
}
.customer-card-v6 .panel-title-row{margin-bottom:10px}
.customer-card-v6 h3{font-size:13px!important}
.customer-card-v6 input{
  min-height:43px;
  padding:10px 11px;
  font-size:12px;
}
.customer-card-v6 .customer-mode-actions .text-btn{
  font-size:10.5px;
  padding:5px 7px;
}
.customer-mode-hint{font-size:10px}
.returning-customer strong{font-size:11px}
.returning-customer span{font-size:10px}
.bill-items-head{
  margin:11px 2px 9px;
  font-size:11.5px;
}
.bill-items-head small{font-size:9.5px}
.cart-items-v6{
  gap:9px;
  max-height:36vh;
}
.cart-item-v6{
  padding:12px;
  border-radius:13px;
}
.cart-item-v6 .cart-item-head strong{
  font-size:12px;
  line-height:1.35;
}
.cart-item-v6 .cart-item-head small{
  margin-top:3px;
  font-size:9.5px;
}
.cart-item-v6 .cart-item-price{
  font-size:12px;
  padding-top:2px;
}
.cart-remove-v6{
  width:29px;
  height:29px;
  border-radius:8px;
  font-size:17px;
}
.cart-staff-row{
  grid-template-columns:67px minmax(0,1fr);
  gap:8px;
  margin-top:9px;
}
.cart-staff-row label{font-size:10px}
.cart-staff-row select{
  min-height:39px;
  padding:8px 9px;
  font-size:11px;
}
.cart-control-v6{
  grid-template-columns:104px minmax(125px,1fr) 92px;
  gap:8px;
  margin-top:8px;
}
.cart-control-v6 select,.cart-control-v6 input{
  min-height:39px;
  padding:8px 9px;
  font-size:10.5px;
}
.qty-control{
  grid-template-columns:32px 1fr 32px;
  border-radius:9px;
}
.qty-control button{height:37px;font-size:16px}
.qty-control span{font-size:11px}
.cart-empty-v6{
  min-height:145px;
  border-radius:13px;
}
.cart-empty-v6 b{font-size:12.5px}
.cart-empty-v6 small{font-size:10.5px}
.bill-summary-v6{margin-top:12px}
.bill-lines-v6{
  gap:7px;
  padding:13px 14px;
  border-radius:13px;
}
.bill-lines-v6>div{
  font-size:11.5px;
}
.bill-lines-v6 b{font-size:12px}
.grand-total-v6{
  margin-top:8px;
  padding:13px 7px 4px;
}
.grand-total-v6 span{font-size:12px}
.grand-total-v6 strong{
  font-size:26px;
}
.payment-v6{margin-top:12px}
.payment-v6 .pay-label{
  margin-bottom:8px;
  font-size:10.5px;
}
.payment-v6 .pay-row{gap:8px}
.payment-v6 .pay-option{
  min-height:43px;
  padding:9px 8px;
  font-size:11px;
  border-radius:11px;
}
.payment-v6 .pay-option span{font-size:10.5px}
.complete-btn-v6{
  min-height:54px;
  margin-top:12px;
  border-radius:14px;
  font-size:14px;
}

/* Focus mode stays spacious */
.pos-focus .main{padding:14px}
.pos-focus .pos-v6-layout{
  grid-template-columns:minmax(0,1.65fr) minmax(450px,.72fr);
  gap:14px;
}
.pos-focus .pos-catalogue-v6{min-height:calc(100vh - 92px)}
.pos-focus .bill-desk-v6{top:14px;max-height:calc(100vh - 28px)}
.pos-focus .service-grid-v6{max-height:calc(100vh - 220px)}

/* Reports */
#page-reports{max-width:1700px}
.report-tabs-v6{
  gap:7px;
  padding:5px;
  margin-bottom:14px;
  border-radius:14px;
}
.report-tabs-v6 button{
  padding:11px 14px;
  font-size:11.5px;
  border-radius:10px;
}
.report-filter-card{
  gap:11px;
  padding:14px 15px;
  margin-bottom:15px;
  border-radius:15px;
}
.report-filter-card>div{min-width:180px}
.report-filter-card label{
  margin:0 0 6px;
  font-size:10.5px;
}
.report-filter-card input,.report-filter-card select{
  height:45px;
  font-size:12.5px;
}
.report-filter-card button{
  min-height:45px;
  font-size:11.5px;
  padding:9px 14px;
}
.report-export-group{gap:9px}
.report-pdf-btn,.report-excel-btn{min-height:45px}
.eod-whatsapp-card{
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:16px;
  padding:16px 18px;
  margin-bottom:17px;
  border-radius:19px;
}
.eod-whatsapp-icon{
  width:52px;
  height:52px;
  border-radius:15px;
}
.eod-whatsapp-copy span{font-size:8.5px}
.eod-whatsapp-copy b{font-size:17px}
.eod-whatsapp-copy small{font-size:10px}
.eod-whatsapp-btn{
  min-height:46px;
  padding:0 17px;
  font-size:10.5px;
  border-radius:12px;
}
.report-date-field{min-width:220px!important}
.report-date-field input{min-height:45px}
.report-submit-btn{min-height:45px}
.analytics-stats{
  gap:12px;
  margin-bottom:12px;
}
.analytics-stats>div{
  min-height:118px;
  padding:17px;
  border-radius:16px;
}
.analytics-stats small{font-size:9.5px}
.analytics-stats b{
  margin:7px 0 5px;
  font-size:26px;
}
.analytics-stats span{font-size:10.5px}
.analytics-payment-row{
  gap:10px;
  margin-bottom:15px;
}
.analytics-payment-row span{
  padding:11px 13px;
  border-radius:11px;
  font-size:10.5px;
}
.analytics-payment-row b{font-size:11.5px}
.analytics-grid{
  gap:14px;
  margin-bottom:14px;
}
.analytics-panel{min-height:300px}
.rank-list{gap:11px}
.rank-row{
  grid-template-columns:31px minmax(0,1fr) auto;
  gap:10px;
}
.rank-no{
  width:29px;
  height:29px;
  font-size:10px;
}
.rank-main b{font-size:11.5px}
.rank-main small{font-size:9.5px}
.rank-track{height:6px;margin-top:6px}
.rank-row>strong{font-size:11px}

/* Management screens */
.service-admin-layout{
  grid-template-columns:minmax(330px,390px) minmax(0,1fr);
  gap:16px;
}
.service-editor-card{top:92px}
.editor-head{margin-bottom:10px}
.editor-head h3{font-size:16px!important}
.service-admin-form{gap:10px}
.service-admin-form label{font-size:11px;margin:8px 0 5px}
.service-admin-form input,.service-admin-form select{
  min-height:44px;
  padding:10px 11px;
  font-size:12px;
}
.service-gst-note{
  padding:11px;
  border-radius:11px;
}
.service-gst-note b{font-size:11px}
.service-gst-note span{font-size:10px}
.service-admin-toolbar{
  grid-template-columns:minmax(210px,1fr) minmax(175px,.7fr) 145px auto;
  gap:8px;
  margin-bottom:12px;
}
.service-admin-toolbar input,.service-admin-toolbar select{
  height:44px;
  padding:9px 10px;
  font-size:11px;
}
.service-admin-toolbar .ghost-btn{font-size:10.5px}
.service-table-summary{margin-bottom:10px}
.service-table-summary b{font-size:11.5px}
.service-table-summary span{font-size:10px}
.service-admin-table-wrap th,.service-admin-table-wrap td{
  padding:11px 12px;
  font-size:11.5px;
}
.tiny{
  font-size:10px!important;
  padding:7px 9px!important;
}

/* Users, Employees, Settings/forms */
.settings-form,.employee-form,.user-form{gap:13px}
.settings-form input,.settings-form select,.settings-form textarea,
.employee-form input,.employee-form select,
.user-form input,.user-form select{
  font-size:12.5px;
}
.form-actions{margin-top:8px}
.modal-panel{border-radius:20px}

/* Scrollbars */
.sidebar,.bill-desk-v6,.service-grid-v6,.cart-items-v6,.table-wrap{
  scrollbar-width:thin;
  scrollbar-color:#3a566f #071725;
}
.sidebar::-webkit-scrollbar,
.bill-desk-v6::-webkit-scrollbar,
.service-grid-v6::-webkit-scrollbar,
.cart-items-v6::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar{width:8px;height:8px}
.sidebar::-webkit-scrollbar-thumb,
.bill-desk-v6::-webkit-scrollbar-thumb,
.service-grid-v6::-webkit-scrollbar-thumb,
.cart-items-v6::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb{background:#35516a;border-radius:999px}

/* Large displays: more service density without shrinking readability */
@media(min-width:1660px){
  .service-grid-v6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pos-v6-layout{grid-template-columns:minmax(0,1.7fr) minmax(440px,.76fr)}
}

/* Laptop handling */
@media(max-width:1240px){
  .app-shell{grid-template-columns:235px minmax(0,1fr)}
  .main{padding-left:22px;padding-right:22px}
  .pos-v6-layout{grid-template-columns:1fr}
  .bill-desk-v6{position:static;max-height:none}
  .service-grid-v6{max-height:560px}
  .dashboard-overview{grid-template-columns:1fr}
  .service-admin-layout{grid-template-columns:1fr}
  .service-editor-card{position:static}
  .analytics-grid{grid-template-columns:1fr}
}

/* Tablet/mobile */
@media(max-width:900px){
  html,body{font-size:14px!important}
  .main{padding:18px 14px 55px}
  .mobile-header{
    min-height:62px;
    padding:8px 12px;
    border-bottom:1px solid rgba(216,170,85,.16);
    background:rgba(5,16,28,.94);
    backdrop-filter:blur(16px);
  }
  .mobile-brand{font-size:17px}
  .mobile-brand img{width:38px;height:38px;border-radius:11px}
  .sidebar{
    width:278px!important;
    padding:17px 14px;
  }
  .page-head,.page-head-premium{
    align-items:flex-start;
    margin-bottom:17px;
  }
  .page-head h1,.page-head-premium h1{font-size:27px!important}
  .page-head p,.page-head-premium p{font-size:13px!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pos-command-head{align-items:flex-start}
  .pos-command-actions{justify-content:flex-start}
  .pos-catalogue-v6,.bill-desk-v6{padding:15px}
  .service-grid-v6{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}
  .analytics-stats,.analytics-payment-row{grid-template-columns:1fr 1fr}
  .service-admin-toolbar{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .main{padding-left:11px;padding-right:11px}
  .stats,.analytics-stats,.analytics-payment-row{grid-template-columns:1fr 1fr}
  .grid-2{grid-template-columns:1fr}
  .service-grid-v6{grid-template-columns:1fr}
  .customer-grid{grid-template-columns:1fr}
  .cart-control-v6{grid-template-columns:1fr 1fr}
  .cart-control-v6>input{grid-column:1/-1}
  .report-filter-card>div{width:100%;min-width:0!important}
  .report-filter-card button{width:100%}
  .report-export-group{
    width:100%;
    flex-direction:column;
  }
  .report-export-group button{width:100%}
  .eod-whatsapp-card{grid-template-columns:48px 1fr}
  .eod-whatsapp-btn{grid-column:1/-1;width:100%}
  .service-admin-toolbar{grid-template-columns:1fr}
}
@media(max-width:440px){
  .stats,.analytics-stats,.analytics-payment-row{grid-template-columns:1fr}
  .premium-card{padding:19px;min-height:150px}
  .hero-value{font-size:38px}
  .pos-command-actions>*{flex:1 1 auto}
  .live-pill{flex:0 0 auto}
  .cart-control-v6{grid-template-columns:1fr}
  .cart-control-v6>input{grid-column:auto}
  .complete-btn-v6{font-size:13px}
}
/* ==========================================================
   LAKMI POS v6.8
   TVS RP 3220 STAR
   FINAL 80MM THERMAL PRINT OVERRIDE
   ========================================================== */

:root {
    --receipt-paper-width: 80mm;
    --receipt-safe-width: 72mm;
}


/* ------------------------------------------
   RECEIPT ON SCREEN
   ------------------------------------------ */

.receipt-paper {
    box-sizing: border-box;
    width: 80mm;
    max-width: 80mm;
    height: auto;
    min-height: 0;

    margin: 0 auto;

    padding:
        5mm
        4mm
        4mm
        4mm;

    background: #fff;
    color: #000;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9.4px;
    line-height: 1.25;

    overflow: visible;
}


/* Prevent receipt table from exceeding printer width */

.receipt-paper table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}


.receipt-paper td,
.receipt-paper th {
    overflow-wrap: anywhere;
}


/* ==========================================================
   ACTUAL THERMAL PRINT
   ========================================================== */

@media print {

    /*
       Chrome/Edge thermal roll.

       Height remains automatic.

       Do NOT use A4/A5.
    */

    @page {
        size: 80mm auto;
        margin: 0;
    }


    html,
    body {

        width: 80mm !important;
        max-width: 80mm !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;

        overflow: visible !important;

    }


    /*
       Hide complete POS.
    */

    body * {

        visibility: hidden !important;

    }


    /*
       Show only receipt.
    */

    #receiptPaper,
    #receiptPaper * {

        visibility: visible !important;

    }


    /*
       Remove modal dimensions.
    */

    #receiptModal {

        display: block !important;

        position: static !important;

        width: 80mm !important;
        max-width: 80mm !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;

        overflow: visible !important;

    }


    #receiptModal .modal-panel,
    #receiptModal .receipt-panel {

        position: static !important;

        display: block !important;

        width: 80mm !important;
        max-width: 80mm !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        border-radius: 0 !important;

        background: #fff !important;

        box-shadow: none !important;

        overflow: visible !important;

    }


    /*
       ACTUAL RECEIPT

       Paper = 80mm
       Content ~= 72mm
    */

    #receiptPaper {

        visibility: visible !important;

        position: static !important;

        display: block !important;

        box-sizing: border-box !important;

        width: 80mm !important;
        max-width: 80mm !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;

        padding:
            3mm
            4mm
            2mm
            4mm
            !important;

        background: #fff !important;

        color: #000 !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: visible !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif
            !important;

        font-size: 9.4px !important;

        line-height: 1.22 !important;

        -webkit-print-color-adjust: exact !important;

        print-color-adjust: exact !important;

    }


    /*
       Do not print buttons.
    */

    .modal-actions,
    .receipt-modal-actions,
    .modal-backdrop {

        display: none !important;

    }


    /*
       Receipt tables
    */

    #receiptPaper table {

        width: 100% !important;

        max-width: 100% !important;

        table-layout: fixed !important;

        border-collapse: collapse !important;

    }


    #receiptPaper tr {

        break-inside: avoid !important;

        page-break-inside: avoid !important;

    }


    #receiptPaper th,
    #receiptPaper td {

        overflow-wrap: anywhere !important;

    }


    /*
       Thermal printer colours
    */

    .r-title,
    .r-sub,
    .r-tagline,
    .r-meta,
    .r-receipt-heading {

        color: #000 !important;

    }


    .r-title {

        font-size: 17px !important;

        font-weight: 900 !important;

    }


    .r-items-table thead th {

        background: #eee !important;

        color: #000 !important;

        -webkit-print-color-adjust: exact !important;

        print-color-adjust: exact !important;

    }


    .r-grand {

        background: #eee !important;

        color: #000 !important;

        font-weight: 900 !important;

    }


    /*
       Keep receipt logo/image inside paper.
    */

    #receiptPaper img {

        max-width: 100% !important;

        height: auto !important;

    }


    /*
       Tiny final feed area before cutter.
       Do not use large blank area.
    */

    #receiptPaper::after {

        content: "";

        display: block;

        width: 100%;

        height: 3mm;

    }

}