:root{--bg:#07101b;--panel:#0b1725;--panel2:#0f1f31;--line:#233a52;--text:#edf5ff;--muted:#8ea5bd;--green:#22c55e;--green2:#16a34a;--amber:#facc15;--red:#ef4444;--blue:#38bdf8;--purple:#a78bfa;--shadow:0 18px 45px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:"Noto Sans Bengali","Segoe UI",Arial,sans-serif;background:#050b12;color:var(--text)}body{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.app-shell{width:100%;max-width:1360px;height:calc(100vh - 24px);margin:12px auto;background:var(--bg);border:1px solid rgba(126,164,199,.28);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.windowbar{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#0a1119;border-bottom:1px solid #1d2a38;font-size:11px}.dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f57}.yellow{background:#ffbd2e}.green{background:#28c940}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:linear-gradient(#12243a,#0a1420);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center}.brand img{width:36px;height:36px}.brand h1{font-size:16px;margin:0}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em}.top-actions{display:flex;gap:8px;align-items:center}.langbtn,.ghost,.primary,.danger,.success{border:1px solid var(--line);border-radius:9px;padding:7px 11px;background:#122235;color:var(--text);font-size:11px}.langbtn.active,.primary{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#34d399}.danger{background:#4b1720;border-color:#7f1d1d}.success{background:#123c29;border-color:#166534}.workspace{flex:1;display:flex;min-height:0}.sidebar{width:218px;background:#0b1725;border-right:1px solid var(--line);padding:10px;overflow:auto}.nav-title{font-size:9px;color:#67819a;letter-spacing:.16em;margin:5px 8px 7px}.navbtn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:0;border-left:2px solid transparent;background:transparent;color:#b7c8d8;text-align:left;font-size:12px;margin:2px 0}.navbtn:hover{background:#102236}.navbtn.active{background:rgba(34,197,94,.12);border-left-color:#86efac;color:#bbf7d0}.navbtn .ico{width:22px;text-align:center}.badge{margin-left:auto;background:#1d3348;border-radius:8px;padding:2px 6px;font-size:9px}.main{flex:1;min-width:0;overflow:auto;padding:14px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.08),transparent 35%),#08121d}.pagehead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.pagehead h2{margin:0;font-size:19px}.pagehead p{margin:3px 0 0;color:var(--muted);font-size:11px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.stat{background:linear-gradient(135deg,#102034,#0b1725);border:1px solid var(--line);border-radius:13px;padding:12px}.stat .label{color:#91a8bf;font-size:10px}.stat .value{font-size:19px;font-weight:800;margin-top:4px}.stat .sub{font-size:9px;color:#6f8aa3;margin-top:3px}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.panel{background:#0c1928;border:1px solid var(--line);border-radius:13px;padding:12px;min-width:0}.panel h3{font-size:13px;margin:0 0 10px}.tablewrap{overflow:auto;border:1px solid #1d3347;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:11px;min-width:720px}th,td{padding:9px 10px;border-bottom:1px solid #1b2c3d;text-align:left;vertical-align:middle}th{color:#8ca6c0;background:#0d1c2c;position:sticky;top:0}tr:hover td{background:#0e1e2e}.status{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;border:1px solid}.ok{color:#bbf7d0;border-color:#166534;background:#123522}.low{color:#fde68a;border-color:#854d0e;background:#3b2b0b}.bad{color:#fda4af;border-color:#7f1d1d;background:#3d151c}.product-thumb{width:46px;height:46px;border-radius:9px;object-fit:cover;background:#132235;border:1px solid #274057}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.search{flex:1;min-width:190px;background:#0a1522;border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:var(--text)}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.field label{display:block;font-size:10px;color:#91a8bf;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:8px 9px;border-radius:9px;border:1px solid var(--line);background:#081522;color:#eef7ff;outline:none}.field textarea{min-height:76px;resize:vertical}.modalback{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:18px;z-index:80}.modal{width:min(880px,96vw);max-height:90vh;overflow:auto;background:#0c1928;border:1px solid #2b4864;border-radius:16px;padding:16px;box-shadow:var(--shadow)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modalhead h3{margin:0}.close{background:transparent;color:#fff;border:0;font-size:20px}.loginpage{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 15% 20%,rgba(34,197,94,.22),transparent 34%),radial-gradient(circle at 85% 15%,rgba(56,189,248,.16),transparent 32%),#061019;display:flex;align-items:center;justify-content:center;padding:18px}.loginbox{width:min(1080px,95vw);min-height:610px;background:#0a1724;border:1px solid #28435c;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;box-shadow:0 35px 90px rgba(0,0,0,.5)}.loginart{position:relative;padding:38px;background:linear-gradient(145deg,rgba(3,105,161,.1),rgba(34,197,94,.12));display:flex;flex-direction:column;justify-content:space-between}.hero-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.hero-products img{width:100%;border-radius:18px;border:1px solid #2b4d62;box-shadow:0 16px 30px rgba(0,0,0,.28)}.loginart h2{font-size:34px;line-height:1.2;margin:0}.loginart p{color:#9fb5c9;max-width:600px}.loginform{padding:36px;background:#0b1521;display:flex;flex-direction:column;justify-content:center}.loginform h3{font-size:22px;margin:0 0 6px}.loginform p{font-size:11px;color:var(--muted);margin:0 0 22px}.loginform .field{margin-bottom:10px}.loginform .wide{width:100%;margin-top:6px}.togglelinks{display:flex;gap:8px;margin-bottom:16px}.notice{font-size:10px;color:#8fa7bd;background:#0a1d2a;border:1px solid #1d3b50;border-radius:9px;padding:9px;margin-top:10px}.mini-chart{height:170px;display:flex;align-items:flex-end;gap:9px;padding:12px 2px}.bar{flex:1;background:linear-gradient(#86efac,#15803d);border-radius:6px 6px 2px 2px;min-width:18px;position:relative}.bar span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:9px;color:#7890a8}.alerts{display:grid;gap:8px}.alert{display:flex;gap:10px;align-items:center;padding:9px;border:1px solid #233b52;border-radius:10px;background:#0b1a28}.alert img{width:40px;height:40px;border-radius:8px}.alert b{font-size:11px}.alert small{display:block;color:#90a6bb;margin-top:2px}.footerline{padding:6px 12px;border-top:1px solid #1d2d3d;background:#0a121c;color:#66829c;font-size:9px;display:flex;justify-content:space-between}.mobile-menu{display:none}.previewimg{max-width:150px;max-height:120px;border-radius:10px;border:1px solid var(--line);margin-top:8px}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.formgrid{grid-template-columns:repeat(2,1fr)}.loginbox{grid-template-columns:1fr}.loginart{display:none}.sidebar{position:fixed;z-index:70;left:0;top:0;bottom:0;transform:translateX(-105%);transition:.2s;width:240px}.sidebar.show{transform:translateX(0)}.mobile-menu{display:inline-block}.app-shell{height:100vh;margin:0;border-radius:0}}
@media(max-width:600px){.cards{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.topbar{height:62px}.brand h1{font-size:13px}.main{padding:9px}.loginform{padding:24px}.pagehead{flex-direction:column}.top-actions .clock{display:none}}

body.light{--bg:#edf4f8;--panel:#ffffff;--panel2:#f5f9fb;--line:#c8d9e5;--text:#102231;--muted:#5b7388;background:#e7eef3}.light .app-shell,.light .main,.light .sidebar,.light .topbar,.light .windowbar,.light .panel,.light .stat{color:var(--text)}.light .main{background:#eef5f8}.light .sidebar,.light .panel,.light .stat{background:#fff}.light .topbar{background:#e1edf3}.light .windowbar{background:#dce8ee}.light .navbtn{color:#344e62}.light .search,.light .field input,.light .field select,.light .field textarea{background:white;color:#102231}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-card{border:1px solid var(--line);background:#0b1a28;border-radius:14px;padding:10px}.product-card img{width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:10px}.product-card h4{margin:8px 0 3px;font-size:12px}.product-card p{margin:0;color:var(--muted);font-size:9px}.measure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,1fr)}.measure-grid{grid-template-columns:repeat(2,1fr)}}
/* v1.1.0 - desktop-like movable/resizable in-browser app window */
html,body{overflow:hidden}.app-shell.window-managed{position:fixed!important;display:flex!important;margin:0!important;max-width:none!important;max-height:none!important;width:1120px;height:720px;min-width:320px;min-height:420px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:16px!important;overflow:hidden!important;z-index:40;container-type:inline-size}.app-shell.window-managed.window-maximized{border-radius:8px!important}.windowbar{position:relative;touch-action:none;flex:0 0 36px;height:36px!important;padding:0 8px 0 12px!important;gap:8px;user-select:none;cursor:move}.window-left{display:flex;align-items:center;gap:10px;min-width:0}.window-left b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-meta{margin-left:auto;display:flex;align-items:center;gap:8px;color:#88a0b7;white-space:nowrap}.dimension{font-variant-numeric:tabular-nums;color:#b7e4c7;background:#10251b;border:1px solid #28543b;border-radius:7px;padding:3px 7px}.version-label{font-size:9px}.window-controls{display:flex;gap:4px;align-items:center;cursor:default}.window-controls button{height:25px;border:1px solid #31465c;background:#122235;color:#dceaf5;border-radius:6px;padding:0 7px;font-size:9px;cursor:pointer}.window-controls button:hover{background:#1a314a}.window-controls .win-close{background:#4b1720;border-color:#7f1d1d}.window-controls .win-close:hover{background:#7f1d1d}.window-resize-handle{position:absolute;z-index:120;touch-action:none}.window-resize-handle.n,.window-resize-handle.s{left:10px;right:10px;height:8px}.window-resize-handle.n{top:-3px;cursor:n-resize}.window-resize-handle.s{bottom:-3px;cursor:s-resize}.window-resize-handle.e,.window-resize-handle.w{top:10px;bottom:10px;width:8px}.window-resize-handle.e{right:-3px;cursor:e-resize}.window-resize-handle.w{left:-3px;cursor:w-resize}.window-resize-handle.ne,.window-resize-handle.nw,.window-resize-handle.se,.window-resize-handle.sw{width:18px;height:18px}.window-resize-handle.ne{right:-4px;top:-4px;cursor:ne-resize}.window-resize-handle.nw{left:-4px;top:-4px;cursor:nw-resize}.window-resize-handle.se{right:-4px;bottom:-4px;cursor:se-resize}.window-resize-handle.sw{left:-4px;bottom:-4px;cursor:sw-resize}.workspace{position:relative}.paid{border:1px solid #9a6b12;border-radius:9px;padding:7px 11px;background:linear-gradient(135deg,#7c4c08,#a86d0b);color:#fff3c4;font-size:11px;font-weight:700}.paid:hover{filter:brightness(1.1)}.access-status{border:1px solid #28543b;border-radius:999px;padding:5px 8px;font-size:9px;background:#10251b;color:#b7e4c7;white-space:nowrap}.access-status.pending{border-color:#8a641b;background:#382a0d;color:#ffe39b}.access-status.approved{border-color:#166534;background:#123c29;color:#bbf7d0}.nabaneeta-card{display:flex;gap:10px;align-items:center;border:1px solid #30556c;background:linear-gradient(135deg,#0b2030,#102a25);border-radius:12px;padding:9px;margin:10px 0}.nabaneeta-card img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #60a5fa;background:#0b1725}.nabaneeta-card b{display:block;color:#c7f9ff;font-size:12px}.nabaneeta-card small{display:block;color:#8fa7bd;font-size:9.5px;margin:2px 0 6px}.assistant-listen{border:1px solid #346b82;background:#12384a;color:#d6f6ff;border-radius:7px;padding:5px 8px;font-size:10px;cursor:pointer}.closed-state{position:fixed;inset:0;display:grid;place-items:center;z-index:45;background:radial-gradient(circle at 50% 40%,rgba(34,197,94,.14),transparent 34%),#061019}.closed-state.hidden{display:none}.closed-card{width:min(420px,90vw);background:#0a1724;border:1px solid #28435c;border-radius:18px;padding:24px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.45)}.closed-card img{width:70px;height:70px}.closed-card h3{margin:10px 0 5px}.closed-card p{margin:0 0 14px;color:#8fa7bd;font-size:11px}.window-narrow .cards{grid-template-columns:repeat(2,1fr)}.window-narrow .grid2{grid-template-columns:1fr}.window-narrow .formgrid{grid-template-columns:repeat(2,1fr)}.window-narrow .sidebar{position:absolute!important;z-index:70;left:0;top:0;bottom:0;transform:translateX(-105%);transition:.2s;width:240px}.window-narrow .sidebar.show{transform:translateX(0)}.window-narrow .mobile-menu{display:inline-block}.window-narrow .topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:7px 10px}.window-narrow .top-actions{flex-wrap:wrap;justify-content:flex-end}.window-mobile .cards{grid-template-columns:1fr 1fr}.window-mobile .formgrid{grid-template-columns:1fr}.window-mobile .brand h1{font-size:13px}.window-mobile .brand small{display:none}.window-mobile .main{padding:9px}.window-mobile .pagehead{flex-direction:column}.window-mobile .top-actions .clock{display:none}.window-mobile .window-meta .version-label{display:none}.window-mobile .window-controls button span{display:none}.window-mobile .window-controls button{font-size:13px;min-width:27px;padding:0 5px}.window-mobile .dimension{font-size:8px;padding:2px 4px}.window-mobile .windowbar{padding-left:6px!important}.window-mobile .dots{display:none}.window-mobile .window-left b{font-size:9px;max-width:120px}.window-tiny .window-left b{display:none}.window-tiny .window-meta{margin-left:0}.window-tiny .top-actions .langbtn{display:none}.window-tiny .top-actions{gap:4px}.window-tiny .paid,.window-tiny .danger,.window-tiny .ghost{padding:6px 7px}.window-tiny .cards{grid-template-columns:1fr}.window-tiny .product-grid{grid-template-columns:1fr}.window-tiny .measure-grid{grid-template-columns:1fr 1fr}
@media(max-width:1000px){.app-shell.window-managed{height:auto;margin:0;border-radius:16px}.app-shell.window-managed .sidebar{position:absolute}.app-shell.window-managed .workspace{position:relative}}
@media(max-width:520px){.window-meta{gap:3px}.window-controls{gap:2px}}
.app-shell.window-managed .window-resize-handle.n{top:0}.app-shell.window-managed .window-resize-handle.s{bottom:0}.app-shell.window-managed .window-resize-handle.e{right:0}.app-shell.window-managed .window-resize-handle.w{left:0}.app-shell.window-managed .window-resize-handle.ne{right:0;top:0}.app-shell.window-managed .window-resize-handle.nw{left:0;top:0}.app-shell.window-managed .window-resize-handle.se{right:0;bottom:0}.app-shell.window-managed .window-resize-handle.sw{left:0;bottom:0}

/* v1.2.0 — reliable movable/resizable centered app window */
.app-shell.window-managed{position:fixed!important;margin:0!important;max-width:none!important;max-height:none!important;transform:none!important;z-index:40;overflow:hidden!important;display:flex!important;min-width:0!important;min-height:0!important}
.app-shell.window-managed.app-closed{display:none!important}
.windowbar{cursor:grab!important;touch-action:none!important;flex-shrink:0!important}
body.window-operating,.window-operating *{user-select:none!important;cursor:grabbing!important}
.window-controls,.window-controls *{cursor:default!important}.window-controls button{cursor:pointer!important}
.window-meta{min-width:150px;justify-content:flex-end}.dimension{display:inline-flex!important;align-items:center;justify-content:center;min-width:138px;font-size:10px!important;font-weight:800;letter-spacing:.02em;color:#d6ffe2!important;background:#0b2b1a!important;border-color:#2f8550!important}
.window-resize-handle{display:block!important;position:absolute!important;z-index:500!important;background:transparent!important}
.window-resize-handle.n{top:0!important;left:18px!important;right:18px!important;height:9px!important}.window-resize-handle.s{bottom:0!important;left:18px!important;right:18px!important;height:9px!important}.window-resize-handle.e{right:0!important;top:18px!important;bottom:18px!important;width:9px!important}.window-resize-handle.w{left:0!important;top:18px!important;bottom:18px!important;width:9px!important}
.window-resize-handle.ne,.window-resize-handle.nw,.window-resize-handle.se,.window-resize-handle.sw{width:20px!important;height:20px!important}.window-resize-handle.ne{right:0!important;top:0!important}.window-resize-handle.nw{left:0!important;top:0!important}.window-resize-handle.se{right:0!important;bottom:0!important}.window-resize-handle.sw{left:0!important;bottom:0!important}
@media(max-width:1000px){.app-shell.window-managed{border-radius:14px!important}.window-meta{min-width:125px}.dimension{min-width:118px;font-size:9px!important}}
@media(max-width:620px){.windowbar{gap:4px!important}.window-left b{max-width:95px!important}.window-meta{min-width:94px!important}.dimension{min-width:92px!important;font-size:8px!important;padding:2px 3px!important}.window-controls button{padding:0 4px!important}}

/* Five-language + voice control strip v1.5.0 */
.legacy-language{display:none!important}.grocery-i18n-controls{direction:ltr;display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.loginform>.grocery-i18n-controls{margin:0 0 15px}.grocery-i18n-controls button,.grocery-i18n-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:27px;border:1px solid #37506a;border-radius:8px;padding:5px 8px;background:#122235;color:#eef7ff;font:700 9px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}.grocery-i18n-controls button:hover,.grocery-i18n-controls a:hover{filter:brightness(1.17)}.grocery-i18n-controls button.active{border-color:#c084fc;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.grocery-i18n-controls [data-grocery-key="market"]{border-color:#d97706;background:#854d0e;color:#fff7d6}.grocery-i18n-controls [data-grocery-key="hear"]{border-color:#0891b2;background:#0e7490;color:#ecfeff}.grocery-i18n-controls [data-grocery-stop]{border-color:#7c3aed;background:#312e81;color:#f5f3ff}.topbar{height:auto;min-height:58px}.topbar>.top-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:5px}.topbar .main-controls{max-width:560px}.assistant-status{display:block;color:#7dd3fc;font-size:8.5px;margin-top:4px}.nabaneeta-card>div{min-width:0}
html[dir="rtl"] .sidebar{border-right:0;border-left:1px solid var(--line)}html[dir="rtl"] th,html[dir="rtl"] td,html[dir="rtl"] .navbtn{text-align:right}
@media(max-width:1150px){.topbar .clock{display:none}.topbar .main-controls{max-width:460px}.grocery-i18n-controls button,.grocery-i18n-controls a{padding:5px 6px;font-size:8.5px}}
@media(max-width:760px){.loginform{justify-content:flex-start;overflow:auto}.loginform>.grocery-i18n-controls{justify-content:center}.topbar{align-items:flex-start}.topbar .brand{padding-top:4px}.topbar>.top-actions{max-width:76%;gap:4px}.topbar .main-controls{max-width:100%}.grocery-i18n-controls button,.grocery-i18n-controls a{min-height:25px;padding:4px 5px;font-size:8px}}
@media(max-width:520px){.topbar>.top-actions{max-width:72%}.loginform{padding:18px}.loginform>.grocery-i18n-controls{gap:4px}.loginform>.grocery-i18n-controls button,.loginform>.grocery-i18n-controls a{font-size:7.5px}}

/* Image POS, cart and cash/due calculator v1.6.0 */
.pos-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:12px}.pos-catalog,.pos-cart{border:1px solid var(--line);border-radius:13px;background:#091724;padding:11px;min-width:0}.pos-catalog>.search{width:100%;margin-bottom:10px}.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:58vh;overflow:auto;padding-right:3px}.pos-product{position:relative;display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #29445c;border-radius:11px;padding:7px;background:#0e2132;color:var(--text);text-align:left;cursor:pointer}.pos-product:hover{border-color:#22c55e;background:#123126}.pos-product.soldout{opacity:.46;cursor:not-allowed}.pos-product img{width:54px;height:54px;border-radius:9px;object-fit:cover;background:#132235}.pos-product span{min-width:0;display:grid;gap:2px}.pos-product b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-product small{font-size:8px;color:#8ea7bd}.pos-product strong{font-size:11px;color:#86efac}.pos-product em{position:absolute;right:6px;bottom:5px;border-radius:6px;padding:2px 5px;background:#166534;color:#dcfce7;font-size:7px;font-style:normal}.pos-customer-grid{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:7px;margin-bottom:9px}.pos-cart-list{max-height:35vh;overflow:auto;border:1px solid #21384d;border-radius:10px}.pos-cart-list table{min-width:540px}.pos-cart-list th,.pos-cart-list td{padding:7px;font-size:9px}.pos-cart-product{display:flex;align-items:center;gap:6px;min-width:120px}.pos-cart-product img{width:30px;height:30px;border-radius:6px;object-fit:cover}.qty-stepper{display:flex;align-items:center;gap:4px}.qty-stepper button{width:22px;height:22px;border:1px solid #365269;border-radius:6px;background:#132a3d;color:#fff;cursor:pointer}.qty-stepper b{min-width:18px;text-align:center}.pos-remove{padding:4px 7px!important}.pos-empty{text-align:center!important;color:#7890a8;padding:24px!important}.pos-payment{display:grid;grid-template-columns:120px 130px 1fr;gap:8px;align-items:end;margin-top:10px}.pos-totals{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pos-totals span{display:flex;justify-content:space-between;gap:8px;border:1px solid #29445c;border-radius:8px;padding:6px 8px;background:#0c1d2c;font-size:9px}.pos-totals .due-line{border-color:#9a3412;color:#fed7aa}.pos-totals .change-line{border-color:#166534;color:#bbf7d0}.pos-checkout{margin-top:10px!important;font-weight:800!important;font-size:12px!important}.modal:has(.pos-layout){width:min(1180px,97vw)}
@media(max-width:900px){.pos-layout{grid-template-columns:1fr}.pos-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:30vh}.pos-payment{grid-template-columns:110px 120px 1fr}}
@media(max-width:650px){.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-customer-grid{grid-template-columns:1fr}.pos-payment{grid-template-columns:1fr 1fr}.pos-totals{grid-column:1/-1}.modal:has(.pos-layout){padding:10px}}

/* Keep the POS workspace inside the app content area v1.6.1 */
.pos-inline-panel{padding:11px;overflow:hidden}.pos-inline-panel>.modalhead{margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid var(--line)}.pos-inline-panel>.modalhead small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.pos-inline-panel .pos-layout{width:100%;grid-template-columns:minmax(300px,1.15fr) minmax(330px,.85fr)}.pos-inline-panel .pos-product-grid{max-height:315px}.pos-inline-panel .pos-cart-list{max-height:190px}.pos-inline-panel .close{width:28px;height:28px;border:1px solid #374b60;border-radius:8px;background:#122235}.window-narrow .pos-inline-panel .pos-layout{grid-template-columns:1fr}.window-narrow .pos-inline-panel .pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}.window-narrow .pos-inline-panel .pos-cart-list{max-height:190px}.window-mobile .pos-inline-panel{padding:8px}.window-mobile .pos-inline-panel .pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.window-mobile .pos-inline-panel .pos-customer-grid{grid-template-columns:1fr}.window-mobile .pos-inline-panel .pos-payment{grid-template-columns:1fr 1fr}.window-mobile .pos-inline-panel .pos-totals{grid-column:1/-1}

/* Full in-app POS workspace, inspired by the supplied reference v1.7.0 */
.main.pos-mode{padding:0;overflow:hidden;background:#07131e}.pos-mode .pos-inline-panel{height:100%;padding:0;border:0;border-radius:0;background:#07131e;display:flex;flex-direction:column;overflow:hidden}.pos-mode .pos-inline-panel>.modalhead{flex:0 0 auto;margin:0;padding:10px 13px;border-bottom:1px solid #244157;background:linear-gradient(90deg,#0b1c2b,#091622)}.pos-mode .pos-inline-panel>.modalhead h3{font-size:17px}.pos-mode .pos-layout{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px!important;gap:0}.pos-mode .pos-catalog{min-height:0;border:0;border-radius:0;padding:10px 10px 8px;background:#081521;display:flex;flex-direction:column}.pos-mode .pos-catalog>.search{flex:0 0 auto;margin-bottom:8px;padding:9px 11px}.pos-mode .pos-product-grid{flex:1;min-height:0;max-height:none!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;overflow-y:auto;overflow-x:hidden}.pos-mode .pos-product{min-height:128px;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:6px 6px 26px;border-color:#29465d;background:linear-gradient(160deg,#102537,#0b1927)}.pos-mode .pos-product:hover{transform:translateY(-1px);border-color:#22c55e;box-shadow:0 7px 18px rgba(0,0,0,.2)}.pos-mode .pos-product img{width:100%;height:68px;border-radius:8px;object-fit:contain;background:linear-gradient(145deg,#17351f,#0d1f17)}.pos-mode .pos-product span{display:block}.pos-mode .pos-product b{display:block;font-size:10px}.pos-mode .pos-product small{display:block;font-size:7.5px;margin-top:1px}.pos-mode .pos-product strong{display:block;font-size:11px;margin-top:2px}.pos-mode .pos-product em{right:6px;bottom:6px;padding:3px 6px}.pos-mode .pos-cart{min-height:0;border:0;border-left:1px solid #29465d;border-radius:0;padding:0 9px 9px;background:#0a1825;display:flex;flex-direction:column}.pos-cart-title{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -9px 8px;padding:9px 10px;border-bottom:1px solid #29465d;background:#0d2030}.pos-cart-title b{font-size:12px;color:#e8f6ff}.pos-cart-title small{font-size:8px;color:#84a2b9}.pos-mode .pos-customer-grid{flex:0 0 auto;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}.pos-mode .pos-customer-grid>.field:first-child{grid-column:1/-1}.pos-mode .pos-customer-grid .field label{font-size:8px;margin-bottom:3px}.pos-mode .pos-customer-grid .field input,.pos-mode .pos-customer-grid .field select{padding:7px 8px}.pos-mode .pos-cart-list{flex:1;min-height:105px;max-height:none!important;overflow-y:auto;overflow-x:hidden}.pos-mode .pos-cart-list table{width:100%;min-width:0;table-layout:fixed}.pos-mode .pos-cart-list th,.pos-mode .pos-cart-list td{padding:6px 4px;font-size:8px;overflow:hidden}.pos-mode .pos-cart-list th:nth-child(1){width:42%}.pos-mode .pos-cart-list th:nth-child(2){width:28%}.pos-mode .pos-cart-list th:nth-child(3),.pos-mode .pos-cart-list td:nth-child(3){display:none}.pos-mode .pos-cart-list th:nth-child(4){width:22%}.pos-mode .pos-cart-list th:nth-child(5){width:8%}.pos-mode .pos-cart-product{min-width:0;gap:4px}.pos-mode .pos-cart-product img{width:30px;height:30px;flex:0 0 30px}.pos-mode .pos-cart-product span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-mode .qty-stepper{gap:2px}.pos-mode .qty-stepper button{width:20px;height:20px;padding:0}.pos-mode .qty-stepper b{min-width:13px}.pos-mode .pos-payment{flex:0 0 auto;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.pos-mode .pos-payment>.field input{padding:7px 8px}.pos-mode .pos-totals{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:4px}.pos-mode .pos-totals span{padding:5px 7px}.pos-mode .pos-checkout{flex:0 0 auto;margin-top:7px!important;padding:9px!important}.window-narrow .main.pos-mode{overflow:auto}.window-narrow .pos-mode .pos-inline-panel{height:auto;min-height:100%}.window-narrow .pos-mode .pos-layout{grid-template-columns:1fr!important}.window-narrow .pos-mode .pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:360px!important}.window-narrow .pos-mode .pos-cart{border-left:0;border-top:1px solid #29465d}.window-mobile .pos-mode .pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}