@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--brand:#1679bd;--accent:#0e66a4;--ink:#142235;--muted:#66758a;--line:#d9e3ee;--surface:#fff;--canvas:#f5f9fe;--danger:#df2f32;--warning:#e49b27;--success:#198f67;--shadow:0 8px 24px rgba(20,80,125,.08)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#fff;border-right:1px solid var(--line);z-index:50;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:22px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:3}.brand img{width:42px;height:42px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));font-weight:800;box-shadow:0 7px 16px #0b6f8a33}.brand-mark.large{width:64px;height:64px;border-radius:20px;font-size:1.25rem}.brand span:last-child{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:1.04rem}.brand small{max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.sidebar nav{padding:15px 12px 30px}.sidebar nav>a,.sidebar summary{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:9px;font-weight:600;color:#4e596c;list-style:none}.sidebar nav>a:hover,.sidebar summary:hover,.sidebar details[open]>summary{background:#f0f4ff;color:var(--brand)}.sidebar summary::-webkit-details-marker{display:none}.sidebar summary:after{content:'›';margin-left:auto;transition:.2s}.sidebar details[open] summary:after{transform:rotate(90deg)}.sidebar details div{border-left:1px solid #dfe5f1;margin:4px 0 8px 23px;padding-left:8px}.sidebar details div a{display:block;padding:8px 12px;color:#6c7585;border-radius:7px;font-size:.88rem}.sidebar details div a:hover{color:var(--brand);background:#f7f8fc}.topbar{height:72px;position:fixed;top:0;left:270px;right:0;display:flex;align-items:center;gap:15px;padding:0 26px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:40}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#495367}.top-search{display:flex;align-items:center;gap:9px;max-width:420px;flex:1;padding:9px 13px;background:#f6f7fa;border-radius:10px}.top-search input{border:0;outline:0;background:transparent;width:100%}.user-chip{margin-left:auto;display:flex;align-items:center;gap:10px}.user-chip>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#edf0ff;color:var(--brand);font-weight:800}.user-chip div{display:flex;flex-direction:column}.user-chip small{color:var(--muted);font-size:.78rem}.topbar form{margin:0}.page-shell{margin-left:270px;padding:100px 28px 42px;min-height:100vh}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.page-heading h1{margin:3px 0;font-size:1.75rem;letter-spacing:-.04em}.page-heading p{margin:5px 0 0;color:var(--muted)}.eyebrow{font-size:.71rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}.healthy{color:#24a87b}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;padding:10px 15px;font-weight:700;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 8px 20px #0b6f8a2b}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#fff0f2;color:var(--danger)}.btn.ghost{background:#f4f6fa;color:#536075}.btn.small{padding:6px 9px;font-size:.8rem}.btn.full{width:100%;padding:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px}.card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.card h2{font-size:1.04rem;margin:0}.card header p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.card header a{font-size:.82rem;color:var(--accent);font-weight:700}.stat-grid{display:grid;gap:14px;margin-bottom:18px}.stat-grid.five{grid-template-columns:repeat(5,minmax(150px,1fr))}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:before{content:'';position:absolute;width:60px;height:60px;border-radius:50%;right:-20px;top:-20px;background:#eff2ff}.stat span{display:block;color:var(--muted);font-size:.82rem}.stat strong{display:block;font-size:1.45rem;margin:9px 0 6px;letter-spacing:-.04em}.stat small{color:#9aa1ae}.stat.profit strong{color:var(--success)}.stat.loss strong{color:var(--danger)}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.span-2{grid-column:span 2}.record-list>a{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.record-list>a:first-child{border-top:0}.record-list div{display:flex;flex-direction:column;min-width:0}.record-list small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.record-list b{font-size:.85rem}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf0ff;color:var(--brand);font-weight:800}.avatar.warm{background:#fff3df;color:#9d6517}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:99px;background:#f1f3f7;color:#637087;font-style:normal;font-size:.72rem;font-weight:700}.badge.paid,.badge.completed,.badge.active,.badge.refunded{background:#e6f7f1;color:var(--success)}.badge.partial,.badge.pending,.badge.low{background:#fff4df;color:#a96c0c}.badge.unpaid,.badge.out,.badge.inactive{background:#ffeaed;color:var(--danger)}.mini-list div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0}.mini-list div:first-child{border:0}.timeline>div{display:flex;gap:10px;margin:12px 0}.timeline>div>span{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #1595ad14}.timeline p{margin:0;display:flex;flex-direction:column}.timeline small{color:var(--muted);margin-top:3px}.muted-row{padding:24px;text-align:center;color:var(--muted)}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px}.alert.success{background:#e8f8f2;color:#147956}.alert.danger{background:#ffeaed;color:#ad2f40}.validation,[data-valmsg-for]:not(:empty){color:var(--danger);font-size:.8rem;margin:5px 0;display:block}.filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}.filters input,.filters select{min-width:150px;flex:1}.field,input,select,textarea{border:1px solid #dde2eb;border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);outline:none}.field:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1595ad16}.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;padding:12px 14px;background:#f8f9fc;color:#6c7585;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line)}.data-table td{padding:12px 14px;border-bottom:1px solid #eef0f4;vertical-align:middle}.data-table tr:last-child td{border:0}.data-table tr:hover td{background:#fbfcff}.cell-main{display:flex;flex-direction:column}.cell-main small{color:var(--muted)}.num{text-align:right}.row-actions{display:flex;gap:5px}.table-summary{padding:12px 15px;background:#fbfcfe;border-top:1px solid var(--line);color:var(--muted)}.form-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:22px}.form-card h2{font-size:1rem;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:.83rem;grid-column:span 4}.form-grid label.span-6{grid-column:span 6}.form-grid label.span-8{grid-column:span 8}.form-grid label.span-12{grid-column:span 12}.form-grid label.span-3{grid-column:span 3}.form-grid .check{flex-direction:row;align-items:center}.form-grid textarea{min-height:92px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.line-items{margin-top:18px}.line-items header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.line-items h2{margin:0;font-size:1rem}.line-table input,.line-table select{width:100%;min-width:100px}.line-table select{min-width:240px}.totals{margin-left:auto;margin-top:14px;width:min(420px,100%);background:#f8f9fc;border-radius:12px;padding:14px}.totals label,.totals div{display:flex;justify-content:space-between;align-items:center;padding:7px 0}.totals input{width:150px;text-align:right}.totals .grand{border-top:1px solid var(--line);margin-top:5px;padding-top:12px;font-size:1.1rem}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-list div{display:flex;flex-direction:column;gap:4px}.info-list span{font-size:.75rem;color:var(--muted);text-transform:uppercase}.info-list strong{font-size:.9rem}.summary-list>div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line)}.summary-list>div:first-child{border:0}.summary-list .grand{font-size:1.08rem}.empty-state{max-width:560px;margin:12vh auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:45px}.empty-state h1{margin-top:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-visual{position:relative;display:grid;place-items:center;padding:60px;background:radial-gradient(circle at 20% 20%,#4a549e 0,transparent 34%),radial-gradient(circle at 75% 70%,#1c7c83 0,transparent 32%),linear-gradient(135deg,#171a43,#263067 55%,#176c72);color:#fff;overflow:hidden}.login-visual:after{content:'';position:absolute;inset:6%;border:1px solid #ffffff24;border-radius:30px}.login-copy{position:relative;z-index:1;max-width:520px}.login-copy h1{font-size:3.2rem;letter-spacing:-.06em;margin:24px 0 12px}.login-copy p{font-size:1.15rem;line-height:1.7;color:#e2e6ff}.login-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.login-features span{padding:9px 12px;border:1px solid #ffffff38;border-radius:99px;background:#ffffff0d}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(430px,100%)}.login-card h2{font-size:2rem;letter-spacing:-.04em;margin:8px 0}.login-card>p{color:var(--muted);margin-bottom:24px}.login-card>label:not(.check){display:flex;flex-direction:column;gap:8px;font-weight:600;margin:14px 0}.login-card input{padding:12px}.login-card .check{display:flex;gap:8px;align-items:center;margin:15px 0}.login-card .check input{width:auto}.login-note{display:block;text-align:center;color:var(--muted);margin-top:18px}.invoice-paper{background:#fff;width:210mm;min-height:297mm;margin:20px auto;padding:16mm;box-shadow:0 4px 24px #0002}.invoice-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--brand);padding-bottom:16px}.invoice-head h1{margin:0;color:var(--brand)}.invoice-company{text-align:right}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.invoice-total{margin-left:auto;width:330px}.print-toolbar{width:210mm;margin:20px auto;display:flex;justify-content:flex-end;gap:8px}
@media(max-width:1200px){.stat-grid.five{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar-open .sidebar{transform:none;box-shadow:15px 0 50px #0003}.topbar{left:0}.page-shell{margin-left:0;padding:94px 16px 34px}.top-search{display:none}.stat-grid.five{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.form-grid label,.form-grid label.span-3,.form-grid label.span-6,.form-grid label.span-8{grid-column:span 6}.login-page{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:600px){html{font-size:13px}.user-chip div{display:none}.page-heading{align-items:flex-start;flex-direction:column}.stat-grid.five{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.form-grid label,.form-grid label.span-3,.form-grid label.span-6,.form-grid label.span-8{grid-column:span 12}.card,.form-card{padding:15px}.record-list>a{grid-template-columns:36px 1fr auto}.record-list em{display:none}.info-list{grid-template-columns:1fr}.login-panel{padding:25px}.invoice-paper,.print-toolbar{width:100%;margin:0;box-shadow:none}.invoice-paper{padding:20px}.invoice-meta{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.page-shell,.print-toolbar{display:none!important}.invoice-paper{display:block!important;width:100%;min-height:auto;margin:0;padding:10mm;box-shadow:none}.invoice-paper .data-table th{background:#eee!important;color:#000}}
.warehouse-kpis{grid-template-columns:repeat(6,minmax(145px,1fr))}.scanner-shell{max-width:1500px;margin:auto}.scanner-status{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:99px;background:#e7f8f1;color:#147956;font-weight:700}.pulse{width:9px;height:9px;border-radius:50%;background:#20b77c;box-shadow:0 0 0 0 #20b77c66;animation:pulse 1.5s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px #20b77c00}}.scanner-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.scanner-controls label,.scanner-notes{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.82rem}.scan-zone{display:grid;grid-template-columns:auto 1fr minmax(280px,2fr) auto;gap:16px;align-items:center;background:linear-gradient(135deg,#1d2253,#263572 55%,#177a7b);padding:22px;border-radius:18px;color:#fff;box-shadow:0 18px 45px #1e28522e}.scan-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#ffffff17;border:1px solid #ffffff25;font-size:2rem}.scan-zone div:nth-child(2){display:flex;flex-direction:column;gap:5px}.scan-zone div strong{font-size:1.05rem}.scan-zone div span{color:#cad1ee;font-size:.82rem}.scan-zone input{padding:15px 17px;border:2px solid transparent;font-size:1.05rem;background:#fff}.scan-zone input.scan-error{border-color:#ff5b70;background:#fff0f2}.scanner-table{margin-top:16px}.scanner-table-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.scanner-table-head h2{margin:0;font-size:1rem}.scanner-table-head p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.qty-stepper{display:flex;align-items:center}.qty-stepper button{width:34px;height:34px;border:1px solid var(--line);background:#f7f8fb;font-weight:800}.qty-stepper input{width:78px;border-radius:0;text-align:center;padding:7px}.scanner-notes{margin-top:14px}.scanner-submit{position:sticky;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #1d285029;z-index:5}.scanner-submit>div{display:flex;flex-direction:column;gap:4px}.scanner-submit span{color:var(--muted);font-size:.8rem}
@media(max-width:1200px){.warehouse-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.scanner-controls{grid-template-columns:repeat(2,1fr)}.scan-zone{grid-template-columns:auto 1fr}.scan-zone input,.scan-zone .btn{grid-column:1/-1}}
@media(max-width:600px){.warehouse-kpis,.scanner-controls{grid-template-columns:1fr}.scanner-submit{align-items:stretch;flex-direction:column}.scanner-submit .btn{width:100%}}
.login-premium .login-visual{background:linear-gradient(145deg,#0d1234,#1c255f 55%,#0e686c);isolation:isolate}.login-grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom right,#000,transparent 82%)}.login-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.orb-one{width:420px;height:420px;top:-170px;right:-90px;background:radial-gradient(circle,#566aff,transparent 68%)}.orb-two{width:440px;height:440px;left:-190px;bottom:-190px;background:radial-gradient(circle,#14b8a6,transparent 68%)}.login-premium .login-visual:after{inset:32px;border-radius:24px;z-index:-1}.login-wordmark{display:flex;align-items:center;gap:13px;margin-bottom:58px}.login-wordmark>span:last-child{display:flex;flex-direction:column}.login-wordmark strong{font-size:1.08rem}.login-wordmark small{margin-top:3px;color:#adb6df;font-size:.72rem}.login-kicker{display:flex;align-items:center;gap:9px;font-size:.68rem;letter-spacing:.13em;font-weight:800;color:#70e1d4}.login-kicker i{width:24px;height:1px;background:#70e1d4}.login-premium .login-copy h1{font-size:clamp(3.2rem,5vw,5.5rem);line-height:.98;margin:20px 0 24px}.login-premium .login-copy h1 em{font-style:normal;color:#62dfd1}.login-premium .login-copy>p{max-width:620px}.login-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:38px;background:#ffffff20;border:1px solid #ffffff20;border-radius:14px;overflow:hidden}.login-metrics div{display:flex;flex-direction:column;padding:17px;background:#ffffff0d}.login-metrics strong{font-size:1rem}.login-metrics span{margin-top:5px;color:#adb6d8;font-size:.72rem}.login-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:#c7cee8;font-size:.74rem}.login-premium .login-panel{background:radial-gradient(circle at 100% 0,#eef0ff,transparent 28%),#fff}.login-premium .login-card{width:min(470px,100%)}.login-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:36px}.input-with-icon{display:flex;align-items:center;border:1px solid #dce1eb;border-radius:11px;overflow:hidden;background:#fff;transition:.2s}.input-with-icon:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #1595ad12}.input-with-icon b{width:42px;text-align:center;color:#8b94a6;font-size:.82rem}.input-with-icon input{border:0!important;box-shadow:none!important;flex:1;padding-left:0}.password-toggle{border:0;background:transparent;color:var(--accent);font-size:.75rem;font-weight:800;padding:12px}.login-options{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.login-options .check{margin:0!important}.login-options a{font-size:.78rem;color:var(--accent);font-weight:700}.login-submit{padding:14px!important;border-radius:11px!important;justify-content:space-between!important}.demo-access{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin-top:14px;padding:10px 11px;border:1px dashed #cfd6e6;border-radius:11px;background:#f8f9fc}.demo-access>div{display:flex;flex-direction:column}.demo-access small{color:var(--muted);font-size:.66rem}.demo-access button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 8px;font-size:.7rem;font-weight:700;color:var(--brand)}.login-security{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}.login-security>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf8f4;color:var(--success)}.login-security p{display:flex;flex-direction:column;margin:0}.login-security strong{color:var(--ink);font-size:.78rem}.login-security small{margin-top:3px;font-size:.69rem}.field-help{color:var(--muted);font-size:.78rem}.field-action{display:flex;align-items:stretch}.field-action input{flex:1;min-width:0;border-radius:9px 0 0 9px}.field-action button{border:1px solid #dde2eb;border-left:0;background:#f5f7fb;color:var(--brand);padding:0 10px;font-size:.72rem;font-weight:800}.field-action button:last-child{border-radius:0 9px 9px 0}.provision-banner{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px}.provision-banner div{display:flex;align-items:center;gap:8px}.provision-banner span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eef0ff;color:var(--brand);font-weight:800}.provision-banner i{color:#aab1c0}.handoff-note{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:13px;border-radius:10px;background:#edf8f6;color:#176e68}.handoff-note p{display:flex;flex-direction:column;gap:4px;margin:0}.handoff-note small{color:#4d7e7a}
@media(max-width:900px){.login-mobile-brand{display:flex}.login-premium .login-panel{min-height:100vh}.provision-banner{justify-content:flex-start;overflow:auto}}
@media(max-width:600px){.demo-access{grid-template-columns:1fr 1fr}.demo-access>div{grid-column:1/-1}.login-premium .login-panel{padding:24px}.provision-banner i{display:none}.provision-banner{align-items:flex-start;flex-direction:column}}

/* MoonsFlow POS */
.pos-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.pos-heading h1{margin:4px 0;font-size:1.75rem}.pos-heading p{margin:0;color:var(--muted)}.pos-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.8fr);gap:16px;align-items:start}.pos-validation{grid-column:1/-1}.pos-catalog,.pos-cart-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.pos-catalog{padding:16px;min-height:720px}.pos-cart-panel{position:sticky;top:88px;overflow:hidden}.pos-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pos-toolbar label,.pos-notes,.payment-reference{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.72rem;font-weight:800}.pos-toolbar input,.pos-toolbar select{width:100%;font-size:.8rem}.pos-search-row{display:flex;gap:10px;margin:14px 0}.barcode-search{display:flex;align-items:center;gap:10px;flex:1;border:1px solid #d8deea;border-radius:12px;padding:0 12px;background:#f9fafc}.barcode-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #1595ad12}.barcode-search input{flex:1;border:0;box-shadow:none!important;background:transparent;padding:13px 0}.barcode-search kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:3px 6px;background:#fff;color:var(--muted);font-size:.6rem}.view-switch{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.view-switch button{width:42px;border:0;background:#fff;color:var(--muted)}.view-switch button.active{background:#edf1ff;color:var(--brand)}.catalog-title,.cart-title{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.catalog-title h2,.cart-title h2{margin:0;font-size:1rem}.catalog-title small,.cart-title small,.catalog-title>span{color:var(--muted);font-size:.72rem}.product-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:590px;overflow:auto;padding-right:4px}.pos-product-card{display:grid;grid-template-columns:44px 1fr;gap:9px;text-align:left;border:1px solid #e1e5ed;border-radius:12px;padding:10px;background:#fff;transition:.15s}.pos-product-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 20px #1a2a4c12}.pos-product-card:disabled{opacity:.55;cursor:not-allowed}.product-picture{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(145deg,#eef1ff,#e5f8f4);color:var(--brand);font-weight:900}.product-copy{display:flex;flex-direction:column;min-width:0}.product-copy strong,.product-copy small,.product-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-copy strong{font-size:.79rem}.product-copy small{margin-top:2px;color:var(--muted);font-size:.67rem}.product-copy em{margin-top:4px;color:#9aa2b2;font-size:.6rem;font-style:normal}.product-price{margin-top:4px;color:var(--brand);font-weight:800;font-size:.75rem}.product-stock{text-align:right;color:var(--success);font-size:.62rem}.pos-product-card.low .product-stock{color:#b97912}.pos-product-card.out .product-stock{color:var(--danger)}.customer-price-bar{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-bottom:1px solid var(--line);background:#fbfcff}.customer-picker{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.7rem;font-weight:800}.customer-picker select{width:100%;font-size:.8rem}.tier-picker{display:flex;align-self:end;border:1px solid var(--line);border-radius:9px;overflow:hidden}.tier-picker button{width:36px;height:38px;border:0;border-left:1px solid var(--line);background:#fff;color:var(--muted);font-weight:800}.tier-picker button:first-child{border-left:0}.tier-picker button.active,.tier-picker button:hover{background:var(--brand);color:#fff}.tier-picker.large{margin:14px 0}.tier-picker.large button{flex:1;width:auto}.cart-title{padding:0 16px;margin:14px 0 8px}.cart-title button{border:0;background:transparent;font-size:.7rem}.text-danger{color:var(--danger)}.pos-cart-lines{max-height:330px;overflow:auto;padding:0 12px}.pos-cart-line{display:grid;grid-template-columns:minmax(130px,1fr) auto auto 26px;align-items:center;gap:8px;border-top:1px solid #eef0f4;padding:10px 2px}.pos-cart-line:first-child{border-top:0}.cart-product{display:flex;align-items:center;gap:8px;min-width:0;border:0;background:transparent;text-align:left}.cart-product>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:8px;background:#edf1ff;color:var(--brand);font-weight:900}.cart-product div{display:flex;flex-direction:column;min-width:0}.cart-product strong,.cart-product small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-product strong{font-size:.74rem}.cart-product small{color:var(--muted);font-size:.62rem}.cart-quantity{display:flex}.cart-quantity button{width:27px;height:29px;border:1px solid var(--line);background:#f8f9fc}.cart-quantity input{width:48px;border-radius:0;padding:5px;text-align:center;font-size:.68rem}.cart-line-total{display:flex;flex-direction:column;text-align:right}.cart-line-total strong{font-size:.72rem}.cart-line-total small{color:var(--danger);font-size:.58rem}.cart-remove{border:0;background:transparent;color:var(--danger);font-size:1.1rem}.pos-empty{display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center}.pos-empty b{font-size:2rem;color:#c4cad6}.pos-empty strong{margin-top:8px;color:var(--ink)}.pos-empty span{margin-top:5px;font-size:.75rem}.catalog-empty{grid-column:1/-1}.pos-notes{margin:10px 16px}.pos-notes textarea{min-height:58px;resize:vertical}.pos-totals{padding:12px 16px;background:#f8f9fc;border-top:1px solid var(--line)}.pos-totals>div,.pos-totals>label{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.pos-totals label{font-size:.78rem}.pos-totals input{width:110px;text-align:right;padding:7px}.pos-totals .total{margin-top:6px;border-top:1px solid var(--line);padding-top:11px;font-size:1.12rem}.pos-proceed{border-radius:0;padding:15px!important;justify-content:space-between!important}.pos-proceed:disabled{opacity:.45;transform:none}.pos-modal[hidden]{display:none}.pos-modal{position:fixed;inset:0;display:grid;place-items:center;padding:22px;background:#101526a8;backdrop-filter:blur(5px);z-index:200}.pos-dialog{position:relative;width:min(980px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 100px #0005}.pos-dialog.compact{width:min(540px,96vw);padding:24px}.pos-dialog h2{margin:5px 0}.pos-dialog p{color:var(--muted)}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f3f7;color:#697386;font-size:1.2rem;z-index:2}.modal-grid{margin-top:12px}.payment-dialog{display:grid;grid-template-columns:.9fr 1.1fr}.payment-order-summary,.payment-entry{padding:28px}.payment-order-summary{background:linear-gradient(150deg,#171d4f,#26356d 60%,#14747a);color:#fff}.payment-order-summary .eyebrow{color:#77e0d6}.payment-order-summary h2{font-size:1.65rem}.payment-customer{margin:15px 0;padding:12px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff0c}.payment-order-summary .summary-list>div{border-color:#ffffff20}.payment-order-summary .summary-list span{color:#c9d0e8}.payment-order-summary h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:22px 0 9px}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.payment-methods button{padding:10px;border:1px solid #ffffff28;border-radius:9px;background:#ffffff0d;color:#fff}.payment-methods button.active{background:#fff;color:var(--brand);font-weight:800}.payment-reference{margin-top:16px;color:#cbd1e7}.payment-reference input{background:#ffffff12;border-color:#ffffff25;color:#fff}.payment-reference input::placeholder{color:#aeb7d5}.partial-payment-note{margin-top:14px;padding:10px;border-radius:9px;background:#ffc85b20;border:1px solid #ffc85b44;color:#ffe2a6;font-size:.72rem}.payment-entry h2{margin:0;font-size:1.45rem}.payment-entry>p{margin:5px 0 16px}.amount-display{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;border:2px solid var(--brand);border-radius:12px;padding:10px 12px}.amount-display small{grid-column:1/-1;color:var(--muted);font-size:.65rem}.amount-display span{font-weight:800}.amount-display input{border:0!important;box-shadow:none!important;padding:0;text-align:right;font-size:1.55rem;font-weight:900}.payment-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.payment-status-grid div{display:flex;justify-content:space-between;gap:8px;padding:9px;border-radius:8px;background:#f5f7fa;font-size:.7rem}.payment-status-grid span{color:var(--muted)}.payment-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.payment-keypad button{height:43px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:800}.payment-keypad button:hover{background:#edf1ff;color:var(--brand)}.payment-entry>.btn{margin-top:8px}.payment-help{display:block;text-align:center;color:var(--muted);margin-top:10px}.scanner-status i{display:block}.scanner-status{font-size:.72rem}
@media(max-width:1250px){.product-catalog-grid{grid-template-columns:repeat(2,1fr)}.pos-workspace{grid-template-columns:minmax(0,1.2fr) minmax(370px,.8fr)}}
@media(max-width:1000px){.pos-workspace{grid-template-columns:1fr}.pos-cart-panel{position:static}.pos-toolbar{grid-template-columns:repeat(2,1fr)}.product-catalog-grid{max-height:440px}.payment-dialog{grid-template-columns:1fr}.payment-order-summary,.payment-entry{padding:22px}}
@media(max-width:620px){.pos-heading{align-items:flex-start;flex-direction:column}.pos-toolbar,.product-catalog-grid{grid-template-columns:1fr}.pos-search-row{align-items:stretch;flex-direction:column}.pos-cart-line{grid-template-columns:1fr auto 24px}.cart-line-total{grid-column:1/3}.payment-status-grid{grid-template-columns:1fr}.payment-methods{grid-template-columns:1fr 1fr}}

/* MoonsFlow parity surfaces */
.table-thumb{display:grid;place-items:center;width:38px;height:38px;object-fit:cover;border-radius:9px;background:#edf1ff;color:var(--brand);font-weight:900}.table-thumb.placeholder{border:1px solid #e0e5ef}.opening-purchase{margin-top:22px;padding:18px;border:1px solid #dfe5ef;border-radius:13px;background:#f9fbff}.opening-toggle{display:flex!important;align-items:flex-start!important;gap:10px;margin-bottom:14px}.opening-toggle>span{display:flex;flex-direction:column;gap:4px}.opening-toggle small{color:var(--muted);font-weight:500}.dashboard-secondary{margin-top:16px}.mini-list span{display:flex;flex-direction:column}.mini-list small{margin-top:3px;color:var(--muted);font-size:.67rem}.rank-list>div{display:grid;grid-template-columns:minmax(120px,1fr) minmax(70px,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #eef0f4}.rank-list>div:first-child{border-top:0}.rank-list span{display:flex;flex-direction:column;min-width:0}.rank-list strong,.rank-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list strong{font-size:.75rem}.rank-list small{color:var(--muted);font-size:.65rem;margin-top:3px}.rank-list i{display:block;height:6px;border-radius:9px;background:#edf0f5;overflow:hidden}.rank-list i em{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--brand),var(--accent))}.rank-list b{font-size:.7rem}.chart-legend{display:flex;gap:10px;font-size:.65rem}.chart-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px;background:var(--brand)}.chart-legend .returns:before{background:#e98190}.chart-legend .expenses:before{background:#e3a742}.monthly-chart{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:7px;height:220px;border-bottom:1px solid var(--line);padding-top:10px}.month-column{display:flex;height:100%;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.month-column .bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;height:180px}.month-column .bars i{display:block;width:25%;min-height:2px;border-radius:3px 3px 0 0;background:var(--brand)}.month-column .bars .returns{background:#e98190}.month-column .bars .expenses{background:#e3a742}.month-column>span{font-size:.58rem;color:var(--muted)}.overview-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.overview-counts div{display:flex;flex-direction:column;align-items:center;padding:13px 6px;border:1px solid var(--line);border-radius:10px;background:#fafbfe}.overview-counts strong{font-size:1.25rem}.overview-counts span{margin-top:4px;color:var(--muted);font-size:.62rem;text-align:center}.report-filters label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:145px;color:var(--muted);font-size:.68rem;font-weight:800}.report-filters label.check{flex-direction:row;align-items:center}.payment-party-tabs{display:flex;gap:5px;margin-bottom:10px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff;width:max-content}.payment-party-tabs a{padding:10px 15px;border-radius:9px;color:var(--muted);font-weight:800}.payment-party-tabs a.active{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}.payment-party-search select{min-width:340px}.payment-allocation-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.65fr);gap:15px;align-items:start}.allocation-documents .validation{padding:0 16px}.allocation-documents input[type=number]{width:115px;text-align:right}.allocation-summary{position:sticky;top:88px}.allocation-summary>h2{margin:0}.allocation-summary>p{margin:5px 0 16px;color:var(--muted)}.allocation-summary>label{display:flex;flex-direction:column;gap:6px;margin:11px 0;font-size:.75rem;font-weight:800}.allocation-summary textarea{min-height:70px}.allocation-summary .summary-list{margin:14px 0}.credit-tab-grid{display:grid;grid-template-columns:repeat(3,minmax(290px,1fr));gap:14px}.credit-tab-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px}.credit-tab-card header{display:flex;justify-content:space-between;gap:10px}.credit-tab-card header>div{display:flex;align-items:center;gap:9px}.credit-tab-card header p{display:flex;flex-direction:column;margin:0}.credit-tab-card header small{margin-top:3px;color:var(--muted);font-size:.67rem}.credit-progress{height:6px;margin:15px 0;border-radius:9px;background:#edf0f5;overflow:hidden}.credit-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent))}.credit-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.credit-values div{display:flex;flex-direction:column;padding:9px;border-radius:9px;background:#f8f9fc}.credit-values span{color:var(--muted);font-size:.62rem}.credit-values b{margin-top:3px;font-size:.75rem}.credit-values .due{background:#fff4df;color:#9c6511}.credit-settle{display:grid;grid-template-columns:1fr 1fr;margin-top:13px;gap:7px}.credit-settle .btn{grid-column:1/-1}.credit-tab-card footer{display:flex;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.credit-tab-card footer a{font-size:.7rem;color:var(--accent);font-weight:800}
@media(max-width:1100px){.credit-tab-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.payment-allocation-layout{grid-template-columns:1fr}.allocation-summary{position:static}}
@media(max-width:700px){.monthly-chart{overflow-x:auto;grid-template-columns:repeat(12,36px)}.credit-tab-grid{grid-template-columns:1fr}.payment-party-search select{min-width:0;width:100%}.payment-party-tabs{width:100%}.payment-party-tabs a{flex:1;text-align:center}}

/* 2026 responsive, search, upload and running-tab surfaces */
.page-shell{max-width:2600px}.top-search button{border:0;background:transparent;color:var(--brand);font-weight:900}.quick-nav{display:flex;gap:5px}.quick-nav a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--brand)}.mobile-bottom-nav{display:none}.product-picture img,.cart-product img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.column-filter-row th{padding:7px!important;background:#fff!important}.column-filter-row input{width:100%;min-width:92px;padding:7px 8px;border-radius:7px;text-transform:none;letter-spacing:0;font-size:.7rem}.table-tools{display:flex;justify-content:flex-end;padding:10px 0}.table-tools input{width:min(430px,100%)}.section-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-head h2{margin:3px 0 0}.inline-form{display:flex;align-items:center;gap:5px}.inline-form input{width:110px}.inline-form select{width:120px}.upload-gallery{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px;margin-bottom:24px}.upload-tile,.upload-field{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;min-height:150px;padding:14px;border:1px dashed #aeb8ca;border-radius:13px;background:#f9fbff;color:var(--brand);text-align:center;overflow:hidden;cursor:pointer}.upload-tile img,.upload-field img{width:84px;height:84px;object-fit:cover;border-radius:12px}.upload-tile input,.upload-field input[type=file]{width:100%;padding:8px;background:#fff;font-size:.72rem}.upload-field small{color:var(--muted);font-weight:500}.field-action select{flex:1;border-radius:9px 0 0 9px}.field-action a{border-radius:0 9px 9px 0}.purchase-scan{margin:0 0 12px;max-width:900px}.stack-form{display:flex;flex-direction:column;gap:13px}.stack-form>label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.8rem}.form-actions.split{justify-content:space-between}

.running-tab-shell{background:#eef1f7;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.running-tab-strip{display:flex;gap:8px;overflow:auto;padding:12px;background:#fff;border-bottom:1px solid var(--line)}.running-tab-chip{display:grid;grid-template-columns:36px minmax(105px,1fr);grid-template-rows:auto auto;gap:2px 9px;min-width:215px;padding:9px 12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff}.running-tab-chip>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf0ff;color:var(--brand);font-weight:900}.running-tab-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.running-tab-chip small{color:var(--muted);font-size:.63rem}.running-tab-chip.active{border-color:var(--brand);box-shadow:0 0 0 3px #0b6f8a12}.running-tab-chip.active>span{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}.running-tab-chip.new{min-width:150px}.running-tab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:14px;padding:14px}.running-tab-workspace>.empty-state{grid-column:1/-1}.running-tab-main,.running-summary{background:#fff;border:1px solid var(--line);border-radius:14px}.running-tab-main{padding:16px;min-width:0}.running-summary{position:sticky;top:88px;align-self:start;padding:18px}.running-summary h3{margin:0 0 14px}.running-summary>div,.running-summary>label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0}.running-summary>label{align-items:flex-start;flex-direction:column}.running-summary input,.running-summary textarea{width:100%}.running-summary .grand{margin:9px 0;padding-top:15px;border-top:1px solid var(--line);font-size:1.15rem}.running-summary>small{display:block;margin-top:10px;text-align:center;color:var(--muted)}.running-customer{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}.running-customer .avatar.large{width:48px;height:48px;border-radius:14px}.running-customer h2{margin:0}.running-customer p{margin:3px 0 0;color:var(--muted)}.delete-tab-form{margin-left:auto}.tab-controls{display:grid;grid-template-columns:190px 1fr;gap:10px;margin:14px 0}.tab-controls>label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.7rem;font-weight:800}.tab-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem}.tab-meta span{color:var(--success)}.running-lines{max-height:520px;overflow:auto}.running-line{display:grid;grid-template-columns:44px minmax(145px,1fr) 86px auto 86px 95px 24px;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #eef0f4}.running-product{display:flex;flex-direction:column;min-width:0}.running-product>strong,.running-product>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.running-product small{margin:3px 0 5px;color:var(--muted);font-size:.65rem}.tier-picker.small{align-self:flex-start}.tier-picker.small button{width:25px;height:25px;font-size:.65rem}.line-price,.line-discount{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:.6rem}.line-price input,.line-discount input{width:86px;padding:6px}.line-total{text-align:right;font-size:.72rem}.credit-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:310px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 45px #1e28522e;z-index:20}.tab-controls .barcode-search{position:relative}.credit-suggestions button{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:1px 9px;width:100%;padding:9px;text-align:left;border:0;border-bottom:1px solid #eef0f4;background:#fff}.credit-suggestions button:hover{background:#f7f9ff}.credit-suggestions .product-picture{grid-row:1/3;width:38px;height:38px}.credit-suggestions small{color:var(--muted)}.outstanding-credit{margin-top:18px}

.global-search-page{display:flex;align-items:center;gap:10px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.global-search-page>span{font-size:1.5rem}.global-search-page input{flex:1;padding:14px}.search-summary{margin:16px 0;color:var(--muted)}.search-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.search-results{display:flex;flex-direction:column}.search-results a{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:12px 0;border-top:1px solid #eef0f4}.search-results a:first-child{border-top:0}.search-results span{color:var(--muted);font-size:.72rem}.search-results b{grid-row:1/3;grid-column:2;align-self:center;color:var(--accent)}

.label-studio{display:grid;grid-template-columns:minmax(420px,.8fr) minmax(0,1.2fr);gap:15px;align-items:start}.label-settings h3{margin:22px 0 9px}.label-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.label-checks .check{display:flex;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px}.label-preview-panel{position:sticky;top:88px}.label-sheet{display:flex;align-content:flex-start;align-items:flex-start;gap:3mm;flex-wrap:wrap;min-height:420px;padding:10mm;background:#edf0f4;border-radius:10px;overflow:auto}.barcode-label{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;padding:1.5mm;border:1px dashed #9da7b7;background:#fff;color:#000;overflow:hidden;font-family:Arial,sans-serif}.barcode-label>b{font-size:7pt}.barcode-label>strong{max-width:100%;font-size:8pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-label svg{width:94%;height:12mm}.barcode-label .label-meta,.barcode-label .label-bottom{display:flex;width:100%;justify-content:space-between;gap:2px;font-size:5.5pt}.barcode-label .label-bottom em{font-style:normal;font-weight:900}.barcode-label .label-bottom i{font-style:normal;border:1px solid #000;padding:0 2px}

.public-site{min-height:100vh;background:#f7f8fc;color:#182036}.public-nav{display:flex;align-items:center;gap:30px;max-width:1500px;margin:auto;padding:22px clamp(20px,5vw,72px)}.public-brand{display:flex;align-items:center;gap:10px}.public-brand>span:last-child{display:flex;flex-direction:column}.public-brand small{color:#758095}.public-nav nav{display:flex;gap:25px;margin-left:auto}.public-nav nav a{color:#5f6878;font-weight:600}.public-nav>.btn{margin-left:20px}.public-hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:clamp(35px,6vw,100px);max-width:1500px;margin:auto;padding:70px clamp(20px,5vw,72px) 90px;background:radial-gradient(circle at 80% 20%,#dff6f2,transparent 29%)}.public-hero h1{font-size:clamp(3.2rem,6.4vw,7.4rem);line-height:.93;letter-spacing:-.075em;margin:14px 0 26px}.public-hero h1 em{font-style:normal;color:var(--accent)}.public-hero>div>p{max-width:700px;color:#657085;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}.hero-actions,.hero-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-proof{color:#68738a;font-size:.75rem}.hero-console{padding:15px;border:1px solid #dce2ed;border-radius:22px;background:#fff;box-shadow:0 35px 90px #2430581d;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg)}.console-head{display:flex;align-items:center;gap:6px;padding:5px 5px 15px}.console-head>span{width:8px;height:8px;border-radius:50%;background:#dce1eb}.console-head b{margin-left:8px;font-size:.7rem}.console-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.console-stats article{display:flex;flex-direction:column;padding:15px;border-radius:12px;background:#f7f9fd}.console-stats small{color:#778196}.console-stats strong{margin:8px 0;font-size:1.4rem}.console-stats em{color:var(--success);font-size:.68rem}.console-flow{position:relative;display:flex;align-items:end;gap:6px;height:190px;margin:9px 0;padding:25px;background:linear-gradient(145deg,#171d4f,#26356d);border-radius:13px}.console-flow i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#4ed3c5,#247d81)}.console-flow i:nth-child(1){height:28%}.console-flow i:nth-child(2){height:46%}.console-flow i:nth-child(3){height:39%}.console-flow i:nth-child(4){height:72%}.console-flow i:nth-child(5){height:64%}.console-flow i:nth-child(6){height:88%}.console-flow span{position:absolute;top:14px;color:#cbd3ed;font-size:.7rem}.console-list p{display:grid;grid-template-columns:1fr auto;gap:3px;margin:0;padding:10px;border-top:1px solid #edf0f4}.console-list p>span{color:#778196;font-size:.68rem}.console-list em{grid-row:1/3;grid-column:2;align-self:center;color:var(--accent);font-size:.66rem}.public-metrics{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:auto;border:1px solid #e1e5ed;border-radius:16px;background:#fff}.public-metrics div{display:flex;flex-direction:column;padding:25px;border-left:1px solid #e1e5ed}.public-metrics div:first-child{border:0}.public-metrics span{margin-top:6px;color:#7b8495;font-size:.76rem}.public-section{max-width:1500px;margin:auto;padding:110px clamp(20px,5vw,72px)}.section-intro{max-width:750px}.section-intro h2,.public-split h2,.public-cta h2{font-size:clamp(2.4rem,4vw,4.8rem);line-height:1;letter-spacing:-.06em;margin:12px 0 18px}.section-intro>p,.public-split p,.public-cta p{color:#6c7689;font-size:1.05rem;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.feature-grid article{padding:28px;border:1px solid #e1e5ed;border-radius:15px;background:#fff}.feature-grid article>b{color:var(--accent)}.feature-grid h3{font-size:1.2rem;margin:20px 0 8px}.feature-grid p{color:#6c7689;line-height:1.65}.public-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1500px;margin:auto;padding:80px clamp(20px,5vw,72px)}.public-split li{margin:13px 0;color:#5f697b}.warehouse-map{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:25px;border-radius:20px;background:#1a2051}.warehouse-map span{display:flex;justify-content:space-between;padding:22px;border:1px solid #ffffff1f;border-radius:12px;background:#ffffff0c;color:#fff}.warehouse-map b{color:#67dfd1}.warehouse-map i{grid-column:1/-1;color:#c6cee8;text-align:center}.public-section.dark{max-width:none;background:#151a43;color:#fff}.public-section.dark>*{max-width:1356px;margin-left:auto;margin-right:auto}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.security-grid article{display:flex;flex-direction:column;gap:9px;padding:25px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff09}.security-grid span{color:#b9c1db;line-height:1.5}.public-cta{max-width:900px;margin:auto;padding:120px 20px;text-align:center}.public-footer{display:flex;align-items:center;gap:25px;padding:30px clamp(20px,5vw,72px);border-top:1px solid #e1e5ed}.public-footer p{color:#7a8496}.public-footer>a:last-child{margin-left:auto;color:var(--accent);font-weight:800}

@media(min-width:1800px){html{font-size:clamp(14px,.78vw,19px)}.sidebar{width:310px}.topbar{left:310px}.page-shell{margin-left:310px}.top-search{max-width:650px}.page-shell{padding-left:42px;padding-right:42px}}
@media(max-width:1180px){.quick-nav{display:none}.running-tab-workspace{grid-template-columns:1fr}.running-summary{position:static}.running-line{grid-template-columns:44px minmax(140px,1fr) 80px auto 80px 90px 24px}.label-studio{grid-template-columns:1fr}.label-preview-panel{position:static}.public-hero{grid-template-columns:1fr}.hero-console{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.page-shell{padding-bottom:90px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:60;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#ffffffee;backdrop-filter:blur(12px)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#6d7789;font-size:.65rem}.mobile-bottom-nav b{font-size:1.05rem}.mobile-bottom-nav .primary b{display:grid;place-items:center;width:44px;height:44px;margin-top:-26px;border:5px solid var(--canvas);border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}.topbar{padding:0 12px}.user-chip{margin-left:auto}.search-groups{grid-template-columns:1fr}.public-nav nav{display:none}.public-nav>.btn{margin-left:auto}.public-metrics{grid-template-columns:repeat(2,1fr);margin:0 20px}.public-split{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.upload-gallery{grid-template-columns:1fr}.running-tab-workspace{padding:8px}.running-tab-main{padding:10px}.tab-controls{grid-template-columns:1fr}.running-line{grid-template-columns:38px 1fr auto 24px;align-items:start}.running-line .product-picture{width:38px;height:38px}.running-line .line-price,.running-line .line-discount,.running-line .cart-quantity,.running-line .line-total{grid-column:2/4}.running-line .line-total{text-align:left}.running-tab-chip{min-width:185px}.inline-form{min-width:370px}.label-checks{grid-template-columns:repeat(2,1fr)}.global-search-page{align-items:stretch;flex-wrap:wrap}.global-search-page input{flex-basis:75%}.public-hero{padding-top:40px}.public-metrics{grid-template-columns:1fr}.public-metrics div{border-left:0;border-top:1px solid #e1e5ed}.feature-grid,.security-grid{grid-template-columns:1fr}.warehouse-map{grid-template-columns:1fr}.warehouse-map i{grid-column:1}.public-footer{align-items:flex-start;flex-direction:column}.public-footer>a:last-child{margin-left:0}.console-stats{grid-template-columns:1fr}.hero-console{padding:9px}}
@media(max-width:480px){.actions{width:100%}.actions .btn{flex:1}.page-heading h1{font-size:1.5rem}.pos-dialog{width:100%;max-height:100vh;border-radius:12px}.public-nav{padding:14px}.public-nav>.btn{padding:9px}.public-brand small{display:none}.public-hero h1{font-size:3rem}.label-sheet{padding:4mm}.form-actions{align-items:stretch;flex-direction:column}.form-actions .btn{width:100%}}
.quick-create-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:22px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#f8faff}.quick-create-bar a{padding:6px 9px;border-radius:7px;background:#fff;border:1px solid var(--line);color:var(--brand);font-size:.72rem;font-weight:800}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:900px){.top-search{display:flex;max-width:none;min-width:0}.top-search input{min-width:0}.topbar>.user-chip{display:none}}
@media print{.label-studio .label-settings,.label-preview-panel>.section-head,.sidebar,.topbar,.mobile-bottom-nav{display:none!important}.page-shell{display:block!important;margin:0!important;padding:0!important}.label-preview-panel,.label-sheet{display:flex!important;border:0!important;box-shadow:none!important;background:#fff!important;padding:0!important;margin:0!important}.barcode-label{break-inside:avoid}.public-site{display:none}}

/* Fully functional desktop collapse + mobile off-canvas navigation */
.sidebar,.topbar,.page-shell{transition:transform .24s ease,left .24s ease,margin-left .24s ease}.sidebar-toggle{display:grid;align-content:center;justify-items:center;gap:4px;flex:0 0 auto}.sidebar-toggle span{display:block;width:17px;height:1.5px;border-radius:9px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.sidebar-backdrop{display:none}
@media(min-width:901px){body.sidebar-collapsed .sidebar{transform:translateX(-100%)}body.sidebar-collapsed .topbar{left:0}body.sidebar-collapsed .page-shell{margin-left:0}}
@media(min-width:1800px){body.sidebar-collapsed .topbar{left:0}body.sidebar-collapsed .page-shell{margin-left:0}}
@media(max-width:900px){body.sidebar-open{overflow:hidden}.sidebar-backdrop{position:fixed;inset:0;z-index:49;border:0;background:#10172b66;backdrop-filter:blur(2px)}body.sidebar-open .sidebar-backdrop{display:block}body.sidebar-open .sidebar-toggle span:first-child{transform:translateY(5.5px) rotate(45deg)}body.sidebar-open .sidebar-toggle span:nth-child(2){opacity:0}body.sidebar-open .sidebar-toggle span:last-child{transform:translateY(-5.5px) rotate(-45deg)}}

.access-matrix-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:28px 0 12px}.access-matrix-heading h2{margin:0!important;padding:0!important;border:0!important}.access-matrix-heading p{margin:5px 0 0;color:var(--muted)}.access-matrix-heading>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.permission-matrix input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand)}
@media(max-width:700px){.access-matrix-heading{align-items:flex-start;flex-direction:column}.access-matrix-heading>div:last-child{width:100%}}

/* V12 focused UI corrections */
:root{--sidebar-width:225px}.sidebar{width:var(--sidebar-width)}.topbar{left:var(--sidebar-width)}.page-shell{margin-left:var(--sidebar-width)}.sidebar-resizer{position:fixed;top:50%;left:calc(var(--sidebar-width) - 11px);z-index:55;display:grid;place-items:center;width:22px;height:42px;padding:0;border:1px solid #b8cddd;border-radius:8px;background:#fff;color:var(--brand);box-shadow:0 5px 16px #14395422;cursor:ew-resize;font-size:.75rem}.sidebar-resizing{cursor:ew-resize;user-select:none}.sidebar-resizing *{cursor:ew-resize!important}.app-footer{margin-top:28px;padding:16px 8px 2px;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;text-align:center}.product-list-filters{border-color:#c8dceb;background:#edf7ff}.product-list-filters .select-search,.product-list-filters>input{border-color:#b8d2e5;background:#fff;color:#173d59;font-weight:700}.product-list-filters .select-search::placeholder,.product-list-filters>input::placeholder{color:#58758a;opacity:1}.pos-workspace-page .page-shell{padding:55px 5px 8px}.pos-workspace-page .app-footer{display:none}.pos-customer-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:6px}.pos-customer-actions a,.pos-customer-actions strong{padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:.67rem;text-decoration:none}.running-customer p{display:none}.payment-quick-amounts{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.payment-quick-amounts button{flex:1;min-width:62px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#edf6fc;color:var(--brand);font-weight:800}.payment-submit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;bottom:0;padding-top:8px;background:#fff}.camera-dialog{width:min(560px,calc(100vw - 16px))}.camera-viewport{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:12px;background:#0d1420}.camera-viewport video{display:block;width:100%;height:100%;object-fit:cover}.camera-viewport>span{position:absolute;inset:15%;border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 999px #0005}.camera-viewport>span:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:#e42a32;box-shadow:0 0 10px #e42a32;animation:camera-scan 1.7s ease-in-out infinite}.camera-manual{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-size:.72rem;font-weight:800}.camera-manual>div{display:grid;grid-template-columns:1fr auto;gap:7px}.camera-manual input{min-width:0}.camera-actions{flex-wrap:wrap}.camera-actions #camera-torch.active{background:#1477be;color:#fff}@keyframes camera-scan{0%,100%{transform:translateY(-38px)}50%{transform:translateY(38px)}}
@media(min-width:1001px){.pos-workspace-page .product-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.pos-workspace-page .pos-product-card{grid-template-columns:1fr;padding:7px}.pos-workspace-page .pos-product-card .product-picture{width:100%;height:86px}.pos-workspace-page .pos-product-card .product-price,.pos-workspace-page .pos-product-card .product-stock{text-align:left}}

/* Makkah-style POS parity: compact catalog cards, right-side scanner and private cost code. */
.pos-workspace-page .pos-workspace{grid-template-columns:minmax(0,2.05fr) minmax(390px,.88fr)}
.pos-workspace-page .pos-catalog{padding:10px 12px}
.pos-workspace-page .pos-toolbar{margin-bottom:8px}
.pos-workspace-page .pos-cart-search{position:relative;margin:0;padding:10px 12px;border-bottom:1px solid var(--line)}
.pos-workspace-page .pos-cart-search .barcode-search{min-width:0;padding-inline:10px}
.pos-workspace-page .pos-cart-search .barcode-search input{min-width:0}
.pos-workspace-page .pos-cart-search .camera-scan-button{width:38px;padding:0}
.pos-workspace-page .pos-cart-search .view-switch{display:none}
.pos-workspace-page .product-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:7px;max-height:calc(100dvh - 180px)}
.pos-workspace-page .pos-product-card{position:relative;display:flex;min-width:0;min-height:242px;flex-direction:column;gap:5px;padding:7px;border-radius:10px}
.pos-workspace-page .pos-product-card .product-picture{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:7px;overflow:hidden}
.pos-workspace-page .pos-product-card .product-picture>img{display:block;width:100%;height:100%;object-fit:cover}
.pos-workspace-page .pos-product-card .product-picture>.placeholder{display:block;width:100%;height:100%}
.pos-workspace-page .pos-product-card .product-copy{gap:2px}
.pos-workspace-page .pos-product-card .product-copy em{order:0;min-height:18px;font-size:.62rem}
.pos-workspace-page .pos-product-card .product-copy strong{order:1;min-height:30px;font-size:.75rem;line-height:1.2}
.pos-workspace-page .pos-product-card .product-copy small{order:2;min-height:17px;font-size:.61rem}
.price-code-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:4px;background:linear-gradient(#ffb65d,#f07800);color:#fff;box-shadow:0 3px 8px #ee7d0038;font-size:.6rem}
.pos-workspace-page .pos-product-card .product-stock{margin-top:auto;padding-right:30px;text-align:left;font-size:.72rem;font-weight:800}
.product-add-mark{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--brand);color:#fff;box-shadow:0 5px 12px rgba(22,121,189,.28);font-size:.95rem;font-weight:800}
.pos-product-card.out .product-add-mark{background:#9aa3ad}
.cart-product .placeholder{display:block;width:100%;height:100%}
.public-language{position:fixed;top:18px;left:18px;z-index:120}
.public-language .language-switch{box-shadow:0 8px 24px #1019381c}
@media(max-width:1000px){.pos-workspace-page .pos-workspace{grid-template-columns:1fr}.pos-workspace-page .product-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));max-height:48vh}}
@media(max-width:600px){.public-language{left:auto;right:12px;top:12px}.login-premium .login-panel{padding-top:82px}.pos-workspace-page .product-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-workspace-page .pos-product-card{min-height:220px}}
@media(min-width:1800px){.sidebar{width:var(--sidebar-width)}.topbar{left:var(--sidebar-width)}.page-shell{margin-left:var(--sidebar-width)}}
@media(max-width:900px){.sidebar{width:min(var(--sidebar-width),86vw)}.topbar{left:0}.page-shell{margin-left:0}.sidebar-resizer{display:none}}
@media(max-width:700px){.pos-customer-actions{justify-content:stretch}.pos-customer-actions a,.pos-customer-actions strong{flex:1;text-align:center}.camera-dialog{width:100%;height:100%;max-height:100dvh;border-radius:0}.camera-viewport{aspect-ratio:3/4;max-height:55dvh}.camera-manual>div{grid-template-columns:minmax(0,1fr) auto}.payment-submit-actions{grid-template-columns:1fr}}

/* Barcode-template parity and print studio */
.barcode-stats{grid-template-columns:repeat(4,minmax(150px,1fr))}.barcode-template-form{align-items:end}.template-field-picker{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.template-field-picker h2{margin:0 0 5px!important;padding:0!important;border:0!important}.template-field-picker>p{margin:0 0 14px;color:var(--muted)}.barcode-detail-card{background:linear-gradient(180deg,var(--brand),#17849a 80px,#fff 80px);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.barcode-detail-card>.section-head{height:45px;color:#fff}.barcode-detail-card>.section-head>div{display:flex;align-items:center;gap:10px}.barcode-detail-card>.section-head h2{margin:0}.barcode-detail-card>.info-list{margin-top:28px;padding:18px;border-radius:12px;background:#fff}.info-list .span-all{grid-column:1/-1}.field-badges{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0}.field-badges b{padding:5px 8px;border-radius:99px;background:#eef2ff;color:var(--brand);font-size:.7rem}.label-identity-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-bottom:22px}.label-identity-grid label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700}.label-identity-grid .span-all{grid-column:1/-1}.section-head.compact{margin:0 0 14px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head.compact>div,.label-preview-panel .section-head>div{display:flex;align-items:center;gap:9px}.section-head.compact h2{margin:0}.section-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf0ff;color:var(--brand)}.price-level{display:flex;align-items:center;gap:8px;grid-column:span 12;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.price-level legend{padding:0 6px;font-weight:800;font-size:.75rem}.price-level label{display:flex!important;align-items:center;flex-direction:row!important;gap:5px!important;grid-column:auto!important;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfe}.price-level input{width:auto}.label-message{min-height:20px;margin-top:12px;color:var(--muted);font-size:.75rem}.preview-note{display:block;margin-top:10px;color:var(--muted);text-align:center}.barcode-label>small{max-width:100%;font-size:5.5pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-label .linear-barcode{width:94%;height:12mm}.barcode-label .qr-barcode{width:min(16mm,65%);height:min(16mm,65%)}.barcode-label.qr-label{justify-content:space-around}.barcode-error{max-width:100%;padding:3px;color:#b52335;font-size:5.5pt;text-align:center}.label-meta{flex-wrap:wrap}.form-actions.split{align-items:center;justify-content:space-between}
@media(max-width:900px){.barcode-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.barcode-stats{grid-template-columns:1fr}.label-identity-grid{grid-template-columns:1fr}.label-identity-grid .span-all{grid-column:1}.price-level{flex-wrap:wrap}.price-level label{flex:1}}

/* MoonsFlow parity layer: blue/white controls, universal search, actions and alerts */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.sidebar{border-right-color:#cfe1e8}.sidebar nav>a:hover,.sidebar summary:hover,.sidebar details[open]>summary{background:#e9f6f9;color:var(--brand)}.brand-mark{box-shadow:0 7px 16px #0b6f8a35}.btn.primary{box-shadow:0 8px 20px #0b6f8a2b}.quick-nav{display:flex;align-items:center;gap:7px}.quick-nav>a{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--brand)}.stock-alert-link{position:relative!important;color:#d62839!important}.stock-alert-link b{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:99px;background:#d62839;color:#fff;font-size:.65rem}.alert-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:99px;background:#d62839;color:#fff;font-size:.9rem;vertical-align:middle}.danger-stat{border-color:#f0b6bd!important;background:#fff4f5!important}.danger-stat strong{color:#c8192e}.out-of-stock-row>td{background:#ffe6e8!important;border-color:#f7c8ce!important}.out-of-stock-row:hover>td{background:#ffd9dd!important}.btn.whatsapp,.whatsapp-row{background:#eafaf0;color:#128c4a;border:1px solid #afe0c2}.btn.whatsapp{font-weight:800}.wa-mark{display:inline-grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;background:#25d366;color:#fff;font-size:.85em;line-height:1;transform:rotate(-18deg)}
.suggestion-host{position:relative}.suggestion-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 18px 42px #163c4c28}.suggestion-list button,.suggestion-list a{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:9px 11px;border:0;border-bottom:1px solid #edf2f4;background:#fff;color:var(--ink);text-align:left}.suggestion-list button:hover,.suggestion-list button.active,.suggestion-list a:hover,.suggestion-list a.active{background:#e9f6f9;color:var(--brand)}.suggestion-list small{margin-top:3px;color:var(--muted)}.global-suggestions{top:calc(100% + 9px);min-width:min(620px,90vw)}.select-typeahead{position:relative;display:grid;grid-template-columns:1fr;gap:4px;width:100%}.select-typeahead>.select-search{width:100%;padding:7px 9px;border:1px solid #cfe1e8;border-radius:8px;background:#f7fbfc}.select-typeahead>select{width:100%}.quick-add-button{align-self:end;min-width:34px;height:34px;margin-top:4px;border:1px solid #9fc9d5;border-radius:8px;background:#e9f6f9;color:var(--brand);font-weight:900}.form-grid label:has(>select[data-quick-add-type]){position:relative}.form-grid label:has(>select[data-quick-add-type])>.select-typeahead{padding-right:40px}.form-grid label:has(>select[data-quick-add-type])>.quick-add-button{position:absolute;right:0;bottom:0}
.table-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid var(--line);background:#f8fbfc}.table-toolbar>.select-typeahead{max-width:210px}.table-toolbar>.table-search{flex:1;min-width:220px}.table-toolbar input,.table-toolbar select{width:100%;padding:8px 10px}.table-toolbar>[data-match-count]{margin-left:auto;color:var(--muted);font-size:.72rem}.bulk-form{display:flex;margin-left:auto}.bulk-form button:disabled{opacity:.45;cursor:not-allowed}.action-menu{position:relative}.action-menu>summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:1.25rem;list-style:none}.action-menu>summary::-webkit-details-marker{display:none}.action-menu>div{position:absolute;z-index:80;right:0;top:38px;min-width:165px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 15px 40px #163c4c25}.action-menu a,.action-menu button{display:block;width:100%;padding:8px 10px;border:0;border-radius:7px;background:#fff;color:var(--ink);font-weight:600;text-align:left}.action-menu a:hover,.action-menu button:hover{background:#e9f6f9;color:var(--brand)}.action-menu form{margin:0}.action-menu button{color:var(--danger)}
.quick-create-dialog{width:min(650px,calc(100vw - 24px));padding:0;border:0;border-radius:16px;box-shadow:0 30px 90px #0b304055}.quick-create-dialog::backdrop{background:#092b386e;backdrop-filter:blur(3px)}.quick-create-panel{padding:20px}.quick-create-panel header,.quick-create-panel footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-create-panel h2{margin:3px 0 18px}.quick-create-panel footer{justify-content:flex-end;margin-top:18px}.field-label{display:flex;flex-direction:column;gap:7px;font-weight:600}.supplier-totals{margin-top:18px}.supplier-totals tfoot{background:#e9f6f9}.purchase-scan{margin-bottom:12px}.upload-gallery>img{width:100%;max-height:240px;object-fit:contain;border:1px solid var(--line);border-radius:10px}
@media(max-width:700px){.table-toolbar>.select-typeahead,.table-toolbar>.table-search{max-width:none;min-width:100%;width:100%}.bulk-form{margin-left:0}.global-suggestions{position:fixed;top:70px;left:10px;right:10px}.quick-nav{display:none}.action-menu>div{position:fixed;left:12px;right:12px;top:auto;bottom:82px;min-width:0}.select-typeahead>.select-search{font-size:16px}}
.out-of-stock-result{margin:2px -8px;padding-left:8px!important;padding-right:8px!important;border-radius:8px;background:#ffe6e8}.pos-product-card.search-active{outline:3px solid var(--accent);outline-offset:2px}.stat-icon{display:grid;place-items:center;position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-radius:10px;background:#e9f6f9;color:var(--brand);font-style:normal;font-size:1.05rem}

/* MakkahAutos-aligned compact professional UI */
:root{--brand:#1679bd;--accent:#0e66a4;--danger:#df2f32;--ink:#142235;--muted:#66758a;--line:#d9e3ee;--canvas:#f5f9fe;--shadow:0 8px 24px rgba(20,80,125,.08)}
.mf-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.mf-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.sidebar .mf-icon{flex:0 0 21px}.topbar{height:52px;gap:10px;padding:0 12px}.page-shell{padding-top:70px;background:radial-gradient(circle at 77% 0,#f0efff 0,transparent 26%),linear-gradient(180deg,#f2f8ff 0,#f7faff 170px,var(--canvas) 360px)}.top-search{max-width:380px;height:34px;padding:6px 10px;border:1px solid #edf1f6;border-radius:8px;background:#f3f6fa}.top-search>.mf-icon{width:15px;height:15px;color:#617083}.top-search button{display:none}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border-color:transparent;border-radius:8px}.quick-nav{gap:2px}.quick-nav>a,.quick-nav>button{display:grid;place-items:center;width:34px;min-width:34px;height:34px;border:0;border-radius:8px;background:#fff;color:#425269}.quick-nav>a:hover,.quick-nav>a:focus-visible,.quick-nav>button:hover,.quick-nav>button:focus-visible,.quick-nav>a.active{background:var(--brand);color:#fff;box-shadow:0 7px 17px rgba(22,121,189,.24)}.quick-nav .mf-icon{width:19px;height:19px}.stock-alert-link b{top:-6px;right:-8px;min-width:22px;height:22px;background:#e62c35;font-size:.62rem}.user-chip>span{width:32px;height:32px;border-radius:8px;background:var(--brand);color:#fff}.user-chip div{font-size:.72rem}.sidebar{width:250px}.topbar{left:250px}.page-shell{margin-left:250px}.sidebar nav>a,.sidebar summary{min-height:42px}.sidebar nav>a.active,.sidebar details div a.active{background:#eaf4fb;color:var(--brand);font-weight:800}.brand{min-height:72px;padding:14px 16px}.brand-mark{background:#fff;color:var(--brand);border:2px solid var(--brand);box-shadow:none}
.btn{min-height:34px;border-radius:7px;padding:7px 12px;font-size:.76rem;font-weight:700;box-shadow:none}.btn:hover{transform:none;filter:brightness(.97)}.btn.primary{background:var(--brand);box-shadow:0 6px 14px rgba(22,121,189,.22)}.btn.danger{background:var(--danger);color:#fff;box-shadow:0 6px 14px rgba(223,47,50,.2)}.btn.secondary{border-color:#cbd9e6;background:#fff;color:#34445a}.btn.ghost{background:#eef3f8;color:#405169}.btn.small{min-height:30px;padding:5px 9px;font-size:.72rem}.form-actions .btn{min-width:96px}.filters .btn.ghost,.line-items .btn.ghost{background:var(--danger);color:#fff}.line-items .btn.secondary{background:var(--brand);border-color:var(--brand);color:#fff}
.filters{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-height:48px;margin-bottom:12px;padding:7px 9px;border-radius:9px;overflow:visible}.filters>*{min-width:0}.filters>.select-typeahead{flex:1 1 135px}.filters>input{flex:1.35 1 180px;min-width:120px}.filters>.btn{flex:0 0 auto;white-space:nowrap}.filters input,.filters select{min-width:0}.field,input,select,textarea{border-color:#d6e0eb;border-radius:7px;padding:8px 10px}.filters input,.filters .select-search{height:34px;padding:6px 28px 6px 9px;background:#f7f9fc;font-size:.74rem}.filters>input{padding-right:9px}.filters .btn{height:34px;min-height:34px;padding:0 10px}
.select-typeahead{position:relative;display:block;width:100%;min-width:0}.select-typeahead:after{content:'⌄';position:absolute;right:10px;top:50%;z-index:2;transform:translateY(-55%);color:#6d7b8c;font-size:.78rem;pointer-events:none}.select-source{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;border:0!important}.select-typeahead>.select-search{display:block;width:100%;height:36px;padding:7px 28px 7px 10px;border:1px solid #d6e0eb;border-radius:7px;background:#fff;font-size:.78rem}.select-typeahead>.select-search::-webkit-search-cancel-button{-webkit-appearance:none}.select-typeahead>.select-search:focus{border-color:#8dbbe0;box-shadow:0 0 0 2px rgba(22,121,189,.1)}.select-suggestions{top:calc(100% + 3px);max-height:230px;border-radius:8px}.select-suggestions button{min-height:34px;padding:7px 10px;font-size:.74rem}.suggestion-list button:hover,.suggestion-list button.active,.suggestion-list a:hover,.suggestion-list a.active{background:#eaf4fb;color:#0e65a4}
.form-grid label:has(.select-typeahead select[data-quick-add-type]){position:relative}.form-grid label:has(.select-typeahead select[data-quick-add-type])>.select-typeahead{padding-right:37px}.form-grid label:has(.select-typeahead select[data-quick-add-type])>.quick-add-button{position:absolute;right:0;bottom:0}.quick-add-button{width:31px;min-width:31px;height:36px;margin:0;border:1px dashed #9ebad1;border-radius:7px;background:#fff;color:var(--brand)}
.table-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-height:46px;padding:6px 10px;background:#f8fafc}.table-toolbar>.select-typeahead{flex:0 1 155px;max-width:155px}.table-toolbar>.table-search{flex:1 1 220px;min-width:130px}.table-toolbar input,.table-toolbar .select-search{height:33px;padding:6px 9px;font-size:.73rem}.table-toolbar .select-search{padding-right:27px}.table-toolbar>[data-match-count]{flex:0 0 auto;white-space:nowrap}.bulk-form{flex:0 0 auto}.table-toolbar .btn{height:32px;min-height:32px;padding:0 9px}.table-toolbar .btn.danger{background:var(--danger);color:#fff}
.form-card{padding:14px;border-radius:9px}.form-card h2{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:9px;font-size:.84rem}.form-card>h2:before,.line-items>header h2:before{content:'▦';display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:var(--brand);color:#fff;font-size:.72rem;box-shadow:0 5px 12px rgba(22,121,189,.25)}.form-grid{gap:11px}.form-grid label{gap:5px;font-size:.72rem}.form-grid input,.form-grid select,.form-grid .select-search{height:36px;font-size:.75rem}.form-grid textarea{min-height:70px}.line-items{margin-top:14px}.line-items header{padding-bottom:8px;border-bottom:1px solid var(--line)}.line-items>header h2{display:flex;align-items:center;gap:8px}.line-table input,.line-table select,.line-table .select-search{height:34px;padding:6px 8px;font-size:.72rem}.page-heading{margin-bottom:14px}.page-heading h1{font-size:1.35rem}.page-heading p{font-size:.72rem}.eyebrow{font-size:.62rem}.card,.table-card,.section-card{border-radius:9px}.data-table th{padding:9px 11px;font-size:.66rem}.data-table td{padding:9px 11px;font-size:.76rem}
body.mf-dark{--ink:#e8eef6;--muted:#aab6c5;--line:#334255;--surface:#192433;--canvas:#111a25;background:#111a25;color:var(--ink)}body.mf-dark .sidebar,body.mf-dark .topbar,body.mf-dark .card,body.mf-dark .form-card,body.mf-dark .table-card,body.mf-dark .section-card,body.mf-dark .filters,body.mf-dark .quick-nav>a,body.mf-dark .quick-nav>button{background:#192433}body.mf-dark .page-shell{background:linear-gradient(180deg,#17283a,var(--canvas))}body.mf-dark input,body.mf-dark select,body.mf-dark textarea,body.mf-dark .select-search{background:#111b28;color:var(--ink);border-color:#3a4a5e}
@media(min-width:901px){body.sidebar-collapsed .sidebar{width:82px;transform:none;overflow-x:hidden}body.sidebar-collapsed .topbar{left:82px}body.sidebar-collapsed .page-shell{margin-left:82px}body.sidebar-collapsed .brand{justify-content:center;padding:14px 8px}body.sidebar-collapsed .brand>span:last-child,body.sidebar-collapsed .sidebar nav span,body.sidebar-collapsed .sidebar summary:after,body.sidebar-collapsed .sidebar details>div{display:none}body.sidebar-collapsed .sidebar nav{padding:14px 10px}body.sidebar-collapsed .sidebar nav>a,body.sidebar-collapsed .sidebar summary{justify-content:center;width:52px;height:52px;margin:4px auto;padding:0;border-radius:11px}body.sidebar-collapsed .sidebar details[open]>summary{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(22,121,189,.25)}body.sidebar-collapsed .sidebar .mf-icon{width:23px;height:23px}}
@media(max-width:1450px) and (min-width:901px){.top-search{max-width:280px}.quick-nav>a,.quick-nav>button{width:31px;min-width:31px}.user-chip div{display:none}}
@media(max-width:1100px) and (min-width:701px){.filters{gap:5px}.filters>.select-typeahead{flex-basis:105px}.filters>input{flex-basis:130px}.filters .btn{padding:0 7px;font-size:.68rem}.table-toolbar>.select-typeahead{max-width:125px}}
@media(max-width:700px){.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.filters>*{width:100%;min-width:0!important}.filters>.btn{width:auto}.table-toolbar{display:grid;grid-template-columns:1fr 1fr}.table-toolbar>.select-typeahead,.table-toolbar>.table-search{width:auto;max-width:none;min-width:0}.table-toolbar>[data-match-count]{margin-left:0}.bulk-form{margin-left:0}.form-card{padding:12px}}
.purchase-info-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.purchase-info-grid>label{grid-column:auto}.purchase-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(110px,1fr);align-items:end;gap:8px;margin:9px 0 14px}.purchase-filter-row>label{display:flex;min-width:0;flex-direction:column;gap:5px;color:var(--ink);font-size:.7rem;font-weight:600}.purchase-filter-row .select-search,.purchase-filter-row>.btn{height:35px}.purchase-filter-row>.btn{align-self:end}.purchase-form .purchase-scan{max-width:none}.purchase-form .form-actions{padding-top:12px}.purchase-form .totals{margin-top:0}.purchase-form .barcode-search{border-radius:7px}.purchase-form .barcode-search input{padding-top:9px;padding-bottom:9px}
@media(max-width:1200px){.purchase-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.purchase-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.purchase-info-grid,.purchase-filter-row{grid-template-columns:1fr}}
.product-form .upload-gallery{gap:8px;margin-bottom:14px}.product-form .upload-tile{min-height:86px;padding:8px}.product-form .upload-tile img{width:52px;height:52px}.product-form .upload-tile input{padding:5px;font-size:.66rem}.product-general-grid,.product-pricing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.product-general-grid>label,.product-pricing-grid>label{grid-column:auto!important}.product-general-grid>.product-description{grid-column:1/-1!important}.product-general-grid>.product-description textarea{min-height:56px}.status-toggle{display:flex;align-items:center;gap:7px;height:36px;padding:7px 9px;border:1px solid #d6e0eb;border-radius:7px;background:#fff;font-weight:600}.status-toggle input{width:auto;height:auto}.product-pricing-grid .check{align-self:end;min-height:36px;padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:#f8fafc}.product-form h2 small{margin-left:auto;color:var(--muted);font-size:.64rem;font-weight:500}.product-form .opening-purchase{margin-top:14px}.product-form .form-actions{padding-top:12px}
@media(max-width:1200px){.product-general-grid,.product-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.product-general-grid,.product-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.product-general-grid,.product-pricing-grid{grid-template-columns:1fr}}
@media(max-width:900px){.topbar{left:0}.page-shell{margin-left:0}.sidebar{width:250px}}

/* Functional parity fixes; keep the approved MoonsFlow visual system intact. */
.product-brand{display:inline-block;margin-right:4px;padding:1px 5px;border-radius:4px;background:#ffe2e5;color:#c51f31;font-weight:800}.pos-cart-line.unavailable{border-radius:7px;background:#fff0f1}.pos-cart-line.unavailable .cart-line-total small{color:#c51f31;font-weight:800}.pos-product-card.out{background:#fff0f1;border-color:#efb9c0}.payment-dialog{max-height:calc(100dvh - 24px);overflow:auto}.payment-entry{display:flex;min-height:0;flex-direction:column}.payment-entry #payment-save{flex:0 0 auto}.credit-payment-form{flex-wrap:wrap}.credit-payment-form [data-transfer-field]{min-width:140px}
.sidebar .nav-subgroup{margin:3px 10px;border:1px solid #d7e5f0;border-radius:7px;background:#f8fbfe}.sidebar .nav-subgroup>summary{min-height:34px;padding:7px 10px;color:#31506b;font-size:.72rem;font-weight:800}.sidebar .nav-subgroup>summary:after{content:'⌄';margin-left:auto}.sidebar .nav-subgroup[open]>summary:after{transform:rotate(180deg)}.sidebar .nav-subgroup>div{padding:2px 5px 6px!important}.sidebar .nav-subgroup>div>a{padding-left:12px!important}
.camera-scan-button{white-space:nowrap}.camera-dialog video{display:block;width:100%;max-height:55vh;margin:14px 0;border-radius:10px;background:#111;object-fit:cover}.camera-dialog p{text-align:center}.profile-photo-form{display:grid;gap:10px;margin-bottom:16px}.profile-photo-form .upload-field img{width:72px;height:72px;border-radius:50%;object-fit:cover}.calculator-dialog{width:min(330px,calc(100vw - 24px));padding:0;border:0;border-radius:12px;box-shadow:0 25px 80px #071d2f55}.calculator-dialog::backdrop{background:#10233b77}.calculator-panel{padding:14px}.calculator-panel header{display:flex;align-items:center;justify-content:space-between}.calculator-panel>input{width:100%;height:54px;margin:10px 0;padding:8px 12px;text-align:right;font-size:1.45rem;font-weight:800}.calculator-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.calculator-keys button{height:42px;border:1px solid var(--line);border-radius:7px;background:#f8fafc;font-weight:800}.calculator-keys button[data-calc-key="="]{grid-row:span 2;height:auto;background:var(--brand);color:#fff}
.pos-product-card .product-copy strong,.pos-product-card .product-copy small,.pos-product-card .product-copy em{white-space:normal;overflow:visible}.pos-product-card .product-copy strong{line-height:1.25}.pos-catalog{min-width:0}
@media(max-height:760px){.pos-modal{padding:8px}.payment-order-summary,.payment-entry{padding:16px}.payment-entry>p{margin-bottom:8px}.payment-keypad{margin:7px 0}.payment-keypad button{height:35px}.payment-status-grid{margin:7px 0}.payment-help{margin-top:5px}}

/* V11 focused product-entry and inline-search corrections. */
.required-mark{display:inline-block;margin-left:2px;color:var(--danger);font-size:1.2rem;line-height:.65;vertical-align:middle}.input-validation-error{border-color:var(--danger)!important;box-shadow:0 0 0 2px rgba(223,47,50,.12)!important}.quick-add-button{width:37px!important;min-width:37px!important;height:36px!important;padding:0!important;font-size:1.45rem!important;line-height:1!important;font-family:Arial,sans-serif!important}.quick-add-button:before,.quick-add-button:after,.form-grid label:has(.quick-add-button) .select-typeahead:after{content:none!important}
.top-search>input{min-width:70px;flex:1 1 auto}.global-inline-result{display:flex;align-items:center;gap:5px;min-width:0;max-width:52%;height:26px;padding:3px 7px;border-left:1px solid #dbe4ed;color:var(--ink);cursor:pointer;overflow:hidden}.global-inline-result span{flex:0 0 auto;color:var(--accent);font-size:.58rem;font-weight:800;text-transform:uppercase}.global-inline-result b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.global-inline-result small{flex:0 0 auto;color:var(--muted);font-size:.56rem}.global-inline-result:hover,.global-inline-result:focus{border-radius:5px;background:#eaf4fb;outline:none}
@media(max-width:700px){.global-inline-result{max-width:45%;padding-right:3px}.global-inline-result span,.global-inline-result small{display:none}.global-inline-result b{font-size:.62rem}}

/* V12 targeted usability corrections. */
.top-search{position:relative;overflow:visible;max-width:min(640px,45vw)}.top-search .global-suggestions{top:calc(100% + 9px);right:auto;width:min(680px,calc(100vw - 28px));max-height:min(640px,calc(100dvh - 80px));padding:8px 0;border-radius:15px;box-shadow:0 18px 55px rgba(21,48,70,.24)}.global-suggestions section+section{border-top:1px solid #edf1f5}.global-suggestions h3{margin:0;padding:12px 20px 7px;color:#425367;font-size:.72rem;letter-spacing:.08em}.global-suggestions button{display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px 20px;border:0}.global-suggestions button>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.global-suggestions button b{font-size:.9rem;font-weight:650}.global-suggestions button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.global-suggestions button i{color:var(--brand);font-size:1rem;font-style:normal}.global-suggestion-icon{display:grid;place-items:center;color:var(--brand);font-size:1.05rem}.suggestion-list mark{border-radius:2px;background:#dcecff;color:inherit;padding:0 1px}.filter-search{flex:1 1 210px;min-width:180px}.filter-search>input{width:100%;min-width:0!important}.filter-suggestions{right:0;min-width:min(480px,calc(100vw - 30px))}.filter-suggestions button b,.filter-suggestions button small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos-workspace-page .page-shell{padding:60px 8px 14px}.pos-workspace-page .mobile-bottom-nav{display:none}.pos-utility-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:38px;margin:0 0 8px}.pos-workspace{grid-template-columns:minmax(0,1.7fr) minmax(400px,.75fr);gap:10px}.pos-catalog{min-height:calc(100dvh - 78px);padding:12px}.pos-cart-panel{top:60px}.product-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));max-height:calc(100dvh - 245px)}.pos-search-suggestions{top:calc(100% + 5px);right:0;max-height:330px}.pos-search-suggestions button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.pos-search-suggestions b,.pos-search-suggestions small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-search-suggestions em{color:var(--brand);font-size:.68rem;font-style:normal;font-weight:800}.cart-title{min-height:28px}.cart-title-actions{display:flex;align-items:center;gap:9px}.cart-title-actions button{padding:0}.pos-cart-line{grid-template-columns:22px minmax(130px,1fr) auto auto 26px}.cart-select{display:grid;place-items:center}.cart-select input{width:15px;height:15px}.cart-line-options{grid-column:2/-1;display:flex;align-items:center;gap:8px;padding-top:7px}.line-tier-picker{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.line-tier-picker button{width:29px;height:27px;padding:0;border:0;border-left:1px solid var(--line);background:#fff;color:var(--muted);font-size:.67rem;font-weight:900}.line-tier-picker button:first-child{border-left:0}.line-tier-picker button.active{background:var(--brand);color:#fff}.cart-price-edit{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.62rem;font-weight:800}.cart-price-edit input{width:88px;height:28px;padding:4px 6px;text-align:right;font-size:.68rem}.pos-notes{margin:6px 16px}.pos-notes textarea{min-height:34px;height:34px;padding:7px 9px}.payment-dialog{display:block;width:min(560px,calc(100vw - 16px));max-height:calc(100dvh - 16px);border-radius:14px}.payment-order-summary,.payment-entry{padding:16px 20px}.payment-order-summary h2,.payment-entry h2{font-size:1.14rem}.payment-customer{margin:8px 0;padding:8px}.payment-order-summary .summary-list{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.payment-order-summary .summary-list>div{padding:6px 0}.payment-order-summary h3{margin:10px 0 7px}.payment-reference{margin-top:9px}.payment-entry>p{margin:3px 0 9px}.amount-display{padding:7px 10px}.amount-display input{font-size:1.25rem}.payment-status-grid{margin:8px 0}.payment-keypad{margin:8px 0}.payment-keypad button{height:34px}.payment-entry #payment-save{position:sticky;bottom:0;z-index:2;margin-top:8px;box-shadow:0 -8px 22px #fff}.stock-adjustment-form{width:100%}.stock-adjustment-form .table-wrap{min-height:220px}.stock-adjustment-form .line-table select{min-width:410px}.adjustment-total{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f7fafe}.adjustment-total strong{color:var(--brand);font-size:1.12rem}.table-image-wrap{position:relative;display:inline-grid;width:44px;height:44px;place-items:center}.table-image-wrap .table-thumb{width:44px;height:44px}.table-image-wrap .placeholder[hidden]{display:none}
@media(max-width:1000px){.pos-workspace{grid-template-columns:1fr}.pos-catalog{min-height:auto}.product-catalog-grid{max-height:50vh}.pos-cart-panel{position:static}.payment-order-summary .summary-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.top-search .global-suggestions{position:fixed;top:54px;left:8px;right:8px;width:auto;max-height:calc(100dvh - 66px)}.global-suggestions h3{padding-inline:14px}.global-suggestions button{padding-inline:14px}.pos-workspace-page .page-shell{padding:58px 5px 10px}.pos-utility-bar{overflow:auto;justify-content:flex-start}.product-catalog-grid{grid-template-columns:1fr}.pos-cart-line{grid-template-columns:22px minmax(0,1fr) auto 24px}.cart-quantity{grid-column:2}.cart-line-total{grid-column:3}.cart-line-options{grid-column:2/-1;flex-wrap:wrap}.payment-dialog{width:100%;height:100%;max-height:100dvh;border-radius:0}.payment-order-summary,.payment-entry{padding:13px 15px}.stock-adjustment-form .line-table select{min-width:270px}}
.product-catalog-grid.list-view{grid-template-columns:1fr}.product-catalog-grid.list-view .pos-product-card{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center}.product-catalog-grid.list-view .product-price,.product-catalog-grid.list-view .product-stock{margin:0;white-space:nowrap}.camera-actions{display:flex;justify-content:center;gap:7px;margin:10px 0}.camera-actions .active{background:var(--brand);color:#fff}

/* Final precedence for the V12 focused corrections. */
:root{--sidebar-width:225px}.sidebar{width:var(--sidebar-width)}.topbar{left:var(--sidebar-width)}.page-shell{margin-left:var(--sidebar-width)}.pos-workspace-page .page-shell{padding:55px 5px 8px}.pos-workspace-page .app-footer{display:none}.product-list-filters{border-color:#c8dceb;background:#edf7ff}.product-list-filters .select-search,.product-list-filters>input{border-color:#b8d2e5;background:#fff;color:#173d59;font-weight:700}.pos-customer-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}.pos-customer-actions a,.pos-customer-actions strong{padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:.67rem}.running-customer p{display:none}.payment-submit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;bottom:0;padding-top:8px;background:#fff}.payment-quick-amounts{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.payment-quick-amounts button{flex:1;min-width:62px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#edf6fc;color:var(--brand);font-weight:800}.camera-viewport{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:12px;background:#0d1420}.camera-viewport video{display:block;width:100%;height:100%;max-height:none;margin:0;object-fit:cover}.camera-viewport>span{position:absolute;inset:15%;border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 999px #0005}.camera-viewport>span:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:#e42a32;box-shadow:0 0 10px #e42a32;animation:camera-scan 1.7s ease-in-out infinite}.camera-manual{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-size:.72rem;font-weight:800}.camera-manual>div{display:grid;grid-template-columns:1fr auto;gap:7px}.camera-manual input{min-width:0}.camera-actions{flex-wrap:wrap}@keyframes camera-scan{0%,100%{transform:translateY(-38px)}50%{transform:translateY(38px)}}
@media(min-width:1001px){.pos-workspace-page .product-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.pos-workspace-page .pos-product-card{grid-template-columns:1fr;padding:7px}.pos-workspace-page .pos-product-card .product-picture{width:100%;height:86px}.pos-workspace-page .pos-product-card .product-price,.pos-workspace-page .pos-product-card .product-stock{text-align:left}}
@media(min-width:1800px){.sidebar{width:var(--sidebar-width)}.topbar{left:var(--sidebar-width)}.page-shell{margin-left:var(--sidebar-width)}}
@media(max-width:900px){.sidebar{width:min(var(--sidebar-width),86vw)}.topbar{left:0}.page-shell{margin-left:0}.sidebar-resizer{display:none}}
@media(max-width:700px){.pos-workspace-page .page-shell{padding:55px 4px 8px}.pos-customer-actions{justify-content:stretch}.pos-customer-actions a,.pos-customer-actions strong{flex:1;text-align:center}.camera-dialog{width:100%;height:100%;max-height:100dvh;border-radius:0}.camera-viewport{aspect-ratio:3/4;max-height:55dvh}.payment-submit-actions{grid-template-columns:1fr}}

/* V12.6 POS card parity: compact Makkah-style tiles without empty vertical space. */
.pos-workspace-page #pos-products:not(.list-view){grid-template-columns:repeat(auto-fill,minmax(142px,168px));justify-content:start;align-content:start;gap:7px}
.pos-workspace-page #pos-products:not(.list-view) .pos-product-card{display:flex;min-height:0;height:auto;flex-direction:column;gap:3px;padding:5px;border-radius:9px}
.pos-workspace-page #pos-products:not(.list-view) .product-picture{display:block;width:100%;height:auto!important;aspect-ratio:1/1;border-radius:7px;overflow:hidden}
.pos-workspace-page #pos-products:not(.list-view) .product-picture>img{display:block;width:100%;height:100%;object-fit:cover}
.pos-workspace-page #pos-products:not(.list-view) .product-copy{gap:1px}
.pos-workspace-page #pos-products:not(.list-view) .product-copy em{min-height:0;margin-top:1px;font-size:.59rem;line-height:1.25}
.pos-workspace-page #pos-products:not(.list-view) .product-copy strong{min-height:28px;font-size:.73rem;line-height:1.16}
.pos-workspace-page #pos-products:not(.list-view) .product-copy small{min-height:0;margin-top:1px;font-size:.58rem;line-height:1.2}
.pos-workspace-page #pos-products:not(.list-view) .product-stock{margin-top:3px;padding-right:28px;font-size:.7rem;line-height:24px}
.pos-workspace-page #pos-products:not(.list-view) .product-add-mark{right:5px;bottom:5px;width:25px;height:25px}
.cart-price-code{display:inline-flex;padding:1px 5px;border-radius:4px;background:#f07b00;color:#fff;font-size:.62rem}
.cart-line-edit{width:27px;height:27px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--brand);font-size:1rem;font-weight:900}
.cart-line-edit:hover{background:#eaf4fb}
@media(max-width:700px){.pos-workspace-page #pos-products:not(.list-view){grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}}
body.sidebar-collapsed .sidebar-resizer{display:none}

/* V12.7: compact Makkah-style POS search and product cards. */
.pos-search-suggestions{overflow-x:hidden!important;padding:0}
.pos-search-suggestions button{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:58px;padding:8px 10px!important}
.pos-suggestion-main{display:flex;min-width:0;flex-direction:column;gap:5px}
.pos-suggestion-title{display:flex;align-items:center;gap:7px;min-width:0}
.pos-suggestion-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5e6878;font-size:.82rem}
.pos-suggestion-title em{flex:0 0 auto;color:#ef6571;font-size:.68rem;font-style:normal}
.pos-suggestion-main>small{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;color:#7f8794;font-size:.66rem;white-space:nowrap}
.pos-suggestion-main>small>span{overflow:hidden;text-overflow:ellipsis}
.pos-suggestion-code{flex:0 0 auto;padding:2px 7px;border:1px solid #cfe1f4;border-radius:4px;background:#edf6ff;color:#65a0d9;font-size:.67rem}
.pos-suggestion-brand,.pos-suggestion-price-code{flex:0 0 auto;padding:3px 7px;border-radius:5px;background:#ef9267;color:#fff;font-size:.65rem}
.pos-suggestion-side{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
.pos-suggestion-price-code{background:#f5a24f}.pos-suggestion-sale-price{color:var(--brand);font-size:.69rem}
.pos-suggestion-stock{padding:3px 7px;border-radius:5px;background:#e4f4ee;color:#16845f;font-size:.65rem}.pos-suggestion-stock.out{background:#ef8f9d;color:#fff}
.pos-search-suggestions button.out-of-stock-suggestion{background:#fff}.pos-search-suggestions button.out-of-stock-suggestion:hover,.pos-search-suggestions button.out-of-stock-suggestion.active{background:#fff2f3}
.pos-workspace-page #pos-products:not(.list-view){grid-template-columns:repeat(auto-fill,minmax(128px,148px));gap:6px}
.pos-workspace-page #pos-products:not(.list-view) .pos-product-card{gap:2px;padding:5px}
.pos-workspace-page #pos-products:not(.list-view) .product-picture{height:76px!important;aspect-ratio:auto}
.pos-workspace-page #pos-products:not(.list-view) .product-copy strong{min-height:25px;font-size:.7rem}
.pos-workspace-page #pos-products:not(.list-view) .product-stock{font-size:.65rem;line-height:22px}
.payment-submit-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-submit-actions .btn{min-width:0;padding:10px 7px;font-size:.72rem}.payment-submit-actions kbd{padding:1px 4px;border:1px solid currentColor;border-radius:4px;font-size:.62rem}
.backup-upload-form{display:flex;align-items:center;gap:7px}.backup-upload-form input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.backup-upload-form>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.7rem}
.public-client-login,.login-submit{position:relative;z-index:3;pointer-events:auto}.login-submit[aria-busy=true]{opacity:.72;cursor:wait;transform:none}
@media(max-width:700px){.pos-search-suggestions button{grid-template-columns:minmax(0,1fr)!important}.pos-suggestion-side{justify-content:flex-start}.payment-submit-actions{grid-template-columns:1fr}.backup-upload-form{width:100%;flex-wrap:wrap}.backup-upload-form .btn{flex:1}.pos-workspace-page #pos-products:not(.list-view){grid-template-columns:repeat(2,minmax(0,1fr))}.pos-workspace-page #pos-products:not(.list-view) .product-picture{height:70px!important}}

.offline-queue-status{position:fixed;bottom:12px;right:12px;z-index:900;background:var(--card,#fff);color:var(--text,#24364a);padding:10px 15px;border:1px solid #aac5d9;border-radius:10px;max-width:420px;max-height:180px;overflow:auto;font-size:12px}#payment-save-partial{display:none!important}.stock-adjustment-form .line-table td:first-child{min-width:400px;width:55%}.entry-stock{font-size:10px}.pos-toolbar .btn{white-space:nowrap}

.template-preview-section{margin-top:18px;padding:20px}#template-live-preview{margin:20px auto;background:white;color:black;overflow:hidden;border:1px dashed #778899;padding:2mm;text-align:center;font-size:10px;display:flex;flex-direction:column;justify-content:center}#template-live-preview svg{max-width:100%;max-height:60%;min-height:8mm}#template-live-preview .qr-barcode{height:70%;margin:auto}body.mf-dark .pos-catalog,body.mf-dark .pos-cart,body.mf-dark .pos-payment,body.mf-dark .pos-product-card,body.mf-dark .pos-dialog,body.mf-dark .running-catalog,body.mf-dark .running-payment,body.mf-dark .suggestion-list,body.mf-dark .cart-line,body.mf-dark .pos-summary{background:#192433;color:#e8eef6;border-color:#334255}body.mf-dark .pos-product-card.out{background:#482b35}body.mf-dark .pos-product-card strong,body.mf-dark .cart-line strong,body.mf-dark .catalog-title h2{color:#e8eef6}body.mf-dark .suggestion-list button{background:#192433;color:#e8eef6}

.full-product-picker{width:min(1200px,96vw);height:90vh;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface,#fff);color:var(--ink);overflow:hidden}.full-product-picker::backdrop{background:#13283b99}.full-product-picker header{display:flex;align-items:center;justify-content:space-between}.full-product-picker [data-search]{width:100%;margin-bottom:12px}.picker-list{overflow:auto;height:calc(100% - 125px)}.picker-list button{display:flex;flex-direction:column;gap:4px;width:100%;text-align:start;border:1px solid var(--line);background:var(--surface,#fff);color:var(--ink);padding:12px;margin-bottom:5px}.picker-list button.active{border:2px solid #187cc0;background:#147abb16}.picker-list small{font-size:12px}.pos-cart-line.unavailable{border-color:#e55;background:#fff1f1}