:root{
  --green:#003f2a;--green2:#00965a;--green3:#ecfdf3;--blue:#0f62fe;--orange:#f59e0b;--red:#dc2626;
  --bg:#f4f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;
  --shadow:0 18px 50px rgba(15,23,42,.08);--soft:0 8px 24px rgba(15,23,42,.05);--radius:22px;--sidebar:292px
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{max-width:100%}
.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:linear-gradient(180deg,#00482f 0%,#003621 45%,#002416 100%);color:#fff;position:fixed;left:0;top:0;bottom:0;overflow:auto;z-index:50}.brand{padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-row{display:flex;gap:14px;align-items:center}.brand-logo{width:58px;height:58px;object-fit:contain;border-radius:18px;background:#fff;padding:7px;box-shadow:0 12px 28px rgba(0,0,0,.16)}.brand h2{margin:7px 0 2px;font-size:25px;line-height:1.08;letter-spacing:-.04em}.brand p{margin:0;color:#c8fadd;font-size:12px;line-height:1.35}.pill{display:inline-flex;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);padding:5px 11px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.02em}.nav{padding:13px}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 14px;margin:4px 0;border-radius:15px;font-weight:850;color:#ecfdf5;transition:.15s}.nav-link:before{content:"";width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.28)}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.nav-link.active:before{background:#34d399}.credit{font-size:11px;color:#c9f7dc;padding:16px 18px;border-top:1px solid rgba(255,255,255,.1);margin-top:10px;line-height:1.5}.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:30}.iconBtn{border:0;border-radius:15px;background:var(--green3);color:var(--green);padding:11px 13px;font-weight:950}.menuBtn{display:none}.mobile-brand{display:none;align-items:center;gap:10px;font-weight:950}.mobile-brand img{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:11px}.top-search{flex:1;min-width:160px}.top-search input,.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:13px 14px;font-size:15px;background:#fff;outline:none;transition:.16s}.top-search input{max-width:620px;background:#f8fafc}.top-search input:focus,.input:focus,select:focus,textarea:focus{border-color:#39c783;box-shadow:0 0 0 4px rgba(0,150,90,.12);background:#fff}.accountBtn{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:999px}.accountBtn:hover{background:#f1f5f9}.accountBtn small{display:block;color:var(--muted);font-size:12px}.accountBtn b{background:linear-gradient(135deg,var(--green2),#006d45);color:#fff;border-radius:50%;min-width:43px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,150,90,.22)}.content{padding:30px;max-width:1580px}.page-title{font-size:34px;line-height:1.1;margin:0 0 8px;font-weight:950;letter-spacing:-.04em}.subtitle{color:var(--muted);margin:0 0 22px;max-width:1100px;line-height:1.6}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--soft)}.card h2{font-size:19px;letter-spacing:-.02em}.stat{min-height:132px}.stat h3{color:var(--muted);margin:0 0 9px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.stat .num{font-size:38px;font-weight:950;letter-spacing:-.04em}.btn{border:0;border-radius:15px;padding:12px 17px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;min-height:46px;transition:.15s;white-space:nowrap}.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}.btn-primary{background:linear-gradient(135deg,#00965a,#007a48);color:#fff}.btn-light{background:#eef2f7;color:#0f172a}.btn-danger{background:#fee2e2;color:#991b1b}.btn-warn{background:#f59e0b;color:#fff}.btn-blue{background:#e0edff;color:#0f62fe}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:auto;box-shadow:var(--soft)}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}td{color:#111827}tr:hover td{background:#fcfcfd}.badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:99px;font-weight:900;font-size:12px}.ok{background:#d1fae5;color:#047857}.bad{background:#fee2e2;color:#991b1b}.warn{background:#ffedd5;color:#c2410c}.info{background:#dbeafe;color:#1d4ed8}.alert{padding:14px 16px;border-radius:15px;margin-bottom:18px;border:1px solid}.alert.success{background:#dcfce7;border-color:#86efac}.alert.error{background:#fee2e2;border-color:#fca5a5}.alert.info{background:#dbeafe;border-color:#93c5fd}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:12px 18px;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:900}.tabs a.active{background:var(--green2);color:#fff}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid label{font-weight:850;font-size:13px;color:#334155}.form-grid label span{display:block;margin-bottom:7px}.full{grid-column:1/-1}.readonly-note{font-size:13px;color:var(--muted);line-height:1.5}.readonly-panel{background:#f8fafc;border:1px solid var(--line);border-radius:17px;padding:15px;color:#334155}.summary-box{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:720px;margin-left:auto}.summary-box>div{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px}.summary-box span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:900}.summary-box b{font-size:20px}.product-img{width:100%;height:155px;object-fit:contain;background:#f8fafc;border-radius:18px}.product-card{display:flex;flex-direction:column;gap:9px;position:relative}.product-card h3{margin:0;font-size:17px;line-height:1.25}.retail-cross{color:#64748b}.sticky-actions{position:sticky;bottom:0;background:rgba(244,247,251,.92);backdrop-filter:blur(10px);padding:12px;border-radius:18px;z-index:12}.qty-pill{display:inline-flex;background:#d1fae5;color:#047857;padding:9px 13px;border-radius:22px;font-weight:900}.price-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:99px;background:#f2f4f7;font-weight:900}.customer-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.invoice-item-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:12px}.invoice-item-top{display:grid;grid-template-columns:minmax(310px,1fr) 110px 130px 120px auto;gap:12px;align-items:end}.invoice-item-card label{font-weight:850;font-size:13px;color:#334155}.invoice-item-card label span{display:block;margin-bottom:7px}.invoice-item-total{font-weight:950;color:#047857;font-size:17px}.scan-bar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;background:linear-gradient(135deg,#f8fafc,#fff);border:1px dashed #cbd5e1;border-radius:18px;padding:14px;margin-bottom:14px}.scan-bar label{flex:1;min-width:260px}.line-no{width:30px;height:30px;border-radius:9px;background:#ecfdf3;color:#047857;display:flex;align-items:center;justify-content:center;font-weight:950}.portal-hero{background:linear-gradient(135deg,#00452d,#00965a);color:#fff;border-radius:28px;padding:26px;box-shadow:var(--shadow);margin-bottom:18px;position:relative;overflow:hidden}.portal-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12)}.portal-hero h1{margin:0;font-size:31px;letter-spacing:-.04em}.portal-hero p{color:#d1fae5}.cart-sticky{position:sticky;top:94px}.compact-actions{display:flex;gap:8px;flex-wrap:wrap}.desktop-only{display:block}.mobile-only{display:none}.bottom-nav{display:none}.mobile-shade{display:none}
/* invoice */.invoice-stage{max-width:1120px;margin:auto}.invoice-paper{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:0;border-radius:22px;overflow:hidden}.invoice-top-strip{height:10px;background:linear-gradient(90deg,#003f2a,#00965a,#0f62fe)}.invoice-inner{padding:36px}.invoice-head{display:grid;grid-template-columns:1fr 300px;gap:30px;border-bottom:3px solid #111827;padding-bottom:26px;margin-bottom:24px}.invoice-logo{max-width:190px;max-height:82px;object-fit:contain}.invoice-title{text-align:right}.invoice-title h1{font-size:34px;margin:0 0 4px;letter-spacing:-.04em}.invoice-title h2{font-size:20px;margin:0;color:#0f62fe}.invoice-meta{margin-top:12px;color:#475569;font-size:13px;line-height:1.7}.invoice-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.invoice-box{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:17px}.invoice-box h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#475569}.invoice-table th,.invoice-table td{font-size:13px}.invoice-table .amount{text-align:right;white-space:nowrap}.invoice-totals{width:410px;margin-left:auto;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:none}.invoice-totals th,.invoice-totals td{padding:12px 14px}.invoice-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;text-align:center;color:#64748b}.qr-box{display:flex;align-items:center;gap:10px;justify-content:flex-end}.qr-box img{width:86px;height:86px;border:1px solid var(--line);border-radius:12px;padding:5px;background:#fff}.print-only{display:none}
@media(max-width:1180px){:root{--sidebar:0}.app-shell{display:block}.sidebar{position:fixed;transform:translateX(-104%);transition:.22s ease;box-shadow:0 20px 70px rgba(0,0,0,.25);width:min(86vw,330px)}body.menu-open .sidebar{transform:translateX(0)}.mobile-shade{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:40}body.menu-open .mobile-shade{display:block}.main{margin-left:0;width:100%;padding-bottom:72px}.menuBtn{display:inline-flex}.mobile-brand{display:flex}.topbar{height:auto;min-height:70px;padding:12px 14px}.accountBtn span,.accountBtn small{display:none}.content{padding:20px 14px}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.card{border-radius:22px;padding:18px}.tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.tabs a{white-space:nowrap}.invoice-item-top{grid-template-columns:1fr 100px 120px 110px auto}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:66px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:45;box-shadow:0 -10px 30px rgba(16,24,40,.08)}.bottom-nav a{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#475467}.bottom-nav a:hover{color:var(--green2)}}
@media(max-width:720px){body{font-size:16px;background:#f7f9fc}.topbar{gap:8px}.top-search input{height:46px;border-radius:999px}.mobile-brand span{display:none}.content{padding:18px 12px}.page-title{font-size:28px}.subtitle{font-size:15px}.stat .num{font-size:34px}.btn{min-height:48px}.btn-row .btn{flex:1}.summary-box{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr!important}.table-mobile table,.table-mobile thead,.table-mobile tbody,.table-mobile th,.table-mobile td,.table-mobile tr{display:block}.table-mobile thead{display:none}.table-mobile tr{background:#fff;border-bottom:1px solid var(--line);padding:12px}.table-mobile td{border:0;display:flex;justify-content:space-between;gap:14px;padding:8px 2px}.table-mobile td:before{content:attr(data-label);font-weight:900;color:#475569}.invoice-item-top{grid-template-columns:1fr}.invoice-item-card{padding:16px}.invoice-paper{border-radius:16px;overflow:auto}.invoice-inner{padding:18px}.invoice-head{display:block}.invoice-title{text-align:left;margin-top:16px}.invoice-boxes{grid-template-columns:1fr}.invoice-table{min-width:720px}.invoice-totals{width:100%}.portal-hero{padding:20px;border-radius:24px}.portal-hero h1{font-size:26px}.cart-sticky{position:static}.desktop-only{display:none}.mobile-only{display:block}.nav{padding-bottom:30px}.scan-bar label{min-width:100%}.top-search{order:5;width:100%;flex-basis:100%}}
@media print{body{background:#fff}.sidebar,.topbar,.bottom-nav,.no-print,.mobile-shade{display:none!important}.main{margin:0;width:100%;padding:0}.content{padding:0;max-width:none}.invoice-stage{max-width:none}.invoice-paper{box-shadow:none;border:0;border-radius:0}.invoice-inner{padding:16mm}.print-only{display:block}.btn{display:none}.invoice-top-strip{height:5px}.invoice-table th,.invoice-table td{font-size:11px;padding:8px}.invoice-title h1{font-size:28px}.invoice-logo{max-width:150px;max-height:65px}}


/* ===== V15 refined UI ===== */
:root{--sidebar:300px;--radius-lg:26px;--invoice-side:430px}
.page-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.section-caption{color:var(--muted);font-size:14px}
.hero-card{background:linear-gradient(135deg,#013b27,#006e42 45%,#0b8e5f 100%);color:#fff;border-radius:28px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-card:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.hero-card h1{margin:0 0 8px;font-size:34px;letter-spacing:-.04em}.hero-card p{margin:0;color:#d7fbe8;max-width:900px}
.compact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}
.invoice-split{display:grid;grid-template-columns:minmax(0,1fr) var(--invoice-side);gap:18px;align-items:start}
.catalog-panel,.cart-panel{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--soft)}
.catalog-panel{padding:18px}.cart-panel{padding:18px;position:sticky;top:96px}
.catalog-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.catalog-toolbar h2,.cart-panel h2{margin:0;font-size:22px;letter-spacing:-.03em}
.catalog-search-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.filter-chips{display:flex;gap:8px;overflow:auto;padding:2px 0 8px;margin-bottom:10px}.filter-chip{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:999px;font-weight:900;white-space:nowrap;cursor:pointer;color:#334155}.filter-chip.active,.filter-chip:hover{background:var(--green2);border-color:var(--green2);color:#fff}
.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:calc(100vh - 340px);overflow:auto;padding-right:2px}
.variant-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.04);min-height:100%}
.variant-media{background:linear-gradient(180deg,#fbfdff,#f3f7fb);padding:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;min-height:148px}.variant-media img{max-width:100%;max-height:118px;object-fit:contain}
.variant-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.variant-body h3{margin:0;font-size:17px;line-height:1.3}.variant-meta{font-size:13px;color:#64748b;line-height:1.4;min-height:36px}.variant-prices{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.variant-prices .retail-cross{margin:0;font-size:12px}.variant-prices b{font-size:20px;letter-spacing:-.03em}.variant-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.stock-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#047857;font-weight:900}.stock-dot:before{content:"";width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14)}.stock-dot.bad{color:#b91c1c}.stock-dot.bad:before{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12)}
.cart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.cart-helper{font-size:13px;color:var(--muted)}
.cart-lines{display:flex;flex-direction:column;gap:12px;max-height:48vh;overflow:auto;padding-right:2px}
.cart-line{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff}.cart-thumb{width:64px;height:64px;border-radius:16px;background:#f8fafc;object-fit:contain;border:1px solid #eef2f6}.cart-line h4{margin:0;font-size:15px;line-height:1.3}.cart-meta{font-size:12px;color:#64748b;line-height:1.45;margin-top:4px}.cart-controls{display:grid;grid-template-columns:92px 108px 92px auto;gap:8px;align-items:end;margin-top:10px}.mini-field span{display:block;font-size:11px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.mini-field input,.mini-field select{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 11px;background:#fff}.line-amount{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;font-weight:950;color:#047857;font-size:18px;white-space:nowrap}.line-amount button{margin-top:7px}
.cart-empty{padding:32px 20px;text-align:center;border:1px dashed #cbd5e1;border-radius:22px;background:#fafcff;color:#64748b}
.totals-card{margin-top:14px;background:#f8fafc;border:1px solid var(--line);border-radius:22px;padding:16px}.totals-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.totals-row strong{font-size:24px;letter-spacing:-.04em}.invoice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.save-note{font-size:12px;color:#64748b;line-height:1.5;margin-top:12px}
.customer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.stat-mini{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:13px}.stat-mini b{display:block;font-size:22px;margin-top:4px}.stat-mini span{font-size:12px;color:#dbfbe7;text-transform:uppercase;font-weight:900;letter-spacing:.06em}
.invoice-customer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.invoice-customer-grid .card h2{margin-top:0}
.product-list-table td img{width:56px;height:56px;border-radius:14px;object-fit:cover;background:#f8fafc;border:1px solid #edf2f7}
.credit{font-size:11px;color:#d9fbe9;padding:16px 18px;border-top:1px solid rgba(255,255,255,.12);margin-top:10px;line-height:1.55}
@media(max-width:1320px){.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-split{grid-template-columns:1fr 390px}}
@media(max-width:1180px){.invoice-split,.invoice-customer-grid,.compact-grid{grid-template-columns:1fr}.cart-panel{position:static}.variant-grid{max-height:none}.catalog-search-wrap{grid-template-columns:1fr}.customer-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hero-card{padding:20px;border-radius:24px}.hero-card h1{font-size:28px}.catalog-panel,.cart-panel{border-radius:24px;padding:14px}.variant-grid{grid-template-columns:1fr}.cart-line{grid-template-columns:54px minmax(0,1fr)}.cart-thumb{width:54px;height:54px;border-radius:14px}.cart-controls{grid-template-columns:1fr 1fr}.line-amount{align-items:flex-start}.invoice-actions{grid-template-columns:1fr}.customer-summary{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start}.filter-chip{padding:9px 12px}}


/* ===== V16 clean invoice cart audit ===== */
.cart-lines{max-height:none;overflow:visible;gap:12px}.cart-panel{overflow:visible}.cart-line{grid-template-columns:72px minmax(0,1fr);padding:14px;border-radius:22px}.cart-main{min-width:0}.cart-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.cart-row-head h4{margin:0;font-size:16px;line-height:1.28;letter-spacing:-.02em}.cart-remove{border:0;background:#fee2e2;color:#991b1b;width:34px;height:34px;min-width:34px;border-radius:12px;font-size:22px;font-weight:950;line-height:1;cursor:pointer}.cart-remove:hover{filter:saturate(1.1);transform:translateY(-1px)}.variant-field{display:block;margin:8px 0 10px}.variant-field .input{min-height:46px;border-radius:14px}.clean-cart-controls{display:grid;grid-template-columns:78px 100px 92px minmax(88px,1fr);gap:8px;align-items:end}.line-amount{align-items:flex-end;text-align:right}.line-amount span{font-size:11px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.lineTotal{font-size:16px;font-weight:950;color:#047857}.cart-thumb{border-radius:16px}.variant-prices b{white-space:normal}.variant-card{min-width:0}.variant-body h3{word-break:break-word}.catalog-panel,.cart-panel{min-width:0}.invoice-split{grid-template-columns:minmax(0,1fr) 440px}@media(max-width:1180px){.invoice-split{grid-template-columns:1fr}.cart-lines{max-height:none}.cart-panel{position:static}}@media(max-width:720px){.cart-line{grid-template-columns:58px minmax(0,1fr);padding:12px}.clean-cart-controls{grid-template-columns:1fr 1fr}.line-amount{align-items:flex-start;text-align:left}.cart-row-head h4{font-size:15px}.variant-field .input{width:100%}.cart-meta{font-size:12px}.invoice-split{gap:14px}.catalog-panel,.cart-panel{padding:13px}.variant-grid{gap:12px}.variant-card{border-radius:20px}.variant-media{min-height:120px}.variant-media img{max-height:100px}}

/* V17 order/promotion polish */
.promo-banner{border-color:#bbf7d0!important}.order-card{transition:.15s}.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}


/* ===== V18 Customer Portal + Dashboard + Daily Closing Polish ===== */
.status-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:950;text-transform:capitalize}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%}.status-pending,.status-submitted{background:#fff7ed;color:#c2410c}.status-pending:before,.status-submitted:before{background:#f97316}.status-processing{background:#dbeafe;color:#1d4ed8}.status-processing:before{background:#2563eb}.status-approved,.status-confirmed{background:#dcfce7;color:#047857}.status-approved:before,.status-confirmed:before{background:#16a34a}.status-delivered{background:#e0f2fe;color:#0369a1}.status-delivered:before{background:#0284c7}.status-cancelled{background:#fee2e2;color:#b91c1c}.status-cancelled:before{background:#dc2626}
.portal-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.notif-list{display:flex;flex-direction:column;gap:10px}.notif-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:18px;padding:13px}.notif-dot{width:34px;height:34px;border-radius:14px;background:#ecfdf3;color:#047857;display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 auto}.notif-item b{display:block}.notif-item small{color:var(--muted)}
.order-mini-list{display:flex;flex-direction:column;gap:10px}.order-mini{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.order-mini h3{margin:0 0 5px;font-size:16px}.order-mini p{margin:0;color:var(--muted);font-size:13px}.portal-main-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:start}.portal-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-product-card{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--soft);padding:16px;display:flex;flex-direction:column;gap:10px}.portal-product-card img{width:100%;height:150px;object-fit:contain;border-radius:18px;background:#f8fafc;border:1px solid #edf2f7}.portal-product-card h3{margin:0;font-size:17px;line-height:1.25}.portal-price-line{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.portal-price-line h2{margin:0;font-size:23px;letter-spacing:-.04em}.availability-bar{height:9px;border-radius:99px;background:#dcfce7;overflow:hidden}.availability-bar.empty{background:#fee2e2}.portal-actions{display:flex;gap:9px;align-items:center;margin-top:auto}.portal-actions .input{max-width:110px}.side-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.side-card-title h2{margin:0}
.dash-hero{background:linear-gradient(135deg,#003f2a,#008a52);color:white;border-radius:30px;padding:28px;box-shadow:var(--shadow);margin-bottom:18px}.dash-hero h1{margin:0;font-size:36px;letter-spacing:-.04em}.dash-hero p{color:#d1fae5;max-width:900px}.dash-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.dash-actions .btn-light{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.2)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--soft)}.kpi span{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kpi b{display:block;font-size:30px;letter-spacing:-.04em;margin-top:7px}.kpi small{display:block;color:var(--muted);margin-top:4px}.report-hero{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--soft)}.report-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.report-chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px}.report-chip span{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;font-size:11px}.report-chip b{font-size:24px;letter-spacing:-.04em}.print-report-header{display:none}.summary-table tfoot td{font-weight:950;background:#f8fafc}.order-status-select{max-width:220px}
@media(max-width:1180px){.portal-top-grid,.portal-main-grid{grid-template-columns:1fr}.portal-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid,.report-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.portal-shop-grid,.kpi-grid,.report-strip{grid-template-columns:1fr}.order-mini{grid-template-columns:1fr}.dash-hero{padding:22px;border-radius:24px}.dash-hero h1{font-size:29px}.portal-product-card img{height:135px}.report-hero{padding:18px;border-radius:24px}.side-card-title{align-items:flex-start;flex-direction:column}.notif-item{padding:12px}}
@media print{.print-report-header{display:block;text-align:center;margin-bottom:18px}.report-hero,.dash-actions,.tabs,.bottom-nav,.sidebar,.topbar,.btn,.no-print{display:none!important}.content{padding:0}.report-strip{grid-template-columns:repeat(5,1fr);gap:8px}.report-chip{padding:10px}.report-chip b{font-size:17px}.card{box-shadow:none;border:1px solid #ddd;border-radius:0}}


/* ===== V19 Customer Portal E-commerce UX ===== */
.portal-storefront-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#003f2a,#008650);color:#fff;border-radius:30px;padding:26px;box-shadow:var(--shadow);margin-bottom:18px;position:relative;overflow:hidden}.portal-storefront-hero.small{padding:22px 24px}.portal-storefront-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.1)}.portal-storefront-hero>*{position:relative;z-index:1}.portal-storefront-hero h1{margin:8px 0;font-size:34px;letter-spacing:-.05em}.portal-storefront-hero p{margin:0;color:#d8ffe9;max-width:720px}.portal-account-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px;min-width:260px}.portal-account-card b,.portal-account-card span,.portal-account-card a{display:block}.portal-account-card span{color:#d8ffe9;margin:5px 0 10px}.portal-account-card a{color:#fff;font-weight:900;text-decoration:underline}.portal-menu-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.portal-menu-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:var(--soft)}.portal-menu-card b{display:block;font-size:16px}.portal-menu-card span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.portal-menu-card.active{background:#ecfdf3;border-color:#86efac;box-shadow:0 12px 30px rgba(0,150,90,.12)}.portal-promo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.portal-promo{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--soft)}.portal-promo img{width:78px;height:62px;object-fit:cover;border-radius:15px;background:#f8fafc}.portal-promo b{display:block}.portal-promo span,.portal-promo small{display:block;color:#64748b;font-size:13px;line-height:1.45}.portal-promo.large{align-items:flex-start;margin-bottom:12px}.portal-promo.large img{width:110px;height:86px}.portal-shop-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 340px;gap:18px;align-items:start}.portal-filter-panel,.portal-cart-panel,.portal-order-list,.portal-order-detail .card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--soft)}.portal-filter-panel{position:sticky;top:96px}.portal-filter-panel h2,.portal-cart-panel h2{margin-top:0}.portal-category-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.portal-category-list a{padding:12px 14px;border-radius:15px;background:#f8fafc;border:1px solid var(--line);font-weight:900}.portal-category-list a.active,.portal-category-list a:hover{background:var(--green2);border-color:var(--green2);color:#fff}.portal-product-area{min-width:0}.portal-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.portal-section-head h2{margin:0}.ecommerce-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.portal-product-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:8px}.portal-product-card img{width:100%;height:150px;object-fit:contain;background:#f8fafc;border-radius:18px;border:1px solid #eef2f7}.portal-product-card h3{font-size:17px;margin:0;line-height:1.25}.portal-price-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.portal-price-line h2{margin:0;font-size:22px}.availability-bar{height:7px;border-radius:99px;background:linear-gradient(90deg,#22c55e,#bbf7d0);margin:2px 0 4px}.availability-bar.empty{background:#fecaca}.portal-actions{display:grid;grid-template-columns:90px 1fr;gap:8px;margin-top:auto}.portal-cart-panel{position:sticky;top:96px}.portal-cart-lines{display:flex;flex-direction:column;gap:10px}.portal-cart-line{display:grid;grid-template-columns:minmax(0,1fr) 76px auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px;background:#fff}.portal-cart-line b{display:block;font-size:14px;line-height:1.3}.portal-cart-line span{display:block;color:#64748b;font-size:12px}.portal-record-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.portal-order-list{display:flex;flex-direction:column;gap:10px}.portal-order-list h2{margin:0 0 8px}.portal-order-link{border:1px solid var(--line);border-radius:20px;padding:14px;background:#fff}.portal-order-link.active{border-color:#22c55e;background:#f0fdf4}.portal-order-link b,.portal-order-link span,.portal-order-link em{display:block}.portal-order-link span{color:#64748b;font-size:12px;margin:4px 0 8px}.status-pill{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:950;font-size:12px;font-style:normal}.status-pending{background:#ffedd5;color:#c2410c}.status-processing{background:#dbeafe;color:#1d4ed8}.status-approved{background:#dcfce7;color:#047857}.status-delivered{background:#ede9fe;color:#6d28d9}.status-cancelled{background:#fee2e2;color:#991b1b}.status-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.status-timeline span{padding:10px;border-radius:14px;background:#f1f5f9;text-align:center;font-weight:900;color:#64748b}.status-timeline span.done{background:#dcfce7;color:#047857}.portal-order-total{display:flex;justify-content:flex-end;gap:18px;align-items:center;padding:14px 0}.portal-order-total b{font-size:24px}.portal-news-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px}.portal-notification-list{display:flex;flex-direction:column;gap:10px}.portal-notification{display:flex;gap:12px;border:1px solid var(--line);border-radius:20px;padding:14px;background:#fff}.portal-notification.unread{background:#f0fdf4;border-color:#86efac}.portal-notification b{display:block}.portal-notification p{margin:4px 0;color:#475569}.notif-dot{width:34px;height:34px;border-radius:50%;background:#ecfdf3;color:#047857;display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 34px}
@media(max-width:1280px){.portal-shop-layout{grid-template-columns:220px minmax(0,1fr)}.portal-cart-panel{grid-column:1/-1;position:static}.ecommerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.portal-news-layout{grid-template-columns:1fr}}
@media(max-width:860px){.portal-storefront-hero{display:block}.portal-account-card{margin-top:14px;min-width:0}.portal-menu-cards{grid-template-columns:1fr 1fr}.portal-promo-strip{grid-template-columns:1fr}.portal-shop-layout,.portal-record-layout{grid-template-columns:1fr}.portal-filter-panel{position:static}.ecommerce-grid{grid-template-columns:1fr!important}.portal-category-list{flex-direction:row;overflow:auto}.portal-category-list a{white-space:nowrap}.status-timeline{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.portal-menu-cards{grid-template-columns:1fr}.portal-cart-line{grid-template-columns:1fr}.portal-actions{grid-template-columns:1fr}.portal-storefront-hero h1{font-size:28px}}

/* ===== V20 Customer Portal Ecommerce Redesign ===== */
.portal-body{background:#f6f8fb;color:#0f172a}
.portal-shell{max-width:1440px;margin:0 auto;padding:0 24px 34px}
.portal-site-header{height:82px;display:flex;align-items:center;gap:22px;position:sticky;top:0;z-index:70;background:rgba(246,248,251,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e6ebf2;margin:0 -24px 24px;padding:0 24px}
.portal-logo-block{display:flex;align-items:center;gap:12px;min-width:270px}.portal-logo-block img{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff;border:1px solid #e5eaf0;padding:5px;box-shadow:0 8px 22px rgba(16,24,40,.06)}.portal-logo-block small{display:inline-flex;background:#ecfdf3;color:#047857;border:1px solid #bbf7d0;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:950}.portal-logo-block b{display:block;font-size:20px;line-height:1.05;margin-top:5px;letter-spacing:-.04em}
.portal-site-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;overflow:auto}.portal-site-nav a{padding:11px 14px;border-radius:999px;font-weight:900;color:#334155;white-space:nowrap}.portal-site-nav a.active,.portal-site-nav a:hover{background:#00965a;color:#fff}.portal-user-pill{display:flex;align-items:center;gap:10px;white-space:nowrap}.portal-user-pill span{font-weight:900}.portal-user-pill b{width:44px;height:44px;border-radius:50%;background:#00965a;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(0,150,90,.18)}
.shop-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;background:linear-gradient(135deg,#fff,#f8fcff);border:1px solid #e4eaf2;border-radius:30px;padding:22px;margin-bottom:18px;box-shadow:0 18px 48px rgba(16,24,40,.06)}.shop-eyebrow{display:inline-flex;border-radius:999px;padding:6px 12px;background:#ecfdf3;color:#047857;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.shop-hero h1{margin:10px 0 7px;font-size:40px;line-height:1.04;letter-spacing:-.055em}.shop-hero p{margin:0;color:#64748b;max-width:700px}.shop-hero-search{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;margin-top:18px;max-width:720px}.shop-hero-search input{border:1px solid #dbe4ee;border-radius:17px;padding:14px;background:#fff}.shop-hero-search button,.shop-toolbar button,.shop-add button,.shop-submit-po button{border:0;border-radius:17px;background:#00965a;color:#fff;font-weight:950;padding:12px 17px;cursor:pointer}.shop-hero-account{background:#003f2a;color:#fff;border-radius:24px;padding:18px;display:flex;flex-direction:column;justify-content:center}.shop-hero-account b{font-size:20px;line-height:1.2}.shop-hero-account span{color:#c7f8dd;margin:8px 0 12px}.shop-hero-account a{color:#fff;font-weight:950;text-decoration:underline}.shop-promo-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.shop-promo-row article{display:flex;align-items:center;gap:12px;border:1px solid #e4eaf2;background:#fff;border-radius:20px;padding:12px;box-shadow:0 8px 22px rgba(16,24,40,.04)}.shop-promo-row img{width:74px;height:58px;object-fit:cover;border-radius:15px;background:#f8fafc}.shop-promo-row b{display:block;font-size:14px}.shop-promo-row span{display:block;font-size:12px;color:#64748b;line-height:1.4}
.shop-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 340px;gap:18px;align-items:start}.shop-sidebar,.shop-cart,.records-list,.records-detail,.news-feed,.promo-feed,.account-card,.portal-empty-card{background:#fff;border:1px solid #e4eaf2;border-radius:26px;padding:18px;box-shadow:0 12px 34px rgba(16,24,40,.05)}.shop-sidebar,.shop-cart{position:sticky;top:102px}.shop-sidebar h3,.shop-cart h2{margin:0 0 14px}.shop-sidebar a{display:block;padding:13px 14px;border-radius:15px;background:#f8fafc;border:1px solid #e5eaf0;font-weight:900;margin-bottom:8px}.shop-sidebar a.active,.shop-sidebar a:hover{background:#00965a;color:#fff;border-color:#00965a}.shop-help-box{margin-top:16px;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:18px;padding:14px}.shop-help-box b,.shop-help-box span{display:block}.shop-help-box span{color:#047857;font-size:13px;margin-top:5px;line-height:1.45}.shop-products{min-width:0}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.shop-toolbar h2{font-size:28px;margin:0;letter-spacing:-.04em}.shop-toolbar span{color:#64748b}.shop-toolbar form{display:flex;gap:8px}.shop-toolbar input,.shop-toolbar select{border:1px solid #dbe4ee;border-radius:14px;padding:11px;background:#fff;max-width:180px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-product-card{background:#fff;border:1px solid #e4eaf2;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(16,24,40,.05);display:flex;flex-direction:column;min-height:100%}.shop-product-img{height:178px;background:linear-gradient(180deg,#fff,#f8fafc);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf2f7}.shop-product-img img{max-width:90%;max-height:150px;object-fit:contain}.shop-product-body{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1}.shop-product-body h3{font-size:17px;line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-product-body p{font-size:13px;color:#64748b;line-height:1.45;margin:0;min-height:40px}.shop-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-price-row del{display:block;color:#94a3b8;font-size:12px}.shop-price-row b{display:block;font-size:22px;letter-spacing:-.04em}.shop-stock{display:inline-flex;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:950}.shop-stock.ok{background:#dcfce7;color:#047857}.shop-stock.bad{background:#fee2e2;color:#991b1b}.shop-add{display:grid;grid-template-columns:82px 1fr;gap:9px;margin-top:auto}.shop-add input{border:1px solid #dbe4ee;border-radius:14px;padding:11px}.shop-cart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.shop-cart-head h2{margin:0}.shop-cart-head span{background:#f1f5f9;border-radius:999px;padding:6px 10px;font-weight:900;color:#475569}.shop-empty-cart{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:18px;text-align:center;color:#64748b}.shop-cart-lines{display:flex;flex-direction:column;gap:10px;max-height:44vh;overflow:auto}.shop-cart-line{display:grid;grid-template-columns:minmax(0,1fr) 70px 42px;gap:8px;align-items:center;border:1px solid #e4eaf2;border-radius:18px;padding:12px}.shop-cart-line b{display:block;font-size:14px;line-height:1.3}.shop-cart-line span,.shop-cart-line small{display:block;font-size:12px;color:#64748b;margin-top:3px}.shop-cart-line input{border:1px solid #dbe4ee;border-radius:13px;padding:9px}.shop-cart-line button{border:0;background:#fee2e2;color:#991b1b;border-radius:13px;height:40px;font-weight:950}.shop-secondary{border:0;background:#eef2f7;border-radius:15px;padding:12px 16px;font-weight:950;margin-top:10px}.shop-cart-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e4eaf2}.shop-cart-total b{font-size:22px}.shop-submit-po{margin-top:14px}.shop-submit-po input{width:100%;border:1px solid #dbe4ee;border-radius:15px;padding:13px}.shop-submit-po button{width:100%;margin-top:10px}.shop-submit-po p{font-size:13px;color:#64748b;line-height:1.45}
.portal-page-title{display:flex;justify-content:space-between;align-items:end;gap:18px;background:#fff;border:1px solid #e4eaf2;border-radius:28px;padding:22px;margin-bottom:18px;box-shadow:0 12px 34px rgba(16,24,40,.05)}.portal-page-title h1{font-size:34px;margin:10px 0 6px;letter-spacing:-.05em}.portal-page-title p{margin:0;color:#64748b}.records-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.records-list h2{margin:0 0 12px}.record-card{display:block;border:1px solid #e4eaf2;border-radius:18px;padding:14px;margin-bottom:10px;background:#fff}.record-card.active{border-color:#22c55e;background:#f0fdf4}.record-card b,.record-card span{display:block}.record-card span{color:#64748b;font-size:12px;margin:4px 0 8px}.status-pill{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:950;font-size:12px;font-style:normal}.status-pending{background:#ffedd5;color:#c2410c}.status-processing{background:#dbeafe;color:#1d4ed8}.status-approved{background:#dcfce7;color:#047857}.status-delivered{background:#ede9fe;color:#6d28d9}.status-cancelled{background:#fee2e2;color:#991b1b}.records-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.records-detail-head h2{margin:0;font-size:26px}.records-detail-head p{margin:5px 0 0;color:#64748b}.status-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.status-flow span{padding:11px;border-radius:15px;background:#f1f5f9;text-align:center;font-weight:900;color:#64748b}.status-flow span.done{background:#dcfce7;color:#047857}.status-flow span.current{background:#dbeafe;color:#1d4ed8}.record-total{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin:14px 0}.record-total b{font-size:24px}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px}.news-feed h2,.promo-feed h2{margin:0 0 12px}.news-card{display:flex;gap:12px;border:1px solid #e4eaf2;border-radius:20px;padding:14px;background:#fff;margin-bottom:10px}.news-card.unread{background:#f0fdf4;border-color:#86efac}.news-dot{width:34px;height:34px;border-radius:50%;background:#ecfdf3;color:#047857;display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 34px}.news-card b,.news-card small{display:block}.news-card p{margin:4px 0;color:#475569}.promo-card{display:flex;gap:12px;border:1px solid #e4eaf2;border-radius:20px;padding:12px;background:#fff;margin-bottom:10px}.promo-card img{width:100px;height:76px;object-fit:cover;border-radius:15px;background:#f8fafc}.promo-card b{display:block}.promo-card p{margin:4px 0;color:#475569;font-size:13px}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.portal-footer{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:12px;margin-top:28px;padding:18px 0;border-top:1px solid #e5eaf0}
@media(max-width:1180px){.portal-shell{padding:0 16px 28px}.portal-site-header{margin:0 -16px 20px;padding:10px 16px;height:auto;flex-wrap:wrap}.portal-logo-block{min-width:0}.portal-site-nav{order:5;flex-basis:100%;justify-content:flex-start;padding-bottom:3px}.shop-hero{grid-template-columns:1fr}.shop-layout{grid-template-columns:220px minmax(0,1fr)}.shop-cart{grid-column:1/-1;position:static}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-promo-row{grid-template-columns:repeat(2,minmax(0,1fr))}.news-layout,.records-layout,.account-layout{grid-template-columns:1fr}.records-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.records-list h2{grid-column:1/-1}.record-card{margin:0}}
@media(max-width:720px){.portal-shell{padding:0 12px 22px}.portal-site-header{position:sticky}.portal-logo-block b{font-size:17px}.portal-logo-block img{width:46px;height:46px}.portal-user-pill span{display:none}.portal-site-nav a{font-size:13px;padding:10px 12px}.shop-hero{padding:18px;border-radius:24px}.shop-hero h1{font-size:30px}.shop-hero-search{grid-template-columns:1fr}.shop-layout{grid-template-columns:1fr}.shop-sidebar,.shop-cart{position:static}.shop-sidebar a{display:inline-flex;margin-right:7px}.shop-sidebar{overflow:auto}.shop-help-box{display:none}.shop-toolbar{display:block}.shop-toolbar form{margin-top:10px;overflow:auto}.shop-grid{grid-template-columns:1fr}.shop-product-img{height:155px}.shop-promo-row{grid-template-columns:1fr}.shop-cart-line{grid-template-columns:1fr}.portal-page-title{display:block;padding:18px;border-radius:22px}.portal-page-title h1{font-size:28px}.records-list{display:block}.record-card{margin-bottom:10px}.status-flow{grid-template-columns:1fr 1fr}.portal-footer{display:block}.account-layout .form-grid{grid-template-columns:1fr!important}}


/* ===== V22 wholesale invoice / receipt polish ===== */
.invoice-mode-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.invoice-mode-badge.trade{background:#dcfce7;color:#047857}.invoice-mode-badge.retail{background:#e0f2fe;color:#0369a1}.trade-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#ecfdf3,#ffffff);border:1px solid #bbf7d0;border-radius:20px;padding:15px 18px;margin-bottom:18px}.trade-banner span{color:#64748b}.trade-save{background:#008d49;color:#fff;font-weight:950;border-radius:999px;padding:11px 14px;white-space:nowrap}.save-cell{color:#047857!important;font-weight:950}.pro-invoice-table del{color:#64748b}.pro-totals th{background:#f8fafc}.pro-totals td{text-align:right}.pro-invoice-paper{border-radius:26px}.pro-invoice-head{align-items:start}@media(max-width:720px){.trade-banner{display:block}.trade-save{display:inline-flex;margin-top:10px}.pro-invoice-table{min-width:820px}.invoice-mode-badge{font-size:11px}}
/* V23 polish */
.manual-cell{min-width:120px;height:34px;background:#fff;border-bottom:1px dashed #94a3b8}
.report-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.report-chip{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--soft)}.report-chip span{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;font-size:12px}.report-chip b{font-size:22px}.print-report-header{display:none}.status-pill{display:inline-flex;padding:7px 12px;border-radius:99px;font-weight:900;font-size:12px}.status-pending{background:#ffedd5;color:#c2410c}.status-processing{background:#dbeafe;color:#1d4ed8}.status-approved,.status-completed{background:#d1fae5;color:#047857}.status-cancelled,.status-rejected{background:#fee2e2;color:#991b1b}
@media(max-width:880px){.report-strip{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr!important}}
@media print{.print-report-header{display:block;padding:10px 0;border-bottom:2px solid #111827;margin-bottom:12px}.no-print,.sidebar,.topbar,.bottom-nav,.btn-row,.tabs{display:none!important}.content{padding:0}.card,.table-wrap{box-shadow:none;border:0}.report-strip{grid-template-columns:repeat(4,1fr)}body{font-size:12px}th,td{padding:7px}.manual-cell{border:1px solid #111;height:24px}}
/* V23 invoice print tightening */
@media print{.invoice-inner{padding:10mm!important}.invoice-logo{max-width:190px!important;max-height:86px!important}.invoice-head{grid-template-columns:1fr 260px!important;gap:18px!important;padding-bottom:14px!important;margin-bottom:14px!important}.invoice-title h1{font-size:26px!important}.invoice-title h2{font-size:16px!important}.invoice-box{padding:12px!important}.invoice-table th,.invoice-table td{font-size:10.5px!important;padding:6px!important}.invoice-totals th,.invoice-totals td{padding:6px 9px!important;font-size:11px!important}.trade-banner{padding:10px!important;margin-bottom:10px!important}.invoice-footer{margin-top:12px!important;padding-top:8px!important}.qr-box img{width:62px!important;height:62px!important}}

/* V25 split payment + ledger polish */
.split-pay-box{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.split-pay-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.8fr) auto;gap:10px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:10px}
.payment-history-box{margin-top:20px;background:#fbfdff;border:1px solid var(--line);border-radius:18px;padding:16px;break-inside:avoid}
.payment-history-box h3{margin:0 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:#334155}
.payment-history-box table{font-size:12px}.payment-history-box th,.payment-history-box td{padding:8px 10px}
@media(max-width:720px){.split-pay-row{grid-template-columns:1fr}.payment-history-box{overflow:auto}.payment-history-box table{min-width:640px}}
@media print{.payment-history-box{box-shadow:none;background:#fff}.split-pay-box,.split-pay-row{display:none}}


/* ===== V26 final print/report/payment correction polish ===== */
.payment-admin-panel{align-items:start}
.correction-details{padding:0;overflow:hidden}
.correction-details summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f8fafc;border-bottom:1px solid var(--line)}
.correction-details summary::-webkit-details-marker{display:none}
.correction-details summary span{font-size:12px;color:#64748b;font-weight:700}
.correction-details form{padding:18px 20px}
.correction-details:not([open]){background:#f8fafc}
.pro-report-table th,.pro-report-table td{font-size:12px}.summary-table tfoot td,.summary-table tfoot th{font-weight:950;background:#f8fafc}.report-hero{break-inside:avoid}.report-chip{break-inside:avoid}
.invoice-paper{break-inside:avoid}.invoice-table{break-inside:auto}.invoice-table tr{break-inside:avoid}.invoice-footer{break-inside:avoid}.invoice-boxes,.trade-banner,.invoice-totals,.payment-history-box{break-inside:avoid}
@page{size:A4;margin:7mm}
@media print{
  html,body{width:210mm;min-height:297mm;background:#fff!important;font-size:10.5px!important;color:#111827!important;overflow:visible!important}
  .alert,.no-print,.payment-admin-panel,.sidebar,.topbar,.bottom-nav,.mobile-shade,.btn-row,.tabs,.page-section-head .btn-row{display:none!important}
  .app-shell,.main,.content{display:block!important;margin:0!important;width:100%!important;max-width:none!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .invoice-stage{max-width:100%!important;margin:0!important;padding:0!important}
  .invoice-paper,.pro-invoice-paper{width:100%!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important;page-break-after:auto!important}
  .invoice-inner{padding:4mm 5mm!important}
  .invoice-top-strip{height:3px!important}
  .invoice-head,.pro-invoice-head{display:grid!important;grid-template-columns:1fr 210px!important;gap:10px!important;border-bottom:2px solid #111827!important;padding-bottom:8px!important;margin-bottom:8px!important}
  .invoice-logo{max-width:150px!important;max-height:58px!important;object-fit:contain!important}
  .invoice-head h2{font-size:14px!important;margin:6px 0 2px!important}.invoice-head p{font-size:9.5px!important;line-height:1.25!important}
  .invoice-title{text-align:right!important}.invoice-title h1{font-size:20px!important;margin:0 0 2px!important}.invoice-title h2{font-size:13px!important;margin:0!important}.invoice-meta{font-size:9px!important;line-height:1.25!important;margin-top:5px!important}
  .invoice-mode-badge{font-size:8.5px!important;padding:4px 7px!important;margin-bottom:4px!important}.trade-banner{padding:6px 8px!important;margin-bottom:7px!important;border-radius:10px!important;font-size:9px!important}.trade-save{padding:5px 8px!important;font-size:9px!important}
  .invoice-boxes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.invoice-box{padding:8px!important;border-radius:10px!important;font-size:9.5px!important;line-height:1.25!important}.invoice-box h3{font-size:9px!important;margin:0 0 4px!important}.qr-box img{width:46px!important;height:46px!important}.qr-box .readonly-note{font-size:7.5px!important}
  .table-wrap{box-shadow:none!important;border-radius:8px!important;overflow:visible!important}.invoice-table,.pro-invoice-table{width:100%!important;min-width:0!important;table-layout:fixed!important}.invoice-table th,.invoice-table td{font-size:8.5px!important;line-height:1.15!important;padding:4px 5px!important;word-break:break-word!important}.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){width:20px!important}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:31%!important}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){width:16%!important}.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:6%!important}.readonly-note{font-size:8px!important;line-height:1.2!important}
  .invoice-totals,.pro-totals{width:58mm!important;margin-left:auto!important;border-radius:8px!important}.invoice-totals th,.invoice-totals td{font-size:9px!important;padding:4px 6px!important;line-height:1.1!important}.invoice-footer{font-size:8.5px!important;margin-top:7px!important;padding-top:5px!important}
  .payment-history-box{margin-top:8px!important;padding:6px!important;border-radius:8px!important}.payment-history-box h3{font-size:9px!important;margin-bottom:4px!important}.payment-history-box th,.payment-history-box td{font-size:7.7px!important;padding:3px 4px!important}
  .print-report-header{display:block!important;padding:0 0 7px!important;margin-bottom:8px!important;border-bottom:2px solid #111827!important}.print-report-header h2{font-size:16px!important;margin:0!important}.print-report-header p{font-size:10px!important;margin:3px 0 0!important}
  .card{box-shadow:none!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:8px!important;margin-top:8px!important;break-inside:avoid}.report-strip{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;margin:8px 0!important}.report-chip{padding:7px!important;border-radius:8px!important}.report-chip span{font-size:7.5px!important}.report-chip b{font-size:11px!important}.grid,.grid-2,.grid-3{display:block!important}.grid>*,.grid-2>*,.grid-3>*{margin-bottom:8px!important}th,td{font-size:8.5px!important;padding:4px!important}.page-title{font-size:18px!important}.subtitle{font-size:9.5px!important;margin-bottom:8px!important}
}


/* V27 finalize + thermal receipt polish */
.split-pay-row{display:grid;grid-template-columns:1.1fr .9fr auto;gap:10px;align-items:center;margin-bottom:10px}.split-pay-row .btn{min-height:44px}.invoice-actions .btn-primary{box-shadow:0 14px 28px rgba(0,150,90,.22)}
@media(max-width:720px){.split-pay-row{grid-template-columns:1fr}.split-pay-row .btn{width:100%}}


/* ===== V33 print/PDF polish ===== */
.print-report-header{
  display:none;
}
@media print{
  @page{size:A4;margin:7mm}
  body{background:#fff!important;color:#111!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:11px!important}
  .sidebar,.topbar,.bottom-nav,.no-print,.mobile-shade,.btn-row.no-print,.alert{display:none!important}
  .main{margin:0!important;width:100%!important;padding:0!important}
  .content{padding:0!important;max-width:none!important}
  .card,.table-wrap{box-shadow:none!important;border:1px solid #d0d5dd!important;border-radius:8px!important}
  .card{padding:10px!important;margin-bottom:8px!important}
  .page-title{font-size:20px!important;margin:0 0 4px!important;letter-spacing:-.02em!important}
  .subtitle{font-size:10.5px!important;margin:0 0 8px!important;color:#475467!important}
  table{font-size:10px!important;page-break-inside:auto}
  th,td{padding:5px 6px!important;border-bottom:1px solid #e5e7eb!important}
  th{background:#f3f4f6!important;color:#111827!important;font-size:9.2px!important}
  tr{page-break-inside:avoid;page-break-after:auto}
  .print-report-header{display:block!important;text-align:center;border-bottom:2px solid #111827;margin-bottom:8px;padding-bottom:6px}
  .print-report-header h2{margin:0;font-size:18px}
  .print-report-header p{margin:2px 0 0;font-size:10px;color:#475467}
  .invoice-stage{max-width:none!important;margin:0!important}
  .invoice-paper,.pro-invoice-paper{box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
  .invoice-top-strip{height:4px!important}
  .invoice-inner{padding:0!important}
  .invoice-head,.pro-invoice-head{display:grid!important;grid-template-columns:1fr 220px!important;gap:12px!important;border-bottom:2px solid #111827!important;padding-bottom:8px!important;margin-bottom:8px!important}
  .invoice-logo{max-width:145px!important;max-height:58px!important}
  .invoice-title{text-align:right!important}
  .invoice-title h1{font-size:23px!important;margin:0!important}
  .invoice-title h2{font-size:14px!important;margin:2px 0!important}
  .invoice-meta{font-size:9.5px!important;line-height:1.35!important;margin-top:4px!important}
  .invoice-boxes{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:8px!important}
  .invoice-box{padding:8px!important;border-radius:8px!important}
  .invoice-box h3{font-size:9.5px!important;margin:0 0 4px!important}
  .invoice-table th,.invoice-table td{font-size:9.2px!important;padding:4.5px 5px!important}
  .invoice-table{width:100%!important;min-width:0!important}
  .invoice-totals{width:310px!important;margin-left:auto!important;border-radius:8px!important}
  .invoice-totals th,.invoice-totals td{padding:5px 7px!important;font-size:9.6px!important}
  .invoice-footer{margin-top:8px!important;padding-top:6px!important;font-size:9px!important}
  .qr-box img{width:54px!important;height:54px!important}
  .badge{padding:4px 7px!important;font-size:9px!important}
}
@media print and (max-height: 900px){
  .invoice-table th,.invoice-table td{font-size:8.7px!important;padding:3.5px 4px!important}
  .invoice-title h1{font-size:21px!important}
  .invoice-logo{max-height:50px!important}
  .invoice-box{padding:6px!important}
  .invoice-footer{font-size:8.5px!important}
}


/* ===== V34 Update Manager ===== */
.progress-wrap{margin-top:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}
.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#475569;margin-bottom:8px}
.progress-bar{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}
.progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#008d49,#22c55e);border-radius:999px;transition:width .25s ease}
.health-list{display:grid;gap:8px}
.health-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;background:#fff}
.health-row b{font-size:13px}
.health-row span{font-size:12px;color:#475569;text-align:right}
.health-row.ok{border-color:#bbf7d0;background:#f0fdf4}
.health-row.bad{border-color:#fecaca;background:#fef2f2}
.changelog-box{white-space:pre-wrap;max-height:280px;overflow:auto;background:#0f172a;color:#e5e7eb;border-radius:16px;padding:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}
.mini-table{width:100%;border-collapse:collapse}
.mini-table th,.mini-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:9px 8px;vertical-align:top}
.mini-table th{width:170px;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
code{background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 6px;border-radius:8px;font-size:.9em}
@media(max-width:900px){.health-row{display:block}.health-row span{text-align:left;display:block;margin-top:4px}.mini-table th{width:auto;display:block;border-bottom:0;padding-bottom:2px}.mini-table td{display:block;padding-top:0}}


/* ===== V35 enterprise-style POS, settings and daily email ===== */
.pos-settings-shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}
.pos-settings-menu{background:#fff;border:1px solid var(--line);box-shadow:var(--soft);border-radius:2px;overflow:hidden}
.pos-settings-title{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}
.round-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;font-size:22px}
.pos-settings-title h2{margin:0;font-size:22px}.pos-settings-title p{margin:2px 0 0;color:var(--muted);font-size:12px}
.pos-settings-menu a{display:block;padding:15px 48px;border-bottom:1px solid var(--line);font-weight:750}
.pos-settings-menu a.active,.pos-settings-menu a:hover{background:#f1f5f9}
.pos-settings-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--soft);border-radius:8px;padding:24px;min-height:560px}
.pos-settings-panel h1{margin:0 0 22px;font-size:22px}
.feature-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #edf2f7}
.feature-row span{display:flex;flex-direction:column;gap:3px}.feature-row small{font-weight:500;color:var(--muted)}
.feature-row input[type=checkbox]{appearance:none;width:40px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer;transition:.15s;flex:0 0 auto}
.feature-row input[type=checkbox]:before{content:"";width:18px;height:18px;border-radius:50%;background:white;position:absolute;left:2px;top:2px;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.15s}
.feature-row input[type=checkbox]:checked{background:#7cc242}.feature-row input[type=checkbox]:checked:before{left:20px}
.settings-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:18px}
.payment-type-form{display:grid;grid-template-columns:1.5fr 1fr 1fr .5fr auto auto auto auto;gap:10px;align-items:center}
.receipt-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.receipt-template{border:1px solid var(--line);border-radius:16px;padding:16px;background:#f8fafc;cursor:pointer}
.receipt-template.selected{border-color:var(--green2);background:var(--green3);box-shadow:inset 0 0 0 2px rgba(0,150,90,.1)}
.receipt-template input{margin-right:7px}.receipt-template span{display:block;color:var(--muted);font-size:12px;margin-top:5px}

.pos-screen{height:calc(100vh - 110px);min-height:720px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:14px;overflow:hidden;box-shadow:var(--soft);display:flex;flex-direction:column}
.pos-top{height:68px;background:#fff;border-bottom:1px solid #d1d5db;display:grid;grid-template-columns:260px 1fr 500px;gap:12px;align-items:center;padding:0 14px;position:relative}
.pos-tabs,.ticket-tabs{display:flex;gap:8px;align-items:center}.pos-tabs a,.pos-tabs button,.ticket-tabs button{border:1px solid #cbd5e1;background:#f8fafc;border-radius:6px;padding:13px 16px;font-weight:900;font-size:16px}
.pos-tabs a.active,.ticket-tabs button.active{background:#e6fffb;border-color:#0891b2}
.pos-search{display:flex;justify-content:flex-end;gap:12px;align-items:center}.pos-search input{height:43px;border:1px solid #d8dee9;border-radius:8px;padding:0 16px;font-size:18px;min-width:260px}.pos-search button{height:43px;border:0;border-radius:8px;background:#e5e7eb;padding:0 14px;font-weight:900;font-size:20px}.pos-search button:nth-of-type(2){background:#2f80ed;color:white}
.pos-menu{position:absolute;right:14px;top:60px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.14);padding:8px;width:230px;display:none;z-index:30}.pos-menu.show{display:block}.pos-menu a,.pos-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:12px;border-radius:6px;color:#1f2937;font-weight:750}.pos-menu a:hover,.pos-menu button:hover{background:#f1f5f9}
.pos-body{display:grid;grid-template-columns:445px 1fr;min-height:0;flex:1}
.pos-cart{background:#fff;border-right:1px solid #d1d5db;display:flex;flex-direction:column;min-width:0}
.cart-lines-pos{height:215px;overflow:auto}.pos-line{display:grid;grid-template-columns:1fr 120px 38px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf2f7}.pos-line.active{background:#e8f7f8}.pos-line b{display:block}.pos-line small{display:block;color:#64748b;margin-top:3px}.pos-line button{border:0;background:#fee2e2;color:#991b1b;border-radius:6px;font-size:20px}.empty-cart{padding:25px;text-align:center;color:#64748b}
.cart-total-box{border-top:1px solid #d1d5db;padding:12px 15px;display:flex;justify-content:space-between;font-size:18px}.cart-total-box span{display:block;color:#64748b;font-size:13px}.cart-total-box b{font-size:23px}
.pos-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px}.pos-actions button{border:1px solid #d1d5db;border-radius:6px;background:#f8fafc;padding:13px;font-weight:900;font-size:18px}
.pos-numpad{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d1d5db;margin:0 8px 8px}.pos-numpad button{height:52px;border:0;background:#f8fafc;font-weight:900;font-size:20px}.pos-numpad .special{background:#e6fffb;border:1px solid #0891b2}.pos-numpad .warn{background:#fde68a}.pos-numpad .danger{background:#fecaca}
.payment-main{margin:0 8px 10px;border:0;border-radius:5px;background:#7b4d70;color:white;font-size:18px;font-weight:900;height:70px}
.pos-catalog{min-width:0;overflow:auto;padding:12px;background:#f3f4f6}.scan-inline{margin-bottom:10px}
.pos-cats{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.pos-cats button{border:0;border-radius:8px;background:#fce68a;padding:18px 36px;font-weight:900;min-width:120px}.pos-cats button:nth-child(3n){background:#83ddd7}.pos-cats button:nth-child(3n+1){background:#f5d5c7}.pos-cats button.active{outline:3px solid #0ea5e9}
.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px}.pos-product{height:140px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;text-align:left;position:relative;overflow:hidden;padding:0;cursor:pointer}.pos-product img{width:100%;height:75px;object-fit:contain;background:#fff}.pos-product b{display:block;padding:5px 8px 0;font-size:14px;line-height:1.15}.pos-product span{display:block;padding:2px 8px;font-size:11px;color:#64748b}.pos-product em{position:absolute;right:5px;bottom:5px;background:#000;color:white;border-radius:5px;padding:2px 7px;font-style:normal;font-weight:900}
.payment-modal,.customer-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:100;align-items:center;justify-content:center}.payment-modal.show,.customer-modal.show{display:flex}.payment-box,.customer-box{background:#fff;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.25);padding:22px;width:min(720px,94vw);max-height:88vh;overflow:auto}.customer-box{width:min(980px,94vw)}.modal-head{display:grid;grid-template-columns:150px 1fr 300px;gap:14px;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:14px}.customer-list button{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center;width:100%;border:0;border-bottom:1px solid #e5e7eb;background:#fff;padding:22px 16px;text-align:left}.customer-list button:hover{background:#f8fafc}.customer-list span{color:#475569}
.pos-modal-back{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:200;display:flex;align-items:center;justify-content:center}.pos-modal{background:#fff;border-radius:10px;box-shadow:0 28px 80px rgba(0,0,0,.28);width:min(620px,94vw);padding:24px}

@media(max-width:1100px){
  .pos-settings-shell{grid-template-columns:1fr}.payment-type-form{grid-template-columns:1fr}.receipt-template-grid{grid-template-columns:1fr}
  .pos-screen{height:auto}.pos-top{grid-template-columns:1fr;min-height:190px;height:auto;padding:12px}.pos-body{grid-template-columns:1fr}.pos-cart{border-right:0;border-bottom:1px solid #d1d5db}.pos-search{justify-content:stretch}.pos-search input{min-width:0;width:100%}
}

/* ===== V38 New Invoice Professional Workspace ===== */
.invoice-hero-v38{background:linear-gradient(135deg,#ffffff,#f8fafc)!important;color:#0f172a!important;border:1px solid #dbe4ef!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important;padding:18px 22px!important;margin-bottom:14px!important;border-radius:22px!important}
.invoice-hero-v38:after{display:none!important}.invoice-hero-v38 h1{font-size:28px!important;margin-bottom:5px!important}.invoice-hero-v38 p{color:#475569!important}.invoice-hero-v38 .stat-mini{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}.invoice-hero-v38 .stat-mini span{color:#64748b!important}.invoice-hero-v38 .stat-mini b{color:#0f172a!important}
.invoice-customer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:14px;align-items:start}.invoice-customer-grid .card{border-radius:20px!important;padding:16px!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important}.invoice-customer-grid h2{font-size:18px!important;margin:0 0 12px!important}.readonly-note{font-size:12.5px!important;line-height:1.45!important}
.invoice-split{display:grid!important;grid-template-columns:430px minmax(0,1fr)!important;gap:14px!important;align-items:start}.cart-panel{order:-1!important;position:sticky!important;top:86px!important;max-height:calc(100vh - 105px)!important;overflow:auto!important;border-radius:20px!important;padding:14px!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}.catalog-panel{order:0!important;border-radius:20px!important;padding:14px!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important}.catalog-toolbar{margin-bottom:10px!important}.catalog-toolbar h2,.cart-panel h2{font-size:19px!important}.section-caption,.cart-helper{font-size:12.3px!important;color:#64748b!important}.catalog-search-wrap{display:grid!important;grid-template-columns:1fr 1.15fr!important;gap:10px!important;position:sticky;top:0;background:#fff;z-index:4;padding:0 0 10px;border-bottom:1px solid #eef2f7}.catalog-search-wrap .input{height:46px!important;border-radius:14px!important;font-size:15px!important}.filter-chips{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px 0 12px!important;scrollbar-width:thin}.filter-chip{white-space:nowrap!important;border-radius:14px!important;padding:10px 14px!important;border:1px solid #dbe4ef!important;background:#f8fafc!important;color:#0f172a!important;font-weight:900!important}.filter-chip.active{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}
.variant-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;gap:10px!important;max-height:calc(100vh - 285px)!important;overflow:auto!important;padding:2px 4px 4px 0!important}.variant-card{border-radius:15px!important;border:1px solid #dbe4ef!important;box-shadow:none!important;background:#fff!important;min-height:0!important;transition:.12s ease!important}.variant-card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)!important;border-color:#94a3b8!important}.variant-media{height:116px!important;min-height:116px!important;background:#f8fafc!important;border-bottom:1px solid #eef2f7!important;display:flex!important;align-items:center!important;justify-content:center!important}.variant-media img{max-width:100%!important;max-height:98px!important;object-fit:contain!important}.variant-body{padding:10px!important;display:flex!important;flex-direction:column!important;gap:7px!important;flex:1!important}.variant-body h3{font-size:14px!important;line-height:1.2!important;margin:0!important;min-height:34px!important}.variant-meta{font-size:11px!important;line-height:1.25!important;color:#64748b!important;min-height:27px!important}.variant-prices{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:6px!important}.variant-prices b{font-size:13px!important;color:#0f172a!important}.retail-cross{font-size:10px!important;margin:0!important;color:#64748b!important}.qty-pill{font-size:10px!important;padding:4px 7px!important;border-radius:9px!important;background:#ecfdf3!important;color:#047857!important;font-weight:900!important}.variant-footer{display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important;align-items:center!important}.variant-footer .btn{padding:8px 10px!important;border-radius:10px!important;font-size:12px!important}.stock-dot{font-size:10px!important;font-weight:900!important;color:#047857!important}.stock-dot.bad{color:#dc2626!important}
.cart-lines{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:calc(100vh - 365px)!important;overflow:auto!important}.cart-line{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important;border:1px solid #dbe4ef!important;border-radius:16px!important;padding:10px!important;background:#fff!important}.cart-thumb{width:56px!important;height:56px!important;border-radius:12px!important;background:#f8fafc!important;object-fit:contain!important}.cart-row-head h4{font-size:14px!important}.cart-meta{font-size:10.8px!important;color:#64748b!important}.cart-remove{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important;font-size:18px!important}.variant-field{margin:6px 0!important}.variant-field span,.mini-field span{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:#64748b!important;font-weight:900!important}.variant-field .input{min-height:38px!important;border-radius:11px!important;font-size:12px!important}.clean-cart-controls{display:grid!important;grid-template-columns:62px 82px 76px 1fr!important;gap:6px!important;align-items:end!important}.clean-cart-controls input{height:36px!important;border-radius:10px!important;padding:6px 8px!important;font-size:12.5px!important}.line-amount span{font-size:10px!important}.lineTotal{font-size:13px!important;color:#047857!important}.totals-card{border-radius:16px!important;padding:11px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.totals-row strong,.totals-row b{font-size:16px!important}.invoice-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.invoice-actions .btn{height:46px!important;border-radius:13px!important;font-weight:950!important}.save-note{font-size:11.5px!important;color:#64748b!important;text-align:center!important;margin-top:8px!important}
@media(max-width:1250px){.invoice-split{grid-template-columns:390px minmax(0,1fr)!important}.variant-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}.clean-cart-controls{grid-template-columns:1fr 1fr!important}.line-amount{text-align:left!important;align-items:flex-start!important}.cart-lines{max-height:none!important}.cart-panel{max-height:none!important}}
@media(max-width:1050px){.invoice-customer-grid,.invoice-split{grid-template-columns:1fr!important}.cart-panel{order:0!important;position:static!important}.catalog-search-wrap{grid-template-columns:1fr!important}.variant-grid{max-height:none!important}.cart-lines{max-height:none!important}}
@media(max-width:640px){.invoice-hero-v38{padding:15px!important}.invoice-hero-v38 h1{font-size:24px!important}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.variant-media{height:96px!important;min-height:96px!important}.variant-media img{max-height:82px!important}.variant-body h3{font-size:13px!important}.cart-line{grid-template-columns:48px minmax(0,1fr)!important}.cart-thumb{width:48px!important;height:48px!important}.invoice-actions{grid-template-columns:1fr!important}}


/* ===== V40 New Invoice UI polish ===== */
.invoice-hero-v38{
  background:linear-gradient(135deg,#063b29 0%,#09613f 46%,#0ea36c 100%)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 24px 60px rgba(0,63,42,.24)!important;
}
.invoice-hero-v38 .customer-summary{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(120px,1fr))!important;
  gap:12px!important;
  margin-top:18px!important;
}
.invoice-hero-v38 .stat-mini{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  border-radius:18px!important;
  padding:12px 14px!important;
}
.invoice-hero-v38 .stat-mini span{color:#d1fae5!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.05em}
.invoice-hero-v38 .stat-mini b{display:block;margin-top:4px;font-size:16px!important;color:#fff!important}

.invoice-customer-grid{
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:18px!important;
  align-items:start!important;
}
.invoice-split{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(390px,.85fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.catalog-panel,.cart-panel{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:24px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.08)!important;
  padding:18px!important;
}
.catalog-search-wrap{
  display:grid!important;
  grid-template-columns:.9fr 1.1fr!important;
  gap:12px!important;
  margin:14px 0!important;
}
.filter-chips{
  display:flex!important;
  gap:8px!important;
  overflow:auto!important;
  padding:4px 0 12px!important;
}
.filter-chip{
  border:1px solid #dbe4ee!important;
  background:#f8fafc!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  font-weight:900!important;
  color:#0f172a!important;
  white-space:nowrap!important;
}
.filter-chip.active{
  background:#003f2a!important;
  color:#fff!important;
  border-color:#003f2a!important;
}
.variant-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:14px!important;
  max-height:760px!important;
  overflow:auto!important;
  padding-right:4px!important;
}
.variant-card{
  display:flex!important;
  flex-direction:column!important;
  border:1px solid #e2e8f0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
  transition:.15s ease!important;
  min-height:310px!important;
}
.variant-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.10)!important;
}
.variant-media{
  height:138px!important;
  background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.variant-media img{max-width:100%!important;max-height:130px!important;object-fit:contain!important}
.variant-body{padding:13px!important;display:flex!important;flex-direction:column!important;gap:9px!important;flex:1!important}
.variant-body h3{margin:0!important;font-size:15px!important;line-height:1.2!important}
.variant-meta{font-size:12px!important;color:#64748b!important;line-height:1.35!important;min-height:34px!important}
.variant-prices{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:auto!important}
.variant-prices b{font-size:15px!important;color:#003f2a!important}
.qty-pill{font-size:11px!important;border-radius:999px!important;background:#ecfdf3!important;color:#047857!important;padding:6px 8px!important;font-weight:900!important}
.variant-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:6px!important}
.stock-dot{font-size:11px!important;font-weight:900!important;color:#047857!important}
.stock-dot.bad{color:#dc2626!important}

.cart-panel{
  position:sticky!important;
  top:92px!important;
  max-height:calc(100vh - 110px)!important;
  overflow:auto!important;
  border:2px solid #dbeafe!important;
}
.cart-head-v40{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:flex-start!important;
  padding-bottom:12px!important;
  border-bottom:1px solid #e2e8f0!important;
  margin-bottom:12px!important;
}
.cart-top-total{
  text-align:right!important;
  background:#003f2a!important;
  color:#fff!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  min-width:135px!important;
}
.cart-top-total span{display:block;font-size:10px;font-weight:900;color:#bbf7d0;text-transform:uppercase;letter-spacing:.05em}
.cart-top-total b{display:block;font-size:15px;margin-top:3px}
.cart-mini-summary{
  display:flex!important;
  justify-content:space-between!important;
  background:#f8fafc!important;
  border:1px dashed #cbd5e1!important;
  border-radius:14px!important;
  padding:9px 11px!important;
  margin:10px 0!important;
  font-size:12px!important;
  font-weight:900!important;
  color:#475569!important;
}
.cart-line-v40{
  border:1px solid #dbe4ee!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  padding:12px!important;
  margin-bottom:12px!important;
  display:block!important;
}
.cart-line-top{
  display:grid!important;
  grid-template-columns:58px 1fr 34px!important;
  gap:10px!important;
  align-items:start!important;
}
.cart-thumb{
  width:58px!important;
  height:58px!important;
  border-radius:14px!important;
  object-fit:contain!important;
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
  padding:4px!important;
}
.cart-main-title h4{margin:0 0 4px!important;font-size:14px!important;line-height:1.2!important}
.price-ref{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:5px!important;
}
.price-ref span{
  font-size:10.5px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#475569!important;
  padding:4px 7px!important;
  font-weight:800!important;
}
.cart-remove{
  border:0!important;
  width:32px!important;
  height:32px!important;
  border-radius:12px!important;
  background:#fee2e2!important;
  color:#b91c1c!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.variant-field{display:block!important;margin-top:10px!important}
.cart-controls-v40{
  display:grid!important;
  grid-template-columns:75px 1fr 90px 110px!important;
  gap:8px!important;
  margin-top:10px!important;
  align-items:end!important;
}
.cart-controls-v40 .mini-field span,.line-amount span{
  display:block!important;
  font-size:10px!important;
  font-weight:900!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
  margin-bottom:4px!important;
}
.line-amount{
  text-align:right!important;
  background:#f8fafc!important;
  border-radius:12px!important;
  padding:7px 8px!important;
}
.lineTotal{font-weight:950!important;color:#003f2a!important;font-size:13px!important}
.totals-card{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  padding:12px!important;
  margin-top:12px!important;
}
.totals-row{
  display:flex!important;
  justify-content:space-between!important;
  padding:8px 0!important;
  border-bottom:1px dashed #cbd5e1!important;
}
.totals-row:last-child{border-bottom:0!important;font-size:18px!important;color:#003f2a!important}
.invoice-actions{
  display:grid!important;
  grid-template-columns:1fr 1.2fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
.invoice-actions .btn{padding:14px 12px!important;font-weight:950!important}
.save-note{
  margin-top:10px!important;
  font-size:12px!important;
  color:#64748b!important;
  text-align:center!important;
}

@media(max-width:1200px){
  .invoice-split{grid-template-columns:1fr!important}
  .cart-panel{position:static!important;max-height:none!important}
}
@media(max-width:780px){
  .invoice-hero-v38 .customer-summary{grid-template-columns:1fr 1fr!important}
  .invoice-customer-grid{grid-template-columns:1fr!important}
  .catalog-search-wrap{grid-template-columns:1fr!important}
  .cart-controls-v40{grid-template-columns:1fr 1fr!important}
  .variant-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .variant-grid{grid-template-columns:1fr!important}
  .invoice-hero-v38 .customer-summary{grid-template-columns:1fr!important}
}

/* ===== V41 premium new invoice screen ===== */
.pos41-shell{--pos-green:#118c3f;--pos-dark:#0f172a;--pos-muted:#64748b;--pos-line:#e5e7eb;--pos-soft:#f8fafc;--pos-bg:#f4f6f8;display:block;background:#f7f9fb;margin:-6px -2px 0;border-radius:22px;color:#111827}
.pos41-topbar{display:grid;grid-template-columns:210px 160px minmax(260px,1fr) 180px auto auto auto;gap:12px;align-items:center;background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:12px 14px;box-shadow:0 8px 26px rgba(15,23,42,.05);position:sticky;top:74px;z-index:10;margin-bottom:14px}
.pos41-brand{display:flex;align-items:center;gap:11px;min-width:0}
.pos41-brand img{width:40px;height:40px;border-radius:12px;object-fit:contain;background:#ecfdf3;padding:5px}
.pos41-brand b{display:block;font-size:20px;line-height:1;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos41-brand b::first-letter{color:var(--pos-green)}
.pos41-brand span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#64748b;font-weight:900;margin-top:4px}
.pos41-branch,.pos41-search,.pos41-scan,.pos41-quick{height:48px;border:1px solid #e1e7ef;border-radius:12px;background:#fff;display:flex;align-items:center;color:#0f172a;font-weight:800}
.pos41-branch{padding:0 14px;justify-content:center;white-space:nowrap;background:#f9fbfd}
.pos41-search,.pos41-scan{padding:0 12px;gap:8px}.pos41-search span,.pos41-scan span{font-size:22px;color:#475569}.pos41-search input,.pos41-scan input{border:0;outline:0;background:transparent;width:100%;font-weight:700;color:#0f172a}.pos41-search input::placeholder,.pos41-scan input::placeholder{color:#94a3b8}
.pos41-quick{border:0;background:#fff;text-decoration:none;padding:0 10px;justify-content:center;color:#334155;gap:6px;cursor:pointer;white-space:nowrap}.pos41-quick:hover{background:#f1f5f9;color:#0f172a}
.pos41-workspace{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:14px;align-items:start}
.pos41-products{background:#fff;border:1px solid #e6ebf2;border-radius:18px;box-shadow:0 8px 26px rgba(15,23,42,.045);overflow:hidden;min-height:680px}
.pos41-cats{display:flex;align-items:center;gap:8px;overflow:auto;padding:13px 14px;border-bottom:1px solid #e6ebf2;background:#fff;scrollbar-width:thin}.pos41-cat{height:40px;border:1px solid transparent;background:#fff;border-radius:999px;padding:0 14px;font-weight:850;color:#475569;cursor:pointer;white-space:nowrap}.pos41-cat.active{background:var(--pos-green);color:#fff;box-shadow:0 7px 17px rgba(17,140,63,.22)}.pos41-filter{border-color:#dbe4ee;background:#f8fafc;color:#0f172a;margin-left:auto}
.pos41-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;background:#fbfcfe;max-height:calc(100vh - 265px);overflow:auto;min-height:530px}
.pos41-product{position:relative;display:flex;flex-direction:column;min-height:250px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:.14s ease;box-shadow:0 2px 8px rgba(15,23,42,.025)}.pos41-product:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:#cbd5e1}.pos41-fav{position:absolute;right:10px;top:10px;width:28px;height:28px;border:0;background:#fff;border-radius:999px;color:#94a3b8;font-size:18px;box-shadow:0 2px 8px rgba(15,23,42,.08);cursor:pointer}
.pos41-img{height:112px;background:linear-gradient(180deg,#fff,#f4f7fb);display:flex;align-items:center;justify-content:center;padding:10px}.pos41-img img{max-width:100%;max-height:100px;object-fit:contain}.pos41-prod-body{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;flex:1}.pos41-prod-body h3{font-size:14px;line-height:1.22;margin:0;color:#0f172a;font-weight:900;min-height:34px}.pos41-prod-body p{margin:0;color:#475569;font-size:11.5px;line-height:1.25;min-height:28px}.pos41-sku{font-size:11px;color:#64748b;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos41-stock{display:flex;align-items:center;justify-content:space-between;border:1px solid #e2e8f0;border-radius:9px;padding:5px 8px;font-size:11px;color:#64748b}.pos41-stock span{font-weight:900;color:#15803d}.pos41-stock span.bad{color:#dc2626}.pos41-stock em{font-style:normal;color:#64748b;font-weight:800}.pos41-card-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto}.pos41-card-foot b{font-size:16px;color:#0f172a;font-weight:950}.pos41-card-foot button{border:0;border-radius:10px;background:linear-gradient(180deg,#20a74f,#118c3f);color:#fff;font-weight:950;padding:10px 13px;cursor:pointer;box-shadow:0 8px 17px rgba(17,140,63,.22)}.pos41-card-foot button:disabled{background:#cbd5e1;color:#64748b;box-shadow:none;cursor:not-allowed}.pos41-products-footer{display:flex;gap:18px;align-items:center;border-top:1px solid #e6ebf2;padding:11px 15px;font-size:12px;color:#64748b;background:#fff}.pos41-products-footer span::before{content:'•';color:#16a34a;margin-right:8px;font-weight:900}
.pos41-cart{background:#fff;border:1px solid #e6ebf2;border-radius:18px;box-shadow:0 8px 26px rgba(15,23,42,.055);position:sticky;top:152px;max-height:calc(100vh - 168px);overflow:auto}.pos41-cart-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #e6ebf2}.pos41-cart-head h2{margin:0;font-size:19px;letter-spacing:-.03em}.pos41-cart-head p{margin:4px 0 0;color:#64748b;font-size:12px}.pos41-cart-head strong{color:var(--pos-green);font-size:16px;font-weight:950;white-space:nowrap}.pos41-customer-row{display:grid;grid-template-columns:1fr 120px;gap:10px;padding:12px 18px}.pos41-customer-row .input{height:42px;border-radius:10px}.pos41-walkin{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 12px}.pos41-walkin input{height:38px;border:1px solid #e2e8f0;border-radius:10px;padding:0 10px;background:#fbfdff;font-weight:700}.pos41-registered{margin:0 18px 12px;padding:11px 12px;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:12px;color:#065f46}.pos41-registered b{display:block}.pos41-registered span{display:block;color:#047857;font-size:12px;margin:3px 0}.pos41-registered small{display:block;color:#064e3b}.pos41-note-row{padding:0 18px 12px}.pos41-note-row .input{height:38px;border-radius:10px}.pos41-cart-table-head{display:grid;grid-template-columns:minmax(170px,1fr) 78px 84px 70px 90px 22px;gap:7px;padding:9px 18px;background:#f8fafc;border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2;color:#64748b;font-weight:950;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.pos41-cart-lines{padding:0}.pos41-empty{margin:15px 18px;padding:20px;border:1px dashed #cbd5e1;border-radius:14px;text-align:center;color:#64748b;background:#f8fafc;font-weight:800}.pos41-line{display:grid;grid-template-columns:minmax(170px,1fr) 78px 84px 70px 90px 22px;gap:7px;align-items:center;padding:10px 18px;border-bottom:1px solid #edf1f5}.pos41-line:hover{background:#fbfdff}.pos41-item-info{display:grid;grid-template-columns:46px 1fr;gap:9px;min-width:0}.pos41-item-info img{width:46px;height:46px;object-fit:contain;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:3px}.pos41-item-info h4{font-size:12.5px;line-height:1.22;margin:0 0 2px;font-weight:950}.pos41-item-info p{font-size:10.5px;line-height:1.15;margin:0 0 5px;color:#64748b;font-weight:750}.pos41-item-info select{height:29px;border-radius:8px;font-size:11px;padding:0 7px}.priceRef{display:block;color:#64748b;font-size:10px;margin-top:4px;line-height:1.2}.pos41-qty{display:flex;align-items:center;height:36px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.pos41-qty button{width:24px;height:34px;border:0;background:#f8fafc;font-weight:950;cursor:pointer}.pos41-qty input{width:28px;text-align:center;border:0;outline:0;font-weight:900}.pos41-price,.pos41-disc{height:36px;border:1px solid #e2e8f0;border-radius:10px;padding:0 7px;font-size:11.5px;font-weight:800;text-align:right;background:#fff}.pos41-price[readonly]{background:#f8fafc;color:#475569}.pos41-line .lineTotal{text-align:right;font-size:12px;color:#0f172a;font-weight:950}.pos41-remove{border:0;background:transparent;color:#94a3b8;font-size:22px;cursor:pointer;line-height:1}.pos41-remove:hover{color:#dc2626}.pos41-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px;border-top:1px solid #e6ebf2}.pos41-totals div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #dbe4ee;color:#475569;font-size:12px;font-weight:900}.pos41-totals b{color:#0f172a}.pos41-totals .grand{grid-column:1/-1;border-bottom:0;border-top:1px solid #cbd5e1;padding-top:12px;font-size:15px;color:#0f172a}.pos41-totals .grand strong{font-size:24px;color:var(--pos-green)}.pos41-paybox{margin:0 18px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#fbfdff}.pos41-paybox summary{padding:11px 12px;cursor:pointer;font-weight:950;display:flex;justify-content:space-between;color:#0f172a}.pos41-paybox .split-pay-box{padding:0 12px 12px}.pos41-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;padding:0 18px 14px}.pos41-actions button{height:48px;border-radius:12px;font-weight:950;cursor:pointer;border:1px solid #dbe4ee}.pos41-actions .draft{background:#fff;color:#0f172a}.pos41-actions .receipt{background:#f0fdf4;color:#15803d;border-color:#86efac}.pos41-actions .final{background:linear-gradient(180deg,#20a74f,#118c3f);border-color:#118c3f;color:#fff;box-shadow:0 10px 18px rgba(17,140,63,.22)}.pos41-receipt-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 18px 16px;border:1px solid #e6ebf2;border-radius:14px;background:#f8fafc;padding:12px}.pos41-receipt-preview span{font-size:12px;color:#64748b;font-weight:900}.pos41-receipt-preview b{font-size:12px;text-align:right}.pos41-receipt-preview small{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px dashed #cbd5e1;padding-top:8px;color:#475569}.pos41-receipt-preview strong{color:#0f172a}
@media(max-width:1440px){.pos41-workspace{grid-template-columns:minmax(0,1fr) 485px}.pos41-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pos41-topbar{grid-template-columns:190px 140px minmax(230px,1fr) 160px auto auto auto}.pos41-quick{font-size:12px}}
@media(max-width:1180px){.pos41-topbar{grid-template-columns:1fr 1fr}.pos41-workspace{grid-template-columns:1fr}.pos41-cart{position:static;max-height:none}.pos41-grid{max-height:none}.pos41-products{min-height:auto}}
@media(max-width:760px){.pos41-grid{grid-template-columns:1fr 1fr}.pos41-cart-table-head{display:none}.pos41-line{grid-template-columns:1fr 1fr;gap:8px;border:1px solid #e2e8f0;border-radius:14px;margin:10px 14px;padding:12px}.pos41-item-info{grid-column:1/-1}.pos41-remove{position:absolute;right:18px}.pos41-actions{grid-template-columns:1fr}.pos41-walkin,.pos41-customer-row,.pos41-totals{grid-template-columns:1fr}.pos41-products-footer{flex-direction:column;align-items:flex-start;gap:4px}}
@media(max-width:520px){.pos41-grid{grid-template-columns:1fr}.pos41-topbar{grid-template-columns:1fr}.pos41-brand b{font-size:18px}}


/* ===== V42 Sidebar Drawer + New Invoice Full Canvas ===== */
body{--drawer-width:312px}
.sidebar{
  transform:translateX(-106%);
  transition:transform .22s ease, box-shadow .22s ease;
  box-shadow:0 24px 80px rgba(15,23,42,.28);
}
body.menu-open .sidebar{transform:translateX(0)}
.main{margin-left:0!important;width:100%!important}
.menuBtn{display:inline-flex!important;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#ecfdf3;color:#047857;font-size:21px;line-height:1;box-shadow:inset 0 0 0 1px #bbf7d0}
.mobile-brand{display:flex!important}
.mobile-shade{display:none;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:40;backdrop-filter:blur(2px)}
body.menu-open .mobile-shade{display:block}
.topbar{padding-left:16px;padding-right:18px;min-height:70px;height:70px}
.content{max-width:none;width:100%}
@media(min-width:1181px){
  .sidebar{width:var(--drawer-width);z-index:60}
  body.menu-open .mobile-shade{display:block}
  .top-search input{max-width:820px}
}
body.page-sale_new{background:#f3f6f9}
body.page-sale_new .content{padding:14px;max-width:none}
body.page-sale_new .topbar{height:62px;min-height:62px;background:rgba(255,255,255,.94);box-shadow:0 6px 20px rgba(15,23,42,.04)}
body.page-sale_new .pos41-page{margin:0 auto;max-width:1920px}
body.page-sale_new .pos41-topbar{position:sticky;top:76px;z-index:22;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(15,23,42,.045)}
body.page-sale_new .pos41-workspace{grid-template-columns:minmax(0,1fr) minmax(500px,560px);gap:12px}
body.page-sale_new .pos41-products,body.page-sale_new .pos41-cart{border-radius:16px;box-shadow:0 10px 32px rgba(15,23,42,.055)}
body.page-sale_new .pos41-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:calc(100vh - 245px);padding:12px}
body.page-sale_new .pos41-product{min-height:238px;border-radius:15px}
body.page-sale_new .pos41-img{height:104px}
body.page-sale_new .pos41-cart{top:152px;max-height:calc(100vh - 166px)}
body.page-sale_new .pos41-cart-head{background:linear-gradient(180deg,#fff,#fbfdff)}
body.page-sale_new .pos41-cart-head h2{font-size:20px}
body.page-sale_new .pos41-cart-table-head,
body.page-sale_new .pos41-line{grid-template-columns:minmax(205px,1fr) 82px 88px 70px 96px 24px}
body.page-sale_new .pos41-line{padding:11px 18px}
body.page-sale_new .pos41-line:hover{background:#f8fffb}
body.page-sale_new .pos41-item-info h4{font-size:13.2px}
body.page-sale_new .pos41-totals{background:#fff}
body.page-sale_new .pos41-actions{position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid #e6ebf2;padding-top:12px;z-index:9}
body.page-sale_new .pos41-actions .final{font-size:15px}
body.page-sale_new .pos41-receipt-preview{margin-bottom:14px}
@media(min-width:1600px){
  body.page-sale_new .pos41-workspace{grid-template-columns:minmax(0,1fr) 600px}
  body.page-sale_new .pos41-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1280px){
  body.page-sale_new .pos41-workspace{grid-template-columns:1fr}
  body.page-sale_new .pos41-cart{position:static;max-height:none}
  body.page-sale_new .pos41-grid{max-height:none;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  body.page-sale_new .content{padding:10px}
  body.page-sale_new .pos41-topbar{top:70px}
  body.page-sale_new .pos41-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== V42 sidebar drawer + premium invoice workspace ===== */
/* Sidebar is hidden by default on desktop and mobile. Use menu button to open. */
.sidebar{transform:translateX(-106%);transition:transform .22s ease, box-shadow .22s ease;box-shadow:0 24px 80px rgba(2,6,23,.28)}
body.menu-open .sidebar{transform:translateX(0)}
.mobile-shade{display:none;position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px);z-index:40}
body.menu-open .mobile-shade{display:block}
.main{margin-left:0!important;width:100%!important;min-width:0}
.menuBtn{display:inline-flex!important;align-items:center;justify-content:center}
.topbar{padding-left:18px;padding-right:18px}
.content{max-width:1920px;width:100%;}
body:not(.menu-open) .sidebar{pointer-events:none}
body.menu-open .sidebar{pointer-events:auto}

/* Dedicated invoice page: use the full browser width like a modern POS terminal */
body.pos-invoice-mode .topbar{display:none!important}
body.pos-invoice-mode .content{padding:10px 10px 14px!important;max-width:none!important;background:#f6f8fb;min-height:100vh}
body.pos-invoice-mode .mobile-shade{z-index:90}
body.pos-invoice-mode .sidebar{z-index:100}
.pos42-shell{margin:0!important;border-radius:20px;background:#f6f8fb;min-height:calc(100vh - 20px)}
.pos42-menu{height:48px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;color:#0f172a;font-weight:950;padding:0 14px;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.pos42-menu:hover{background:#ecfdf3;border-color:#86efac;color:#047857}
.pos41-topbar{top:10px!important;grid-template-columns:86px 220px 165px minmax(260px,1fr) 170px auto auto auto!important;margin-bottom:10px;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.07)}
.pos41-workspace{grid-template-columns:minmax(0,1fr) 565px!important;gap:10px!important}
.pos41-products{min-height:calc(100vh - 110px);border-radius:18px}
.pos41-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px;max-height:calc(100vh - 208px);min-height:calc(100vh - 265px)}
.pos41-product{min-height:238px;border-radius:16px;box-shadow:0 5px 14px rgba(15,23,42,.035)}
.pos41-img{height:118px}.pos41-img img{max-height:106px}.pos41-prod-body{padding:10px 12px}.pos41-prod-body h3{font-size:13.5px;min-height:32px}.pos41-prod-body p{font-size:11px;min-height:24px}.pos41-card-foot b{font-size:15px}.pos41-card-foot button{min-width:76px}
.pos41-cats{padding:12px 14px}.pos41-cat{height:38px;padding:0 13px}
.pos41-products-footer{padding:9px 15px;min-height:44px}
.pos41-cart{top:88px!important;max-height:calc(100vh - 104px)!important;border-radius:18px;box-shadow:0 12px 36px rgba(15,23,42,.075);overflow:auto}
.pos41-cart-head{padding:14px 16px 12px;background:linear-gradient(180deg,#fff,#fbfdff)}
.pos41-cart-head h2{font-size:20px}.pos41-cart-head strong{font-size:17px;background:#ecfdf3;color:#047857;border:1px solid #bbf7d0;border-radius:999px;padding:8px 11px}
.pos41-customer-row{padding:12px 16px;grid-template-columns:1fr 120px}.pos41-walkin{padding:0 16px 12px}.pos41-note-row{padding:0 16px 12px}
.pos41-cart-table-head{grid-template-columns:minmax(190px,1fr) 78px 84px 70px 92px 22px;padding:9px 16px}
.pos41-line{grid-template-columns:minmax(190px,1fr) 78px 84px 70px 92px 22px;padding:10px 16px;background:#fff}.pos41-line:nth-child(even){background:#fcfdff}.pos41-item-info{grid-template-columns:50px 1fr}.pos41-item-info img{width:50px;height:50px;border-radius:12px}.pos41-item-info h4{font-size:12.8px}.pos41-item-info p{font-size:10.5px}.priceRef{font-size:10px;color:#64748b}
.pos41-totals{padding:12px 16px;gap:8px}.pos41-totals div{padding:7px 0}.pos41-totals .grand{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:12px 14px;margin-top:4px}.pos41-totals .grand strong{font-size:26px}
.pos41-paybox{margin:0 16px 12px}.pos41-actions{padding:0 16px 14px;grid-template-columns:1fr 1fr 1.35fr}.pos41-actions button{height:52px;font-size:14px}.pos41-receipt-preview{margin:0 16px 16px;padding:12px;background:#fff}
@media(min-width:1680px){.pos41-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.pos41-workspace{grid-template-columns:minmax(0,1fr) 590px!important}.pos41-cart-table-head,.pos41-line{grid-template-columns:minmax(220px,1fr) 78px 88px 72px 96px 22px}}
@media(max-width:1500px){.pos41-topbar{grid-template-columns:86px 195px 150px minmax(210px,1fr) 150px auto auto!important}.pos41-workspace{grid-template-columns:minmax(0,1fr) 525px!important}.pos41-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pos41-cart-table-head,.pos41-line{grid-template-columns:minmax(170px,1fr) 74px 78px 66px 84px 20px}}
@media(max-width:1180px){.pos41-topbar{grid-template-columns:86px 1fr 1fr!important}.pos41-workspace{grid-template-columns:1fr!important}.pos41-cart{position:static!important;max-height:none!important}.pos41-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.pos41-products{min-height:auto}}
@media(max-width:760px){.pos41-topbar{grid-template-columns:1fr 1fr!important}.pos42-menu{grid-column:1/-1}.pos41-brand{grid-column:1/-1}.pos41-grid{grid-template-columns:1fr 1fr}.pos41-actions{grid-template-columns:1fr}.pos41-cart-table-head{display:none}.pos41-line{grid-template-columns:1fr 1fr!important;margin:10px 12px;border-radius:14px;border:1px solid #e2e8f0}.pos41-item-info{grid-column:1/-1}.pos41-remove{position:absolute;right:18px}}
@media(max-width:520px){.pos41-grid{grid-template-columns:1fr}.pos41-topbar{grid-template-columns:1fr!important}}

/* ===== V43 Invoice cart readability + monthly final invoice numbering UI ===== */
.pos41-shell{overflow-x:hidden!important}
.pos41-workspace{grid-template-columns:minmax(0,1fr) minmax(455px,500px)!important;gap:14px!important}
.pos41-cart{display:flex!important;flex-direction:column!important;overflow:hidden!important;max-height:calc(100vh - 148px)!important;top:132px!important}
.pos41-cart-head{padding:14px 16px 10px!important;flex:0 0 auto!important}
.pos41-cart-head h2{font-size:19px!important}.pos41-cart-head strong{font-size:15px!important}
.pos41-customer-row{grid-template-columns:minmax(0,1fr) 112px!important;padding:11px 16px!important;flex:0 0 auto!important}
.pos41-registered{margin:0 16px 10px!important;max-height:104px!important;overflow:auto!important}.pos41-registered b{font-size:15px!important}.pos41-registered span{font-size:11.5px!important;line-height:1.35!important}.pos41-note-row{padding:0 16px 10px!important;flex:0 0 auto!important}
.pos41-cart-table-head{display:none!important}
.pos41-cart-lines{padding:8px 14px 4px!important;overflow:auto!important;max-height:35vh!important;min-height:120px!important;flex:1 1 auto!important;background:#fff!important}
.pos41-empty{margin:8px 2px!important;min-height:110px;display:flex;align-items:center;justify-content:center}
.pos41-line.pos43-line{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;margin:0 0 10px!important;padding:12px!important;background:#fff!important;box-shadow:0 3px 10px rgba(15,23,42,.035)!important;min-width:0!important}
.pos41-line.pos43-line:hover{border-color:#b7e4c7!important;background:#fbfffc!important}
.pos43-item-info{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;padding-right:28px!important;min-width:0!important}
.pos43-item-info img{width:54px!important;height:54px!important;border-radius:13px!important;object-fit:contain!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:3px!important}
.pos43-item-info h4{font-size:14px!important;line-height:1.25!important;margin:0 0 3px!important;color:#0f172a!important;font-weight:950!important;white-space:normal!important;overflow:visible!important;display:block!important;max-width:100%!important}
.pos43-item-info p{font-size:11px!important;line-height:1.25!important;margin:0 0 6px!important;color:#64748b!important;font-weight:800!important;white-space:normal!important}
.pos43-item-info .productSelect{height:34px!important;border-radius:10px!important;font-size:12px!important;font-weight:800!important;width:100%!important;max-width:100%!important;background:#fff!important}
.pos43-item-info .priceRef{font-size:10.8px!important;line-height:1.35!important;margin-top:5px!important;color:#64748b!important;white-space:normal!important}
.pos43-controls{display:grid!important;grid-template-columns:88px 92px 72px minmax(94px,1fr)!important;gap:8px!important;align-items:end!important;min-width:0!important}
.pos43-controls label{display:block!important;min-width:0!important;margin:0!important}
.pos43-controls label>span{display:block!important;font-size:9.5px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#64748b!important;font-weight:950!important;margin:0 0 5px!important}
.pos43-controls .pos41-qty{height:38px!important;border-radius:11px!important;width:100%!important}.pos43-controls .pos41-qty button{height:36px!important;width:25px!important}.pos43-controls .pos41-qty input{width:34px!important;font-size:14px!important}
.pos43-controls .pos41-price,.pos43-controls .pos41-disc{width:100%!important;height:38px!important;border-radius:11px!important;font-size:12.5px!important;padding:0 8px!important}
.pos43-total{text-align:right!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:7px 9px!important}.pos43-total span{margin-bottom:4px!important}.pos43-total .lineTotal{font-size:14px!important;color:#047857!important;white-space:nowrap!important}
.pos43-remove{position:absolute!important;right:10px!important;top:10px!important;width:28px!important;height:28px!important;border-radius:10px!important;background:#fff5f5!important;color:#ef4444!important;border:1px solid #fecaca!important;font-size:20px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}
.pos43-remove:hover{background:#fee2e2!important;color:#b91c1c!important}
.pos41-totals{grid-template-columns:1fr!important;gap:4px!important;padding:10px 16px!important;flex:0 0 auto!important;background:#fff!important;border-top:1px solid #e6ebf2!important}
.pos41-totals div{padding:5px 0!important;font-size:12px!important}.pos41-totals .grand{padding-top:8px!important;margin-top:2px!important}.pos41-totals .grand strong{font-size:25px!important}
.pos41-paybox{margin:0 16px 10px!important;flex:0 0 auto!important}.pos41-paybox summary{padding:9px 10px!important}
.pos41-actions{position:sticky!important;bottom:0!important;z-index:12!important;background:#fff!important;border-top:1px solid #e6ebf2!important;padding:12px 16px!important;margin:0!important;grid-template-columns:1fr 1fr 1.2fr!important;flex:0 0 auto!important;box-shadow:0 -10px 22px rgba(15,23,42,.04)!important}
.pos41-actions button{height:48px!important;border-radius:13px!important;font-size:13.5px!important}
.pos41-receipt-preview{display:none!important}
@media(max-width:1440px){.pos41-workspace{grid-template-columns:minmax(0,1fr) minmax(440px,480px)!important}.pos43-controls{grid-template-columns:86px 88px 68px minmax(86px,1fr)!important}.pos41-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1180px){.pos41-workspace{grid-template-columns:1fr!important}.pos41-cart{position:static!important;max-height:none!important;overflow:visible!important}.pos41-cart-lines{max-height:none!important;overflow:visible!important}.pos41-actions{position:sticky!important;bottom:0!important}}
@media(max-width:640px){.pos43-controls{grid-template-columns:1fr 1fr!important}.pos43-total{text-align:left!important}.pos41-actions{grid-template-columns:1fr!important}.pos41-customer-row{grid-template-columns:1fr!important}}


/* ===== V44 edge-hover sidebar drawer ===== */
.sidebar-hotzone{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:12px;
  z-index:55;
  cursor:pointer;
  background:linear-gradient(90deg,rgba(0,150,90,.32),rgba(0,150,90,0));
  opacity:.62;
  transition:width .16s ease, opacity .16s ease, background .16s ease;
}
.sidebar-hotzone:after{
  content:'☰';
  position:absolute;
  top:94px;
  left:4px;
  width:34px;
  height:52px;
  border-radius:0 16px 16px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ecfdf3;
  color:#047857;
  border:1px solid #bbf7d0;
  border-left:0;
  font-weight:950;
  box-shadow:0 8px 24px rgba(15,23,42,.12);
  transform:translateX(-28px);
  transition:transform .18s ease;
}
.sidebar-hotzone:hover{width:28px;opacity:1;background:linear-gradient(90deg,rgba(0,150,90,.48),rgba(0,150,90,.05))}
.sidebar-hotzone:hover:after{transform:translateX(0)}
body.menu-open .sidebar-hotzone{opacity:0;pointer-events:none}
body.menu-hover-open .mobile-shade{display:block;background:rgba(15,23,42,.18);backdrop-filter:none}
body.menu-hover-open .sidebar{transform:translateX(0);pointer-events:auto}
body.menu-hover-open .sidebar:after{
  content:'Move cursor away to close';
  display:block;
  margin:8px 18px 18px;
  color:#bbf7d0;
  font-size:11px;
  opacity:.75;
}
@media(max-width:760px){
  .sidebar-hotzone{width:10px}
  .sidebar-hotzone:after{top:84px}
}
@media print{.sidebar-hotzone{display:none!important}}


/* ===== V45 restore clean table cart on New Invoice ===== */
body.pos-invoice-mode .pos41-workspace{
  grid-template-columns:minmax(0,1fr) minmax(540px,590px)!important;
  gap:14px!important;
  align-items:start!important;
}
body.pos-invoice-mode .pos41-cart{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  top:132px!important;
  max-height:calc(100vh - 148px)!important;
  border-radius:20px!important;
  box-shadow:0 14px 40px rgba(15,23,42,.07)!important;
}
body.pos-invoice-mode .pos41-cart-head{
  padding:15px 17px 11px!important;
  border-bottom:1px solid #e6ebf2!important;
}
body.pos-invoice-mode .pos41-cart-head h2{font-size:21px!important;line-height:1.1!important;letter-spacing:-.03em!important}
body.pos-invoice-mode .pos41-cart-head p{font-size:12.2px!important}
body.pos-invoice-mode .pos41-cart-head strong{
  padding:8px 13px!important;
  border-radius:999px!important;
  background:#ecfdf3!important;
  border:1px solid #bbf7d0!important;
  color:#047857!important;
}
body.pos-invoice-mode .pos41-customer-row{grid-template-columns:minmax(0,1fr) 118px!important;padding:12px 17px!important}
body.pos-invoice-mode .pos41-walkin{padding:0 17px 11px!important;gap:8px!important}
body.pos-invoice-mode .pos41-note-row{padding:0 17px 11px!important}
body.pos-invoice-mode .pos41-registered{margin:0 17px 11px!important;max-height:92px!important;overflow:auto!important}
body.pos-invoice-mode .pos41-cart-table-head{
  display:grid!important;
  grid-template-columns:minmax(235px,1fr) 78px 86px 72px 98px 24px!important;
  gap:8px!important;
  padding:9px 17px!important;
  background:#f8fafc!important;
  border-top:1px solid #e6ebf2!important;
  border-bottom:1px solid #e6ebf2!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
body.pos-invoice-mode .pos41-cart-table-head:after{content:''}
body.pos-invoice-mode .pos41-cart-lines{
  padding:0!important;
  overflow:auto!important;
  max-height:38vh!important;
  min-height:168px!important;
  flex:1 1 auto!important;
  background:#fff!important;
}
body.pos-invoice-mode .pos41-empty{margin:14px 17px!important;min-height:130px!important}
body.pos-invoice-mode .pos41-line.pos43-line,
body.pos-invoice-mode .pos41-line{
  display:grid!important;
  grid-template-columns:minmax(235px,1fr) 78px 86px 72px 98px 24px!important;
  gap:8px!important;
  align-items:center!important;
  margin:0!important;
  padding:11px 17px!important;
  border:0!important;
  border-bottom:1px solid #edf1f5!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  min-width:0!important;
}
body.pos-invoice-mode .pos41-line.pos43-line:hover{background:#fbfffc!important}
body.pos-invoice-mode .pos43-item-info,
body.pos-invoice-mode .pos41-item-info{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:10px!important;
  padding-right:0!important;
  min-width:0!important;
  grid-column:1!important;
}
body.pos-invoice-mode .pos43-item-info img,
body.pos-invoice-mode .pos41-item-info img{
  width:50px!important;
  height:50px!important;
  border-radius:12px!important;
  padding:3px!important;
  object-fit:contain!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}
body.pos-invoice-mode .pos43-item-info h4,
body.pos-invoice-mode .pos41-item-info h4{
  font-size:13px!important;
  line-height:1.22!important;
  margin:0 0 2px!important;
  color:#0f172a!important;
  font-weight:950!important;
  white-space:normal!important;
  overflow:visible!important;
  max-width:100%!important;
}
body.pos-invoice-mode .pos43-item-info p,
body.pos-invoice-mode .pos41-item-info p{
  font-size:10.6px!important;
  line-height:1.22!important;
  margin:0 0 4px!important;
  color:#64748b!important;
  font-weight:800!important;
}
body.pos-invoice-mode .pos43-item-info .productSelect,
body.pos-invoice-mode .pos41-item-info .productSelect{
  height:30px!important;
  border-radius:9px!important;
  font-size:11px!important;
  font-weight:800!important;
  width:100%!important;
  max-width:100%!important;
  padding:0 7px!important;
}
body.pos-invoice-mode .priceRef{
  display:block!important;
  margin-top:4px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  color:#64748b!important;
  white-space:normal!important;
}
body.pos-invoice-mode .priceRef s{color:#94a3b8!important;text-decoration-thickness:1.5px!important}
body.pos-invoice-mode .priceRef b{color:#047857!important;font-weight:950!important}
body.pos-invoice-mode .pos43-controls{
  display:contents!important;
}
body.pos-invoice-mode .pos43-controls label{display:block!important;min-width:0!important;margin:0!important}
body.pos-invoice-mode .pos43-controls label>span{display:none!important}
body.pos-invoice-mode .pos43-controls .pos41-qty{
  grid-column:2!important;
  height:36px!important;
  border-radius:11px!important;
  width:100%!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty button{height:34px!important;width:25px!important;background:#f8fafc!important}
body.pos-invoice-mode .pos43-controls .pos41-qty input{width:28px!important;font-size:13px!important}
body.pos-invoice-mode .pos43-controls label:nth-child(2){grid-column:3!important}
body.pos-invoice-mode .pos43-controls label:nth-child(3){grid-column:4!important}
body.pos-invoice-mode .pos43-controls .pos41-price,
body.pos-invoice-mode .pos43-controls .pos41-disc{
  width:100%!important;
  height:36px!important;
  border-radius:11px!important;
  font-size:12px!important;
  padding:0 7px!important;
  text-align:right!important;
}
body.pos-invoice-mode .pos43-total{
  grid-column:5!important;
  text-align:right!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
}
body.pos-invoice-mode .pos43-total .lineTotal{
  font-size:12.5px!important;
  color:#047857!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
body.pos-invoice-mode .pos43-remove,
body.pos-invoice-mode .pos41-remove{
  position:static!important;
  grid-column:6!important;
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  background:transparent!important;
  border:0!important;
  color:#94a3b8!important;
  font-size:20px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.pos-invoice-mode .pos43-remove:hover,
body.pos-invoice-mode .pos41-remove:hover{background:#fee2e2!important;color:#dc2626!important}
body.pos-invoice-mode .pos41-totals{
  grid-template-columns:1fr 1fr!important;
  gap:9px 14px!important;
  padding:12px 17px!important;
  flex:0 0 auto!important;
  border-top:1px solid #e6ebf2!important;
  background:#fff!important;
}
body.pos-invoice-mode .pos41-totals div{padding:5px 0!important;border-bottom:1px dashed #dbe4ee!important;font-size:12px!important}
body.pos-invoice-mode .pos41-totals .grand{
  grid-column:1/-1!important;
  background:#f0fdf4!important;
  border:1px solid #bbf7d0!important;
  border-radius:14px!important;
  padding:10px 13px!important;
  margin-top:2px!important;
}
body.pos-invoice-mode .pos41-totals .grand strong{font-size:25px!important;color:#047857!important}
body.pos-invoice-mode .pos41-paybox{margin:0 17px 11px!important;flex:0 0 auto!important}
body.pos-invoice-mode .pos41-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:12!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1.25fr!important;
  gap:10px!important;
  padding:12px 17px!important;
  background:#fff!important;
  border-top:1px solid #e6ebf2!important;
  box-shadow:0 -10px 22px rgba(15,23,42,.04)!important;
}
body.pos-invoice-mode .pos41-actions button{height:50px!important;font-size:13.5px!important;border-radius:13px!important}
body.pos-invoice-mode .pos41-receipt-preview{display:grid!important;margin:0 17px 14px!important;padding:11px!important;background:#f8fafc!important}
@media(max-width:1500px){
  body.pos-invoice-mode .pos41-workspace{grid-template-columns:minmax(0,1fr) minmax(525px,560px)!important}
  body.pos-invoice-mode .pos41-cart-table-head,
  body.pos-invoice-mode .pos41-line.pos43-line,
  body.pos-invoice-mode .pos41-line{grid-template-columns:minmax(220px,1fr) 72px 80px 66px 90px 22px!important;gap:7px!important}
  body.pos-invoice-mode .pos41-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  body.pos-invoice-mode .pos41-workspace{grid-template-columns:1fr!important}
  body.pos-invoice-mode .pos41-cart{position:static!important;max-height:none!important;overflow:visible!important}
  body.pos-invoice-mode .pos41-cart-lines{max-height:none!important;overflow:visible!important}
}
@media(max-width:760px){
  body.pos-invoice-mode .pos41-cart-table-head{display:none!important}
  body.pos-invoice-mode .pos41-line.pos43-line,
  body.pos-invoice-mode .pos41-line{display:grid!important;grid-template-columns:1fr 1fr!important;margin:10px 12px!important;border:1px solid #e2e8f0!important;border-radius:15px!important;padding:12px!important}
  body.pos-invoice-mode .pos43-item-info{grid-column:1/-1!important}
  body.pos-invoice-mode .pos43-controls{display:grid!important;grid-template-columns:1fr 1fr!important;grid-column:1/-1!important;gap:8px!important}
  body.pos-invoice-mode .pos43-controls label>span{display:block!important;font-size:10px!important;text-transform:uppercase!important;color:#64748b!important;font-weight:900!important;margin-bottom:4px!important}
  body.pos-invoice-mode .pos43-total{grid-column:auto!important;text-align:left!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:7px 9px!important}
  body.pos-invoice-mode .pos43-remove{position:absolute!important;right:10px!important;top:10px!important;background:#fff5f5!important;border:1px solid #fecaca!important}
  body.pos-invoice-mode .pos41-totals{grid-template-columns:1fr!important}
  body.pos-invoice-mode .pos41-actions{grid-template-columns:1fr!important}
}


/* ===== V46 product visibility + balanced invoice canvas ===== */
body.pos-invoice-mode{
  overflow-x:hidden!important;
}
body.pos-invoice-mode .content{
  overflow-x:hidden!important;
}
body.pos-invoice-mode .pos41-shell{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.pos-invoice-mode .pos41-topbar{
  display:grid!important;
  grid-template-columns:auto minmax(150px,230px) minmax(120px,160px) minmax(240px,1fr) minmax(150px,190px) auto auto auto!important;
  gap:10px!important;
  align-items:center!important;
  max-width:100%!important;
}
body.pos-invoice-mode .pos42-menu{
  min-width:44px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
body.pos-invoice-mode .pos41-workspace{
  grid-template-columns:minmax(0,1fr) clamp(420px,34vw,500px)!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
body.pos-invoice-mode .pos41-products,
body.pos-invoice-mode .pos41-cart{
  min-width:0!important;
}
body.pos-invoice-mode .pos41-products{
  min-height:calc(100vh - 170px)!important;
}
body.pos-invoice-mode .pos41-grid{
  grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;
  gap:10px!important;
  padding:12px!important;
  max-height:calc(100vh - 250px)!important;
  min-height:510px!important;
}
body.pos-invoice-mode .pos41-product{
  min-height:230px!important;
}
body.pos-invoice-mode .pos41-img{
  height:96px!important;
}
body.pos-invoice-mode .pos41-prod-body{
  padding:9px 10px 11px!important;
}
body.pos-invoice-mode .pos41-prod-body h3{
  font-size:13px!important;
  min-height:32px!important;
}
body.pos-invoice-mode .pos41-card-foot b{
  font-size:14.5px!important;
}
body.pos-invoice-mode .pos41-card-foot button{
  padding:9px 10px!important;
  min-width:64px!important;
}
body.pos-invoice-mode .pos41-cart{
  width:100%!important;
  max-width:500px!important;
  overflow:hidden!important;
}
body.pos-invoice-mode .pos41-cart-head{
  padding:13px 14px 9px!important;
}
body.pos-invoice-mode .pos41-cart-head h2{
  font-size:18px!important;
}
body.pos-invoice-mode .pos41-cart-head strong{
  font-size:13px!important;
  padding:7px 10px!important;
}
body.pos-invoice-mode .pos41-customer-row{
  grid-template-columns:minmax(0,1fr) 104px!important;
  gap:8px!important;
  padding:10px 14px!important;
}
body.pos-invoice-mode .pos41-walkin{
  grid-template-columns:1fr 1fr!important;
  padding:0 14px 10px!important;
}
body.pos-invoice-mode .pos41-note-row{
  padding:0 14px 10px!important;
}
body.pos-invoice-mode .pos41-cart-table-head{
  grid-template-columns:minmax(145px,1fr) 58px 66px 52px 78px 18px!important;
  gap:5px!important;
  padding:8px 14px!important;
  font-size:9px!important;
}
body.pos-invoice-mode .pos41-cart-lines{
  max-height:34vh!important;
  min-height:150px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.pos-invoice-mode .pos41-line.pos43-line,
body.pos-invoice-mode .pos41-line{
  grid-template-columns:minmax(145px,1fr) 58px 66px 52px 78px 18px!important;
  gap:5px!important;
  padding:10px 14px!important;
  overflow:hidden!important;
}
body.pos-invoice-mode .pos43-item-info,
body.pos-invoice-mode .pos41-item-info{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:8px!important;
}
body.pos-invoice-mode .pos43-item-info img,
body.pos-invoice-mode .pos41-item-info img{
  width:42px!important;
  height:42px!important;
}
body.pos-invoice-mode .pos43-item-info h4,
body.pos-invoice-mode .pos41-item-info h4{
  font-size:12px!important;
  line-height:1.2!important;
  max-height:31px!important;
  overflow:hidden!important;
}
body.pos-invoice-mode .pos43-item-info p,
body.pos-invoice-mode .pos41-item-info p{
  font-size:9.7px!important;
  margin-bottom:3px!important;
}
body.pos-invoice-mode .pos43-item-info .productSelect,
body.pos-invoice-mode .pos41-item-info .productSelect{
  height:27px!important;
  font-size:10px!important;
}
body.pos-invoice-mode .priceRef{
  font-size:9.5px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty{
  height:32px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty button{
  width:19px!important;
  height:30px!important;
  padding:0!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty input{
  width:20px!important;
  font-size:12px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-price,
body.pos-invoice-mode .pos43-controls .pos41-disc{
  height:32px!important;
  font-size:10.5px!important;
  padding:0 5px!important;
}
body.pos-invoice-mode .pos43-total .lineTotal{
  font-size:11.2px!important;
  white-space:normal!important;
  line-height:1.15!important;
}
body.pos-invoice-mode .pos43-remove,
body.pos-invoice-mode .pos41-remove{
  width:18px!important;
  height:24px!important;
  font-size:17px!important;
}
body.pos-invoice-mode .pos41-totals{
  padding:10px 14px!important;
  gap:7px 10px!important;
}
body.pos-invoice-mode .pos41-totals div{
  font-size:11.2px!important;
}
body.pos-invoice-mode .pos41-totals .grand strong{
  font-size:20px!important;
}
body.pos-invoice-mode .pos41-paybox{
  margin:0 14px 10px!important;
}
body.pos-invoice-mode .pos41-actions{
  grid-template-columns:1fr 1fr 1.2fr!important;
  padding:10px 14px!important;
  gap:8px!important;
}
body.pos-invoice-mode .pos41-actions button{
  height:44px!important;
  font-size:12.5px!important;
}
body.pos-invoice-mode .pos41-receipt-preview{
  margin:0 14px 12px!important;
}

/* medium laptops: make cart thinner so product catalogue remains visible */
@media(max-width:1366px){
  body.pos-invoice-mode .content{padding:10px!important}
  body.pos-invoice-mode .pos41-topbar{
    grid-template-columns:auto minmax(120px,190px) minmax(110px,145px) minmax(220px,1fr) minmax(135px,165px) auto auto auto!important;
    gap:8px!important;
  }
  body.pos-invoice-mode .pos41-quick{
    font-size:12px!important;
    padding:0 8px!important;
  }
  body.pos-invoice-mode .pos41-workspace{
    grid-template-columns:minmax(0,1fr) 440px!important;
    gap:10px!important;
  }
  body.pos-invoice-mode .pos41-grid{
    grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;
  }
  body.pos-invoice-mode .pos41-products-footer{
    font-size:10.5px!important;
    gap:8px!important;
  }
}
/* small laptop/tablet: stack cart below products to avoid hiding products */
@media(max-width:1120px){
  body.pos-invoice-mode .pos41-workspace{
    grid-template-columns:1fr!important;
  }
  body.pos-invoice-mode .pos41-cart{
    position:static!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.pos-invoice-mode .pos41-cart-lines{
    max-height:none!important;
    overflow:visible!important;
  }
  body.pos-invoice-mode .pos41-grid{
    max-height:none!important;
  }
}

/* ===== V47 premium New Invoice UI polish ===== */
body.page-sale_new .topbar{display:none!important}
body.page-sale_new .content{padding:10px!important;max-width:none!important;overflow-x:hidden!important;background:#f6f8fb!important}
body.pos-invoice-mode .pos41-page{max-width:1920px!important;margin:0 auto!important}
body.pos-invoice-mode .pos41-shell{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body.pos-invoice-mode .pos41-topbar{
  position:sticky!important;top:8px!important;z-index:28!important;
  display:grid!important;grid-template-columns:auto minmax(180px,240px) minmax(132px,170px) minmax(260px,1fr) minmax(145px,185px) auto auto auto!important;
  gap:10px!important;align-items:center!important;
  padding:11px 14px!important;margin:0 0 10px!important;
  background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;
  border:1px solid #e6ebf2!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(15,23,42,.055)!important;
}
body.pos-invoice-mode .pos42-menu{height:46px!important;border:0!important;border-radius:14px!important;background:#e9fbf2!important;color:#047857!important;font-weight:950!important;padding:0 13px!important;box-shadow:inset 0 0 0 1px #bdf2d0!important;white-space:nowrap!important}
body.pos-invoice-mode .pos41-brand{height:50px!important;border:0!important;background:transparent!important;padding:0!important;gap:10px!important;min-width:0!important}
body.pos-invoice-mode .pos41-brand img{width:42px!important;height:42px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e6ebf2!important;padding:4px!important}
body.pos-invoice-mode .pos41-brand b{font-size:19px!important;color:#0f172a!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pos-invoice-mode .pos41-brand span{font-size:10px!important;letter-spacing:.20em!important;color:#64748b!important;text-transform:uppercase!important;font-weight:950!important}
body.pos-invoice-mode .pos41-branch,
body.pos-invoice-mode .pos41-search,
body.pos-invoice-mode .pos41-scan,
body.pos-invoice-mode .pos41-quick{height:46px!important;border:1px solid #e5eaf1!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,23,42,.02)!important}
body.pos-invoice-mode .pos41-search input,body.pos-invoice-mode .pos41-scan input{font-size:13px!important;font-weight:750!important}
body.pos-invoice-mode .pos41-quick{padding:0 11px!important;font-size:13px!important;font-weight:900!important;color:#0f172a!important}

body.pos-invoice-mode .pos41-workspace{
  display:grid!important;grid-template-columns:minmax(0,1fr) clamp(500px,36vw,610px)!important;
  gap:10px!important;align-items:start!important;width:100%!important;max-width:100%!important;
}
body.pos-invoice-mode .pos41-products,
body.pos-invoice-mode .pos41-cart{border:1px solid #e6ebf2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 34px rgba(15,23,42,.055)!important;min-width:0!important}
body.pos-invoice-mode .pos41-products{min-height:calc(100vh - 120px)!important;overflow:hidden!important}
body.pos-invoice-mode .pos41-cats{padding:12px 14px!important;gap:8px!important;background:#fff!important;border-bottom:1px solid #e6ebf2!important}
body.pos-invoice-mode .pos41-cat{height:38px!important;padding:0 14px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:900!important;color:#475569!important;background:#fff!important;border:1px solid transparent!important}
body.pos-invoice-mode .pos41-cat.active{background:#13a044!important;color:#fff!important;box-shadow:0 9px 20px rgba(19,160,68,.22)!important}
body.pos-invoice-mode .pos41-filter{background:#f8fafc!important;border-color:#dbe4ee!important;color:#0f172a!important;margin-left:auto!important}

body.pos-invoice-mode .pos41-grid{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(225px,1fr))!important;
  gap:10px!important;padding:12px!important;background:#fbfcfe!important;
  max-height:calc(100vh - 205px)!important;min-height:560px!important;overflow:auto!important;
}
body.pos-invoice-mode .pos41-product{
  display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;min-height:150px!important;
  border:1px solid #e3e9f1!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important;
  box-shadow:0 3px 10px rgba(15,23,42,.025)!important;transition:.14s ease!important;
}
body.pos-invoice-mode .pos41-product:hover{transform:translateY(-2px)!important;box-shadow:0 15px 30px rgba(15,23,42,.08)!important;border-color:#cbd5e1!important}
body.pos-invoice-mode .pos41-fav{right:9px!important;top:8px!important;width:25px!important;height:25px!important;font-size:16px!important;z-index:2!important}
body.pos-invoice-mode .pos41-img{height:auto!important;min-height:150px!important;padding:9px!important;background:linear-gradient(180deg,#fff,#f6f8fb)!important}
body.pos-invoice-mode .pos41-img img{max-width:78px!important;max-height:112px!important;object-fit:contain!important}
body.pos-invoice-mode .pos41-prod-body{padding:12px 12px 10px!important;gap:6px!important;min-width:0!important}
body.pos-invoice-mode .pos41-prod-body h3{font-size:13px!important;line-height:1.24!important;min-height:34px!important;margin:0!important;color:#0f172a!important;font-weight:950!important;padding-right:20px!important}
body.pos-invoice-mode .pos41-prod-body p{font-size:11px!important;line-height:1.25!important;min-height:26px!important;color:#64748b!important}
body.pos-invoice-mode .pos41-sku{font-size:10.5px!important;color:#64748b!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pos-invoice-mode .pos41-stock{height:28px!important;padding:4px 7px!important;border-radius:8px!important;font-size:10.5px!important;background:#fbfdff!important}
body.pos-invoice-mode .pos41-card-foot{gap:7px!important;margin-top:auto!important}
body.pos-invoice-mode .pos41-card-foot b{font-size:15px!important;white-space:nowrap!important;color:#0f172a!important}
body.pos-invoice-mode .pos41-card-foot button{height:38px!important;min-width:74px!important;padding:0 12px!important;border-radius:10px!important;background:linear-gradient(180deg,#1fb354,#0d8f40)!important;color:#fff!important;font-weight:950!important;box-shadow:0 9px 18px rgba(17,140,63,.25)!important}
body.pos-invoice-mode .pos41-products-footer{height:44px!important;padding:0 15px!important;font-size:11px!important;color:#64748b!important;background:#fff!important;border-top:1px solid #e6ebf2!important;gap:18px!important}

body.pos-invoice-mode .pos41-cart{position:sticky!important;top:88px!important;max-height:calc(100vh - 102px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.pos-invoice-mode .pos41-cart-head{padding:15px 17px 12px!important;background:#fff!important;border-bottom:1px solid #e6ebf2!important}
body.pos-invoice-mode .pos41-cart-head h2{font-size:20px!important;margin:0!important;letter-spacing:-.03em!important;color:#0f172a!important}
body.pos-invoice-mode .pos41-cart-head p{font-size:12px!important;color:#64748b!important;margin:4px 0 0!important}
body.pos-invoice-mode .pos41-cart-head strong{font-size:15px!important;padding:7px 11px!important;border-radius:999px!important;background:#ecfdf3!important;border:1px solid #bbf7d0!important;color:#047857!important}
body.pos-invoice-mode .pos41-customer-row{display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;gap:9px!important;padding:12px 17px!important}
body.pos-invoice-mode .pos41-customer-row .input{height:42px!important;border-radius:11px!important;font-size:13px!important;font-weight:850!important;background:#fff!important}
body.pos-invoice-mode .pos41-walkin{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:0 17px 10px!important}
body.pos-invoice-mode .pos41-walkin input{height:37px!important;border-radius:10px!important;font-size:12.5px!important;background:#fbfdff!important}
body.pos-invoice-mode .pos41-registered{margin:0 17px 10px!important;border-radius:12px!important;background:#ecfdf3!important;border:1px solid #bbf7d0!important;max-height:90px!important;overflow:auto!important}
body.pos-invoice-mode .pos41-note-row{padding:0 17px 10px!important}
body.pos-invoice-mode .pos41-note-row .input{height:38px!important;border-radius:10px!important;font-size:13px!important}
body.pos-invoice-mode .pos41-cart-table-head{display:grid!important;grid-template-columns:minmax(190px,1fr) 68px 78px 62px 90px 20px!important;gap:7px!important;padding:9px 17px!important;background:#f8fafc!important;border-top:1px solid #e6ebf2!important;border-bottom:1px solid #e6ebf2!important;color:#64748b!important;font-size:9.5px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.pos-invoice-mode .pos41-cart-lines{padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:36vh!important;min-height:160px!important;background:#fff!important;flex:1 1 auto!important}
body.pos-invoice-mode .pos41-line.pos43-line,body.pos-invoice-mode .pos41-line{display:grid!important;grid-template-columns:minmax(190px,1fr) 68px 78px 62px 90px 20px!important;gap:7px!important;align-items:center!important;padding:10px 17px!important;margin:0!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;min-width:0!important}
body.pos-invoice-mode .pos41-line:hover{background:#fbfffc!important}
body.pos-invoice-mode .pos43-item-info,body.pos-invoice-mode .pos41-item-info{display:grid!important;grid-template-columns:45px minmax(0,1fr)!important;gap:9px!important;grid-column:1!important;min-width:0!important;padding:0!important}
body.pos-invoice-mode .pos43-item-info img,body.pos-invoice-mode .pos41-item-info img{width:45px!important;height:45px!important;border-radius:11px!important;object-fit:contain!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:3px!important}
body.pos-invoice-mode .pos43-item-info h4,body.pos-invoice-mode .pos41-item-info h4{font-size:12.4px!important;line-height:1.22!important;margin:0 0 2px!important;color:#0f172a!important;font-weight:950!important;white-space:normal!important;overflow:hidden!important;max-height:32px!important}
body.pos-invoice-mode .pos43-item-info p,body.pos-invoice-mode .pos41-item-info p{font-size:10px!important;line-height:1.2!important;margin:0 0 4px!important;color:#64748b!important;font-weight:800!important}
body.pos-invoice-mode .pos43-item-info .productSelect,body.pos-invoice-mode .pos41-item-info .productSelect{height:28px!important;border-radius:8px!important;font-size:10.5px!important;font-weight:800!important;width:100%!important;padding:0 7px!important}
body.pos-invoice-mode .priceRef{font-size:9.7px!important;line-height:1.25!important;color:#64748b!important;margin-top:4px!important;white-space:normal!important}
body.pos-invoice-mode .pos43-controls{display:contents!important}
body.pos-invoice-mode .pos43-controls label>span{display:none!important}
body.pos-invoice-mode .pos43-controls .pos41-qty{grid-column:2!important;height:34px!important;border-radius:10px!important;width:100%!important}
body.pos-invoice-mode .pos43-controls .pos41-qty button{height:32px!important;width:22px!important;background:#f8fafc!important;padding:0!important}
body.pos-invoice-mode .pos43-controls .pos41-qty input{width:23px!important;font-size:12.5px!important}
body.pos-invoice-mode .pos43-controls label:nth-child(2){grid-column:3!important}
body.pos-invoice-mode .pos43-controls label:nth-child(3){grid-column:4!important}
body.pos-invoice-mode .pos43-controls .pos41-price,body.pos-invoice-mode .pos43-controls .pos41-disc{height:34px!important;border-radius:10px!important;font-size:11px!important;padding:0 6px!important;text-align:right!important}
body.pos-invoice-mode .pos43-total{grid-column:5!important;text-align:right!important;background:transparent!important;border:0!important;padding:0!important}
body.pos-invoice-mode .pos43-total .lineTotal{font-size:12px!important;color:#047857!important;font-weight:950!important;white-space:normal!important;line-height:1.15!important}
body.pos-invoice-mode .pos43-remove,body.pos-invoice-mode .pos41-remove{grid-column:6!important;position:static!important;width:20px!important;height:24px!important;font-size:18px!important;color:#94a3b8!important;background:transparent!important;border:0!important}
body.pos-invoice-mode .pos41-totals{grid-template-columns:1fr 1fr!important;padding:12px 17px!important;gap:8px 12px!important;background:#fff!important;border-top:1px solid #e6ebf2!important;flex:0 0 auto!important}
body.pos-invoice-mode .pos41-totals div{font-size:11.8px!important;padding:5px 0!important;border-bottom:1px dashed #dbe4ee!important}
body.pos-invoice-mode .pos41-totals .grand{grid-column:1/-1!important;border:1px solid #bbf7d0!important;border-radius:13px!important;background:#f0fdf4!important;padding:9px 12px!important;margin-top:2px!important}
body.pos-invoice-mode .pos41-totals .grand strong{font-size:23px!important;color:#047857!important}
body.pos-invoice-mode .pos41-paybox{margin:0 17px 10px!important;flex:0 0 auto!important}
body.pos-invoice-mode .pos41-actions{position:sticky!important;bottom:0!important;z-index:12!important;display:grid!important;grid-template-columns:1fr 1fr 1.25fr!important;gap:10px!important;padding:11px 17px!important;background:#fff!important;border-top:1px solid #e6ebf2!important;box-shadow:0 -10px 22px rgba(15,23,42,.04)!important}
body.pos-invoice-mode .pos41-actions button{height:48px!important;border-radius:13px!important;font-size:13px!important;font-weight:950!important}
body.pos-invoice-mode .pos41-receipt-preview{margin:0 17px 14px!important;padding:11px!important;border-radius:14px!important;background:#f8fafc!important}
@media(max-width:1450px){
  body.pos-invoice-mode .pos41-workspace{grid-template-columns:minmax(0,1fr) 520px!important}
  body.pos-invoice-mode .pos41-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}
}
@media(max-width:1280px){
  body.pos-invoice-mode .pos41-topbar{grid-template-columns:auto minmax(150px,200px) minmax(115px,145px) minmax(220px,1fr) minmax(130px,155px) auto auto auto!important;gap:8px!important}
  body.pos-invoice-mode .pos41-quick{font-size:12px!important;padding:0 8px!important}
  body.pos-invoice-mode .pos41-workspace{grid-template-columns:minmax(0,1fr) 470px!important}
  body.pos-invoice-mode .pos41-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
  body.pos-invoice-mode .pos41-cart-table-head,body.pos-invoice-mode .pos41-line.pos43-line,body.pos-invoice-mode .pos41-line{grid-template-columns:minmax(165px,1fr) 60px 68px 52px 76px 18px!important;gap:5px!important}
}
@media(max-width:1100px){
  body.pos-invoice-mode .pos41-topbar{grid-template-columns:auto 1fr 1fr!important}
  body.pos-invoice-mode .pos41-brand,body.pos-invoice-mode .pos41-branch{display:flex!important}
  body.pos-invoice-mode .pos41-search{grid-column:1/-1!important}
  body.pos-invoice-mode .pos41-scan{grid-column:1/-1!important}
  body.pos-invoice-mode .pos41-quick{display:none!important}
  body.pos-invoice-mode .pos41-workspace{grid-template-columns:1fr!important}
  body.pos-invoice-mode .pos41-cart{position:static!important;max-width:none!important;max-height:none!important;overflow:visible!important}
  body.pos-invoice-mode .pos41-cart-lines,body.pos-invoice-mode .pos41-grid{max-height:none!important;overflow:visible!important}
}


/* ===== V48 final airy POS invoice layout - closer to professional reference ===== */
/* Goal: 100% browser zoom par bhi products + current invoice dono clean nazar aayen */
body.page-sale_new{
  background:#f5f7fa!important;
  overflow-x:hidden!important;
}
body.page-sale_new .content{
  padding:12px!important;
  overflow-x:hidden!important;
}
body.pos-invoice-mode .pos41-shell{
  max-width:100%!important;
  width:100%!important;
  overflow-x:hidden!important;
}

/* cleaner top action bar */
body.pos-invoice-mode .pos41-topbar{
  top:10px!important;
  grid-template-columns:auto 200px 150px minmax(260px,1fr) 180px auto auto auto!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-radius:20px!important;
}
body.pos-invoice-mode .pos41-brand b{font-size:20px!important}
body.pos-invoice-mode .pos41-brand span{font-size:10px!important}
body.pos-invoice-mode .pos41-branch,
body.pos-invoice-mode .pos41-search,
body.pos-invoice-mode .pos41-scan,
body.pos-invoice-mode .pos41-quick{
  height:46px!important;
  border-radius:14px!important;
}

/* balanced 2 column canvas */
body.pos-invoice-mode .pos41-workspace{
  display:grid!important;
  grid-template-columns:minmax(720px,1fr) minmax(430px,470px)!important;
  gap:12px!important;
  align-items:start!important;
  width:100%!important;
}

/* product section */
body.pos-invoice-mode .pos41-products{
  min-height:calc(100vh - 128px)!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
body.pos-invoice-mode .pos41-cats{
  padding:12px 14px!important;
  gap:8px!important;
}
body.pos-invoice-mode .pos41-cat{
  height:38px!important;
  padding:0 15px!important;
  font-size:12.5px!important;
}

/* IMPORTANT: product cards vertical like premium POS, not squeezed horizontal */
body.pos-invoice-mode .pos41-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;
  gap:12px!important;
  padding:12px!important;
  background:#fbfcfe!important;
  max-height:calc(100vh - 214px)!important;
  min-height:560px!important;
  overflow:auto!important;
}
body.pos-invoice-mode .pos41-product{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  min-height:248px!important;
  border-radius:17px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 3px 12px rgba(15,23,42,.035)!important;
}
body.pos-invoice-mode .pos41-product:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.08)!important;
  border-color:#cbd5e1!important;
}
body.pos-invoice-mode .pos41-img{
  width:100%!important;
  height:110px!important;
  min-height:110px!important;
  padding:10px!important;
  background:linear-gradient(180deg,#fff,#f7fafc)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.pos-invoice-mode .pos41-img img{
  max-width:100%!important;
  max-height:98px!important;
  object-fit:contain!important;
}
body.pos-invoice-mode .pos41-prod-body{
  padding:10px 12px 12px!important;
  gap:6px!important;
  flex:1!important;
  min-width:0!important;
}
body.pos-invoice-mode .pos41-prod-body h3{
  font-size:13px!important;
  line-height:1.22!important;
  min-height:48px!important;
  max-height:48px!important;
  overflow:hidden!important;
  padding-right:22px!important;
  margin:0!important;
}
body.pos-invoice-mode .pos41-prod-body p{
  font-size:10.7px!important;
  line-height:1.2!important;
  min-height:25px!important;
  max-height:25px!important;
  overflow:hidden!important;
  margin:0!important;
}
body.pos-invoice-mode .pos41-sku{
  font-size:10px!important;
}
body.pos-invoice-mode .pos41-stock{
  height:28px!important;
  padding:4px 7px!important;
  font-size:10px!important;
}
body.pos-invoice-mode .pos41-card-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:auto!important;
}
body.pos-invoice-mode .pos41-card-foot b{
  font-size:13.5px!important;
  line-height:1.15!important;
  white-space:normal!important;
}
body.pos-invoice-mode .pos41-card-foot button{
  height:36px!important;
  min-width:66px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  font-size:12px!important;
}
body.pos-invoice-mode .pos41-products-footer{
  height:42px!important;
  padding:0 14px!important;
  font-size:10.5px!important;
  gap:12px!important;
}

/* current invoice panel compact but readable */
body.pos-invoice-mode .pos41-cart{
  width:100%!important;
  max-width:470px!important;
  border-radius:20px!important;
  top:88px!important;
  max-height:calc(100vh - 104px)!important;
  overflow:hidden!important;
}
body.pos-invoice-mode .pos41-cart-head{
  padding:14px 16px 10px!important;
}
body.pos-invoice-mode .pos41-cart-head h2{
  font-size:19px!important;
}
body.pos-invoice-mode .pos41-cart-head strong{
  font-size:13px!important;
  padding:7px 10px!important;
}
body.pos-invoice-mode .pos41-customer-row{
  grid-template-columns:minmax(0,1fr) 104px!important;
  padding:10px 16px!important;
  gap:8px!important;
}
body.pos-invoice-mode .pos41-walkin{
  grid-template-columns:1fr 1fr!important;
  padding:0 16px 10px!important;
}
body.pos-invoice-mode .pos41-walkin input{
  height:36px!important;
  font-size:12px!important;
}
body.pos-invoice-mode .pos41-note-row{
  padding:0 16px 10px!important;
}

/* table style cart like the clean reference */
body.pos-invoice-mode .pos41-cart-table-head{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) 58px 66px 48px 78px 18px!important;
  gap:5px!important;
  padding:8px 16px!important;
  font-size:9px!important;
}
body.pos-invoice-mode .pos41-cart-lines{
  max-height:35vh!important;
  min-height:154px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.pos-invoice-mode .pos41-line.pos43-line,
body.pos-invoice-mode .pos41-line{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) 58px 66px 48px 78px 18px!important;
  gap:5px!important;
  padding:9px 16px!important;
  align-items:center!important;
  overflow:hidden!important;
}
body.pos-invoice-mode .pos43-item-info,
body.pos-invoice-mode .pos41-item-info{
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:8px!important;
}
body.pos-invoice-mode .pos43-item-info img,
body.pos-invoice-mode .pos41-item-info img{
  width:40px!important;
  height:40px!important;
}
body.pos-invoice-mode .pos43-item-info h4,
body.pos-invoice-mode .pos41-item-info h4{
  font-size:11.7px!important;
  line-height:1.2!important;
  max-height:30px!important;
  overflow:hidden!important;
}
body.pos-invoice-mode .pos43-item-info p,
body.pos-invoice-mode .pos41-item-info p{
  font-size:9.4px!important;
  line-height:1.15!important;
  margin:0 0 3px!important;
}
body.pos-invoice-mode .pos43-item-info .productSelect,
body.pos-invoice-mode .pos41-item-info .productSelect{
  height:26px!important;
  font-size:9.7px!important;
  padding:0 6px!important;
}
body.pos-invoice-mode .priceRef{
  font-size:9.2px!important;
  line-height:1.18!important;
  margin-top:3px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty{
  height:31px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty button{
  width:18px!important;
  height:29px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty input{
  width:20px!important;
  font-size:12px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-price,
body.pos-invoice-mode .pos43-controls .pos41-disc{
  height:31px!important;
  font-size:10px!important;
  padding:0 4px!important;
}
body.pos-invoice-mode .pos43-total .lineTotal{
  font-size:10.6px!important;
  line-height:1.12!important;
  white-space:normal!important;
}
body.pos-invoice-mode .pos43-remove,
body.pos-invoice-mode .pos41-remove{
  width:18px!important;
  font-size:16px!important;
}

/* totals/actions cleaner */
body.pos-invoice-mode .pos41-totals{
  padding:10px 16px!important;
  gap:6px 10px!important;
}
body.pos-invoice-mode .pos41-totals div{
  font-size:11px!important;
  padding:4px 0!important;
}
body.pos-invoice-mode .pos41-totals .grand{
  padding:9px 12px!important;
}
body.pos-invoice-mode .pos41-totals .grand strong{
  font-size:20px!important;
}
body.pos-invoice-mode .pos41-paybox{
  margin:0 16px 9px!important;
}
body.pos-invoice-mode .pos41-actions{
  grid-template-columns:1fr 1fr 1.2fr!important;
  gap:8px!important;
  padding:10px 16px!important;
}
body.pos-invoice-mode .pos41-actions button{
  height:44px!important;
  font-size:12.5px!important;
}
body.pos-invoice-mode .pos41-receipt-preview{
  margin:0 16px 12px!important;
}

/* 1366 laptop exact tuning */
@media(max-width:1370px){
  body.page-sale_new .content{padding:10px!important}
  body.pos-invoice-mode .pos41-topbar{
    grid-template-columns:auto 185px 135px minmax(235px,1fr) 155px auto auto auto!important;
    gap:8px!important;
  }
  body.pos-invoice-mode .pos41-quick{
    font-size:12px!important;
    padding:0 8px!important;
  }
  body.pos-invoice-mode .pos41-workspace{
    grid-template-columns:minmax(710px,1fr) 440px!important;
    gap:10px!important;
  }
  body.pos-invoice-mode .pos41-grid{
    grid-template-columns:repeat(auto-fill,minmax(158px,1fr))!important;
    gap:10px!important;
  }
  body.pos-invoice-mode .pos41-product{
    min-height:236px!important;
  }
  body.pos-invoice-mode .pos41-img{
    height:100px!important;
    min-height:100px!important;
  }
  body.pos-invoice-mode .pos41-img img{
    max-height:90px!important;
  }
  body.pos-invoice-mode .pos41-prod-body h3{
    font-size:12.4px!important;
    min-height:44px!important;
    max-height:44px!important;
  }
  body.pos-invoice-mode .pos41-card-foot b{
    font-size:12.8px!important;
  }
  body.pos-invoice-mode .pos41-cart{
    max-width:440px!important;
  }
  body.pos-invoice-mode .pos41-cart-table-head,
  body.pos-invoice-mode .pos41-line.pos43-line,
  body.pos-invoice-mode .pos41-line{
    grid-template-columns:minmax(136px,1fr) 54px 61px 44px 70px 16px!important;
    gap:4px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.pos-invoice-mode .pos43-item-info,
  body.pos-invoice-mode .pos41-item-info{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:7px!important;
  }
  body.pos-invoice-mode .pos43-item-info img,
  body.pos-invoice-mode .pos41-item-info img{
    width:34px!important;
    height:34px!important;
  }
  body.pos-invoice-mode .pos43-item-info h4,
  body.pos-invoice-mode .pos41-item-info h4{
    font-size:11px!important;
    max-height:28px!important;
  }
  body.pos-invoice-mode .pos43-item-info p,
  body.pos-invoice-mode .pos41-item-info p{
    font-size:8.9px!important;
  }
  body.pos-invoice-mode .pos43-item-info .productSelect,
  body.pos-invoice-mode .pos41-item-info .productSelect{
    height:25px!important;
    font-size:9px!important;
  }
  body.pos-invoice-mode .priceRef{font-size:8.7px!important}
}
/* below this, stack so products never disappear */
@media(max-width:1180px){
  body.pos-invoice-mode .pos41-workspace{
    grid-template-columns:1fr!important;
  }
  body.pos-invoice-mode .pos41-products{
    min-height:unset!important;
  }
  body.pos-invoice-mode .pos41-cart{
    max-width:none!important;
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.pos-invoice-mode .pos41-grid{
    max-height:none!important;
    min-height:unset!important;
  }
  body.pos-invoice-mode .pos41-cart-lines{
    max-height:none!important;
    overflow:visible!important;
  }
}


/* ===== V49 clean 100% zoom invoice layout ===== */
/* New Invoice: make it close to the clean reference at browser 100% */
body.page-sale_new{
  background:#f5f7fa!important;
  overflow-x:hidden!important;
}
body.page-sale_new .content{
  padding:10px!important;
  max-width:none!important;
  overflow-x:hidden!important;
}
body.pos-invoice-mode .pos41-shell{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* one clean topbar: no extra branch if only one warehouse, no price check */
body.pos-invoice-mode .pos41-topbar{
  top:8px!important;
  display:grid!important;
  grid-template-columns:auto minmax(150px,210px) minmax(360px,1fr) minmax(145px,175px) auto auto!important;
  gap:10px!important;
  padding:10px 14px!important;
  margin:0 0 10px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid #e5eaf1!important;
  box-shadow:0 8px 28px rgba(15,23,42,.055)!important;
}
body.pos-invoice-mode .pos41-brand{
  min-width:0!important;
  width:auto!important;
}
body.pos-invoice-mode .pos41-brand img{width:38px!important;height:38px!important}
body.pos-invoice-mode .pos41-brand b{font-size:18px!important;line-height:1.05!important}
body.pos-invoice-mode .pos41-brand span{font-size:9.5px!important;letter-spacing:.18em!important}
body.pos-invoice-mode .pos41-search{min-width:0!important}
body.pos-invoice-mode .pos41-search input{font-size:13px!important}
body.pos-invoice-mode .pos41-quick{
  height:46px!important;
  border-radius:14px!important;
  font-size:12.5px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
body.pos-invoice-mode .pos41-quick.hold{background:#fff!important;border:1px solid #e5eaf1!important}
body.pos-invoice-mode .pos41-scan{height:46px!important;border-radius:14px!important}

/* balanced product catalogue + cart */
body.pos-invoice-mode .pos41-workspace{
  grid-template-columns:minmax(0,1fr) 460px!important;
  gap:12px!important;
  align-items:start!important;
}
body.pos-invoice-mode .pos41-products{
  border-radius:20px!important;
  min-height:calc(100vh - 126px)!important;
}
body.pos-invoice-mode .pos41-cats{
  padding:12px 14px!important;
}
body.pos-invoice-mode .pos41-grid{
  grid-template-columns:repeat(auto-fill,minmax(172px,1fr))!important;
  gap:12px!important;
  padding:12px!important;
  max-height:calc(100vh - 214px)!important;
  min-height:560px!important;
}
body.pos-invoice-mode .pos41-product{
  display:flex!important;
  flex-direction:column!important;
  min-height:246px!important;
  border-radius:17px!important;
}
body.pos-invoice-mode .pos41-img{
  width:100%!important;
  height:108px!important;
  min-height:108px!important;
}
body.pos-invoice-mode .pos41-img img{
  max-height:96px!important;
}
body.pos-invoice-mode .pos41-prod-body h3{
  font-size:12.8px!important;
  line-height:1.22!important;
  min-height:46px!important;
  max-height:46px!important;
}
body.pos-invoice-mode .pos41-prod-body p{
  font-size:10.5px!important;
  min-height:24px!important;
  max-height:24px!important;
}
body.pos-invoice-mode .pos41-card-foot b{font-size:13.2px!important}
body.pos-invoice-mode .pos41-card-foot button{
  height:36px!important;
  min-width:66px!important;
  font-size:12px!important;
}

/* cart: simple customer selector, no long customer card */
body.pos-invoice-mode .pos41-cart{
  max-width:460px!important;
  border-radius:20px!important;
  top:86px!important;
  max-height:calc(100vh - 102px)!important;
  overflow:hidden!important;
}
body.pos-invoice-mode .pos41-cart-head{
  padding:14px 16px 10px!important;
}
body.pos-invoice-mode .pos41-cart-head h2{
  font-size:18px!important;
}
body.pos-invoice-mode .pos41-cart-head p{
  font-size:11.5px!important;
}
body.pos-invoice-mode .draft-badge,
body.pos-invoice-mode .pos41-cart-head strong{
  font-size:12px!important;
  padding:7px 9px!important;
}
body.pos-invoice-mode .pos41-customer-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 105px!important;
  gap:8px!important;
  padding:10px 16px!important;
}
body.pos-invoice-mode .pos41-customer-row .input{
  height:40px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
}
body.pos-invoice-mode .pos49-hidden-customer-fields{display:none!important}
body.pos-invoice-mode .pos49-customer-pill{
  margin:0 16px 8px!important;
  padding:8px 10px!important;
  max-height:38px!important;
  overflow:hidden!important;
  border-radius:12px!important;
}
body.pos-invoice-mode .pos49-customer-pill b{
  font-size:12.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.pos-invoice-mode .pos41-note-row{
  padding:0 16px 9px!important;
}
body.pos-invoice-mode .pos41-note-row .input{
  height:38px!important;
  font-size:12.5px!important;
}

/* cart table: compact enough to show 4–5 products like reference */
body.pos-invoice-mode .pos41-cart-table-head{
  grid-template-columns:minmax(150px,1fr) 54px 62px 42px 72px 16px!important;
  gap:4px!important;
  padding:8px 16px!important;
  font-size:8.8px!important;
}
body.pos-invoice-mode .pos41-cart-lines{
  max-height:38vh!important;
  min-height:210px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.pos-invoice-mode .pos41-line.pos43-line,
body.pos-invoice-mode .pos41-line{
  grid-template-columns:minmax(150px,1fr) 54px 62px 42px 72px 16px!important;
  gap:4px!important;
  padding:8px 16px!important;
  min-height:66px!important;
}
body.pos-invoice-mode .pos43-item-info,
body.pos-invoice-mode .pos41-item-info{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:8px!important;
}
body.pos-invoice-mode .pos43-item-info img,
body.pos-invoice-mode .pos41-item-info img{
  width:38px!important;
  height:38px!important;
}
body.pos-invoice-mode .pos43-item-info h4,
body.pos-invoice-mode .pos41-item-info h4{
  font-size:11.4px!important;
  line-height:1.16!important;
  max-height:27px!important;
  margin-bottom:1px!important;
}
body.pos-invoice-mode .pos43-item-info p,
body.pos-invoice-mode .pos41-item-info p{
  font-size:8.8px!important;
  margin:0 0 2px!important;
}
body.pos-invoice-mode .pos43-item-info .productSelect,
body.pos-invoice-mode .pos41-item-info .productSelect{
  height:23px!important;
  font-size:8.8px!important;
  padding:0 5px!important;
  border-radius:7px!important;
}
body.pos-invoice-mode .priceRef{
  display:none!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty{
  height:30px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty button{
  width:17px!important;
  height:28px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty input{
  width:19px!important;
  font-size:11.5px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-price,
body.pos-invoice-mode .pos43-controls .pos41-disc{
  height:30px!important;
  font-size:9.7px!important;
  padding:0 4px!important;
  border-radius:8px!important;
}
body.pos-invoice-mode .pos43-total .lineTotal{
  font-size:10px!important;
  line-height:1.08!important;
}
body.pos-invoice-mode .pos43-remove,
body.pos-invoice-mode .pos41-remove{
  width:16px!important;
  height:22px!important;
  font-size:15px!important;
}

/* totals/payment/actions */
body.pos-invoice-mode .pos41-totals{
  padding:9px 16px!important;
  gap:5px 10px!important;
}
body.pos-invoice-mode .pos41-totals div{
  font-size:10.8px!important;
  padding:3px 0!important;
}
body.pos-invoice-mode .pos41-totals .grand{
  padding:8px 10px!important;
}
body.pos-invoice-mode .pos41-totals .grand strong{
  font-size:19px!important;
}
body.pos-invoice-mode .pos41-paybox{
  margin:0 16px 8px!important;
}
body.pos-invoice-mode .pos41-actions{
  padding:10px 16px!important;
  gap:8px!important;
}
body.pos-invoice-mode .pos41-actions button{
  height:43px!important;
  font-size:12px!important;
}
body.pos-invoice-mode .pos41-receipt-preview{
  margin:0 16px 12px!important;
  padding:9px!important;
}

/* overall pages at 100% zoom: slightly denser, more usable */
body:not(.page-sale_new) .content{
  padding:22px!important;
}
body:not(.page-sale_new) .card{
  border-radius:18px!important;
}
body:not(.page-sale_new) .page-title{
  font-size:28px!important;
}
body:not(.page-sale_new) .table-wrap table{
  font-size:13px!important;
}
body:not(.page-sale_new) th,
body:not(.page-sale_new) td{
  padding:10px 12px!important;
}
body:not(.page-sale_new) .input,
body:not(.page-sale_new) select,
body:not(.page-sale_new) textarea{
  padding:11px 12px!important;
  border-radius:12px!important;
}

/* laptop width tuning */
@media(max-width:1370px){
  body.pos-invoice-mode .pos41-topbar{
    grid-template-columns:auto 170px minmax(290px,1fr) 150px auto auto!important;
    gap:8px!important;
  }
  body.pos-invoice-mode .pos41-brand b{font-size:17px!important}
  body.pos-invoice-mode .pos41-workspace{
    grid-template-columns:minmax(0,1fr) 430px!important;
    gap:10px!important;
  }
  body.pos-invoice-mode .pos41-grid{
    grid-template-columns:repeat(auto-fill,minmax(154px,1fr))!important;
    gap:10px!important;
  }
  body.pos-invoice-mode .pos41-cart{
    max-width:430px!important;
  }
  body.pos-invoice-mode .pos41-cart-table-head,
  body.pos-invoice-mode .pos41-line.pos43-line,
  body.pos-invoice-mode .pos41-line{
    grid-template-columns:minmax(126px,1fr) 50px 58px 38px 66px 16px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    gap:4px!important;
  }
  body.pos-invoice-mode .pos43-item-info,
  body.pos-invoice-mode .pos41-item-info{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:6px!important;
  }
  body.pos-invoice-mode .pos43-item-info img,
  body.pos-invoice-mode .pos41-item-info img{
    width:32px!important;
    height:32px!important;
  }
  body.pos-invoice-mode .pos43-item-info h4,
  body.pos-invoice-mode .pos41-item-info h4{
    font-size:10.5px!important;
    max-height:25px!important;
  }
  body.pos-invoice-mode .pos43-item-info p,
  body.pos-invoice-mode .pos41-item-info p{
    font-size:8px!important;
  }
}

/* if screen gets tight, stack instead of squeezing */
@media(max-width:1160px){
  body.pos-invoice-mode .pos41-workspace{
    grid-template-columns:1fr!important;
  }
  body.pos-invoice-mode .pos41-cart{
    max-width:none!important;
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.pos-invoice-mode .pos41-cart-lines{
    max-height:none!important;
  }
}

/* V49 branch selector logic */
body.pos-invoice-mode .pos41-topbar.no-branch{
  grid-template-columns:auto minmax(150px,210px) minmax(360px,1fr) minmax(145px,175px) auto auto!important;
}
body.pos-invoice-mode .pos41-topbar.has-branch{
  grid-template-columns:auto minmax(150px,200px) minmax(115px,150px) minmax(300px,1fr) minmax(145px,175px) auto auto!important;
}
@media(max-width:1370px){
  body.pos-invoice-mode .pos41-topbar.no-branch{
    grid-template-columns:auto 170px minmax(290px,1fr) 150px auto auto!important;
  }
  body.pos-invoice-mode .pos41-topbar.has-branch{
    grid-template-columns:auto 160px 125px minmax(250px,1fr) 145px auto auto!important;
  }
}


/* ===== V50 Reference Duplicate UI for New Invoice ===== */
body.page-sale_new{background:#f5f7fb!important;overflow-x:hidden!important}
body.page-sale_new .topbar{display:none!important}
body.page-sale_new .content{padding:10px!important;max-width:none!important;overflow-x:hidden!important;background:#f5f7fb!important}
body.pos-invoice-mode .pos41-shell{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin:0!important}
/* top reference bar */
body.pos-invoice-mode .pos41-topbar.ref-ui{
  position:sticky!important;top:8px!important;z-index:28!important;
  display:grid!important;grid-template-columns:70px 160px 150px minmax(320px,1fr) 170px auto auto auto!important;
  gap:10px!important;align-items:center!important;padding:10px 14px!important;margin:0 0 10px!important;
  background:#fff!important;border:1px solid #e5eaf1!important;border-radius:18px!important;box-shadow:0 8px 26px rgba(15,23,42,.055)!important
}
body.pos-invoice-mode .pos42-menu{height:44px!important;border:1px solid #bbf7d0!important;border-radius:14px!important;background:#ecfdf3!important;color:#047857!important;font-size:0!important;padding:0!important;width:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;white-space:nowrap!important}
body.pos-invoice-mode .pos42-menu:before{content:'☰';font-size:20px!important;font-weight:950!important;line-height:1;margin-right:0!important}
body.pos-invoice-mode .pos41-brand{height:48px!important;display:flex!important;gap:10px!important;align-items:center!important;padding:0!important;background:transparent!important;border:0!important;min-width:0!important}
body.pos-invoice-mode .pos41-brand img{width:40px!important;height:40px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e6ebf2!important;padding:4px!important;object-fit:contain!important}
body.pos-invoice-mode .pos41-brand b{display:block!important;color:#0f172a!important;font-size:18px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pos-invoice-mode .pos41-brand span{display:block!important;color:#64748b!important;font-size:9px!important;letter-spacing:.22em!important;text-transform:uppercase!important;font-weight:950!important;margin-top:3px!important;white-space:nowrap!important}
body.pos-invoice-mode .pos41-branch,body.pos-invoice-mode .pos41-search,body.pos-invoice-mode .pos41-scan,body.pos-invoice-mode .pos41-quick{height:44px!important;border:1px solid #e5eaf1!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;color:#0f172a!important}
body.pos-invoice-mode .pos41-branch{display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:900!important;padding:0 12px!important;white-space:nowrap!important;background:#f9fbfd!important}
body.pos-invoice-mode .pos41-search,body.pos-invoice-mode .pos41-scan{padding:0 12px!important;gap:8px!important;min-width:0!important}
body.pos-invoice-mode .pos41-search span,body.pos-invoice-mode .pos41-scan span{font-size:18px!important;color:#64748b!important;line-height:1!important}
body.pos-invoice-mode .pos41-search input,body.pos-invoice-mode .pos41-scan input{font-size:13px!important;font-weight:700!important;color:#0f172a!important;min-width:0!important}
body.pos-invoice-mode .pos41-search input::placeholder,body.pos-invoice-mode .pos41-scan input::placeholder{color:#94a3b8!important}
body.pos-invoice-mode .pos41-quick{display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:#fff!important;padding:0 12px!important;font-size:12.5px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important}
body.pos-invoice-mode .pos41-quick:hover{background:#f8fafc!important}
/* main canvas exactly like reference: products left, invoice right */
body.pos-invoice-mode .pos41-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 520px!important;gap:10px!important;align-items:start!important;width:100%!important;max-width:100%!important;overflow:visible!important}
body.pos-invoice-mode .pos41-products,body.pos-invoice-mode .pos41-cart{background:#fff!important;border:1px solid #e6ebf2!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(15,23,42,.05)!important;min-width:0!important}
body.pos-invoice-mode .pos41-products{overflow:hidden!important;min-height:calc(100vh - 124px)!important}
body.pos-invoice-mode .pos41-cats{height:62px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:auto!important;padding:11px 14px!important;border-bottom:1px solid #e6ebf2!important;background:#fff!important}
body.pos-invoice-mode .pos41-cat{height:38px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:999px!important;background:#fff!important;color:#475569!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important}
body.pos-invoice-mode .pos41-cat.active{background:#13a044!important;color:#fff!important;box-shadow:0 9px 20px rgba(19,160,68,.2)!important}
body.pos-invoice-mode .pos41-filter{margin-left:auto!important;background:#f8fafc!important;border-color:#dbe4ee!important;color:#0f172a!important}
/* vertical premium cards */
body.pos-invoice-mode .pos41-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(178px,1fr))!important;gap:10px!important;padding:12px!important;background:#fbfcfe!important;max-height:calc(100vh - 228px)!important;min-height:548px!important;overflow:auto!important}
body.pos-invoice-mode .pos41-product{position:relative!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-height:248px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 3px 12px rgba(15,23,42,.035)!important;transition:.14s ease!important}
body.pos-invoice-mode .pos41-product:hover{transform:translateY(-2px)!important;box-shadow:0 15px 32px rgba(15,23,42,.08)!important;border-color:#cbd5e1!important}
body.pos-invoice-mode .pos41-fav{position:absolute!important;right:9px!important;top:9px!important;width:26px!important;height:26px!important;border-radius:999px!important;background:#fff!important;color:#94a3b8!important;box-shadow:0 2px 8px rgba(15,23,42,.08)!important;border:0!important;z-index:2!important}
body.pos-invoice-mode .pos41-img{width:100%!important;height:110px!important;min-height:110px!important;padding:10px!important;background:linear-gradient(180deg,#fff,#f7fafc)!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.pos-invoice-mode .pos41-img img{max-width:100%!important;max-height:98px!important;object-fit:contain!important}
body.pos-invoice-mode .pos41-prod-body{display:flex!important;flex-direction:column!important;gap:6px!important;padding:10px 12px 12px!important;flex:1!important;min-width:0!important}
body.pos-invoice-mode .pos41-prod-body h3{margin:0!important;color:#0f172a!important;font-size:12.8px!important;line-height:1.22!important;font-weight:950!important;min-height:46px!important;max-height:46px!important;overflow:hidden!important;padding-right:19px!important}
body.pos-invoice-mode .pos41-prod-body p{margin:0!important;color:#64748b!important;font-size:10.5px!important;line-height:1.22!important;min-height:24px!important;max-height:24px!important;overflow:hidden!important}
body.pos-invoice-mode .pos41-sku{font-size:10px!important;color:#64748b!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pos-invoice-mode .pos41-stock{height:28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:4px 7px!important;font-size:10px!important;color:#64748b!important;background:#fbfdff!important}
body.pos-invoice-mode .pos41-stock span{font-weight:950!important;color:#15803d!important}.pos41-stock span.bad{color:#dc2626!important}
body.pos-invoice-mode .pos41-stock em{font-style:normal!important;font-weight:850!important;color:#64748b!important}
body.pos-invoice-mode .pos41-card-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:auto!important}
body.pos-invoice-mode .pos41-card-foot b{font-size:13.2px!important;line-height:1.15!important;color:#0f172a!important;font-weight:950!important;white-space:normal!important}
body.pos-invoice-mode .pos41-card-foot button{height:36px!important;min-width:66px!important;border:0!important;border-radius:10px!important;background:linear-gradient(180deg,#1fb354,#0d8f40)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;box-shadow:0 9px 18px rgba(17,140,63,.22)!important;cursor:pointer!important}
body.pos-invoice-mode .pos41-products-footer{height:42px!important;display:flex!important;align-items:center!important;gap:14px!important;padding:0 14px!important;border-top:1px solid #e6ebf2!important;background:#fff!important;color:#64748b!important;font-size:10.5px!important}
/* right current invoice panel */
body.pos-invoice-mode .pos41-cart{position:sticky!important;top:86px!important;max-width:520px!important;max-height:calc(100vh - 102px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.pos-invoice-mode .pos41-cart-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:14px 17px 11px!important;background:#fff!important;border-bottom:1px solid #e6ebf2!important}
body.pos-invoice-mode .pos41-cart-head h2{font-size:18px!important;line-height:1.1!important;margin:0!important;color:#0f172a!important;font-weight:950!important;letter-spacing:-.03em!important}
body.pos-invoice-mode .pos41-cart-head p{font-size:11.5px!important;color:#64748b!important;margin:4px 0 0!important}.draft-badge{font-size:12px!important;color:#047857!important;background:#ecfdf3!important;border:1px solid #bbf7d0!important;border-radius:999px!important;padding:7px 10px!important;white-space:nowrap!important;font-weight:950!important}
body.pos-invoice-mode .pos41-customer-row{display:grid!important;grid-template-columns:minmax(0,1fr) 105px!important;gap:8px!important;padding:10px 17px!important}
body.pos-invoice-mode .pos41-customer-row .input{height:40px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;background:#fff!important;font-size:12.5px!important;font-weight:850!important;padding:0 10px!important}
body.pos-invoice-mode .pos49-hidden-customer-fields{display:none!important}body.pos-invoice-mode .pos49-customer-pill{display:none!important}
body.pos-invoice-mode .pos41-note-row{padding:0 17px 9px!important}.pos41-note-row .input{height:38px!important;font-size:12.5px!important;border-radius:11px!important}
body.pos-invoice-mode .pos41-cart-table-head{display:grid!important;grid-template-columns:minmax(170px,1fr) 60px 68px 48px 78px 18px!important;gap:5px!important;padding:8px 17px!important;background:#f8fafc!important;border-top:1px solid #e6ebf2!important;border-bottom:1px solid #e6ebf2!important;color:#64748b!important;font-size:8.9px!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:950!important}
body.pos-invoice-mode .pos41-cart-lines{flex:1 1 auto!important;padding:0!important;min-height:230px!important;max-height:40vh!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important}
body.pos-invoice-mode .pos41-line.pos43-line,body.pos-invoice-mode .pos41-line{display:grid!important;grid-template-columns:minmax(170px,1fr) 60px 68px 48px 78px 18px!important;gap:5px!important;align-items:center!important;min-height:68px!important;padding:8px 17px!important;margin:0!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
body.pos-invoice-mode .pos41-line:hover{background:#fbfffc!important}
body.pos-invoice-mode .pos43-item-info,body.pos-invoice-mode .pos41-item-info{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;grid-column:1!important;min-width:0!important;padding:0!important}
body.pos-invoice-mode .pos43-item-info img,body.pos-invoice-mode .pos41-item-info img{width:38px!important;height:38px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;padding:3px!important;object-fit:contain!important}
body.pos-invoice-mode .pos43-item-info h4,body.pos-invoice-mode .pos41-item-info h4{font-size:11.4px!important;line-height:1.16!important;margin:0 0 1px!important;color:#0f172a!important;font-weight:950!important;white-space:normal!important;overflow:hidden!important;max-height:27px!important}
body.pos-invoice-mode .pos43-item-info p,body.pos-invoice-mode .pos41-item-info p{font-size:8.8px!important;line-height:1.12!important;margin:0 0 2px!important;color:#64748b!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pos-invoice-mode .pos43-item-info .productSelect,body.pos-invoice-mode .pos41-item-info .productSelect{height:23px!important;border-radius:7px!important;border:1px solid #e2e8f0!important;background:#fff!important;font-size:8.8px!important;font-weight:800!important;width:100%!important;padding:0 5px!important}
body.pos-invoice-mode .priceRef{display:none!important}
body.pos-invoice-mode .pos43-controls{display:contents!important}.pos43-controls label>span{display:none!important}
body.pos-invoice-mode .pos43-controls .pos41-qty{grid-column:2!important;width:100%!important;height:30px!important;border:1px solid #e2e8f0!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important;display:flex!important;align-items:center!important}.pos43-controls .pos41-qty button{height:28px!important;width:18px!important;border:0!important;background:#f8fafc!important;font-weight:950!important;padding:0!important}.pos43-controls .pos41-qty input{width:20px!important;text-align:center!important;border:0!important;font-size:11.5px!important;font-weight:950!important}
body.pos-invoice-mode .pos43-controls label:nth-child(2){grid-column:3!important}.pos43-controls label:nth-child(3){grid-column:4!important}
body.pos-invoice-mode .pos43-controls .pos41-price,body.pos-invoice-mode .pos43-controls .pos41-disc{height:30px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fff!important;font-size:9.7px!important;font-weight:850!important;padding:0 4px!important;text-align:right!important;width:100%!important}
body.pos-invoice-mode .pos43-total{grid-column:5!important;text-align:right!important;background:transparent!important;border:0!important;padding:0!important}.pos43-total .lineTotal{font-size:10px!important;color:#047857!important;font-weight:950!important;white-space:normal!important;line-height:1.1!important}.pos43-total span{display:none!important}
body.pos-invoice-mode .pos43-remove,body.pos-invoice-mode .pos41-remove{grid-column:6!important;position:static!important;width:16px!important;height:22px!important;border:0!important;background:transparent!important;color:#94a3b8!important;font-size:15px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.pos-invoice-mode .pos41-totals{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 10px!important;padding:9px 17px!important;background:#fff!important;border-top:1px solid #e6ebf2!important;flex:0 0 auto!important}.pos41-totals div{font-size:10.8px!important;padding:3px 0!important;border-bottom:1px dashed #dbe4ee!important}.pos41-totals .grand{grid-column:1/-1!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:13px!important;padding:8px 10px!important;margin-top:2px!important}.pos41-totals .grand strong{font-size:19px!important;color:#047857!important}
body.pos-invoice-mode .pos41-paybox{margin:0 17px 8px!important;flex:0 0 auto!important}.pos41-paybox summary{padding:9px 11px!important;font-size:12px!important}
body.pos-invoice-mode .pos41-actions{position:sticky!important;bottom:0!important;z-index:12!important;display:grid!important;grid-template-columns:1fr 1fr 1.25fr!important;gap:8px!important;padding:10px 17px!important;background:#fff!important;border-top:1px solid #e6ebf2!important;box-shadow:0 -10px 22px rgba(15,23,42,.04)!important}.pos41-actions button{height:43px!important;border-radius:12px!important;font-size:12px!important;font-weight:950!important}.pos41-actions .final{background:linear-gradient(180deg,#1fb354,#0d8f40)!important;color:#fff!important}
body.pos-invoice-mode .pos41-receipt-preview{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 17px 12px!important;padding:9px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #e6ebf2!important}
body.pos-invoice-mode .pos41-receipt-preview span{font-size:10.5px!important;color:#64748b!important}.pos41-receipt-preview b{font-size:11px!important}.pos41-receipt-preview small{display:flex!important;justify-content:space-between!important;font-size:10px!important}
/* Reference at 1366px width */
@media(max-width:1370px){
 body.pos-invoice-mode .pos41-topbar.ref-ui{grid-template-columns:64px 150px 138px minmax(260px,1fr) 148px auto auto auto!important;gap:8px!important;padding:10px 12px!important}.pos41-quick{font-size:11.5px!important;padding:0 9px!important}.pos41-brand b{font-size:16.5px!important}.pos41-brand img{width:36px!important;height:36px!important}
 body.pos-invoice-mode .pos41-workspace{grid-template-columns:minmax(0,1fr) 460px!important;gap:10px!important}
 body.pos-invoice-mode .pos41-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))!important;gap:10px!important;min-height:540px!important}.pos41-product{min-height:236px!important}.pos41-img{height:100px!important;min-height:100px!important}.pos41-img img{max-height:90px!important}.pos41-prod-body h3{font-size:12px!important;min-height:42px!important;max-height:42px!important}.pos41-card-foot b{font-size:12.4px!important}.pos41-card-foot button{height:34px!important;min-width:60px!important}
 body.pos-invoice-mode .pos41-cart{max-width:460px!important}.pos41-cart-table-head,.pos41-line.pos43-line,.pos41-line{grid-template-columns:minmax(145px,1fr) 54px 62px 42px 70px 16px!important;padding-left:12px!important;padding-right:12px!important}.pos43-item-info,.pos41-item-info{grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important}.pos43-item-info img,.pos41-item-info img{width:34px!important;height:34px!important}.pos43-item-info h4,.pos41-item-info h4{font-size:10.5px!important;max-height:25px!important}.pos43-item-info p,.pos41-item-info p{font-size:8px!important}.productSelect{font-size:8px!important;height:22px!important}.pos43-controls .pos41-price,.pos43-controls .pos41-disc{font-size:9px!important}.lineTotal{font-size:9.4px!important}
}
@media(max-width:1160px){body.pos-invoice-mode .pos41-workspace{grid-template-columns:1fr!important}body.pos-invoice-mode .pos41-cart{position:static!important;max-width:none!important;max-height:none!important;overflow:visible!important}body.pos-invoice-mode .pos41-grid{max-height:none!important;min-height:unset!important}body.pos-invoice-mode .pos41-cart-lines{max-height:none!important;overflow:visible!important}}
/* Other pages at 100%: keep dense and readable */
body:not(.page-sale_new) .content{padding:22px!important}body:not(.page-sale_new) .card{border-radius:18px!important}body:not(.page-sale_new) .page-title{font-size:28px!important}body:not(.page-sale_new) th,body:not(.page-sale_new) td{padding:10px 12px!important}body:not(.page-sale_new) .input,body:not(.page-sale_new) select,body:not(.page-sale_new) textarea{padding:11px 12px!important;border-radius:12px!important}


/* ===== V52 detailed access & operational controls ===== */
.access-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:18px 0 12px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.access-toolbar p{margin:3px 0 0}
.access-groups{display:grid;gap:14px}
.access-groups.is-disabled{opacity:.62;filter:saturate(.65)}
.access-group{border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#fff}
.access-group-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(180deg,#fbfdff,#f8fafc);border-bottom:1px solid #e2e8f0}
.access-group-head h3{margin:0;font-size:15px}
.access-group-head button{border:0;background:#eaf7ef;color:#047857;border-radius:9px;padding:6px 10px;font-size:11px;font-weight:900;cursor:pointer}
.access-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.access-permission{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-right:1px solid #eef2f6;border-bottom:1px solid #eef2f6;cursor:pointer}
.access-permission:hover{background:#fbfffc}
.access-permission input{margin-top:3px;width:17px;height:17px;accent-color:#0f9d58}
.access-permission span{display:grid;gap:2px;min-width:0}
.access-permission b{font-size:12.5px;line-height:1.25;color:#0f172a}
.access-permission small{font-size:10px;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.delete-inline-form{display:inline-flex;align-items:center;gap:7px;max-width:380px}
.delete-inline-form .input{width:190px;height:40px}
.settings-control-note{padding:12px 14px;border:1px solid #fde68a;background:#fffbeb;border-radius:14px;color:#92400e}
@media(max-width:1100px){
  .access-permission-grid{grid-template-columns:1fr}
  .access-toolbar{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  .access-permission{padding:10px}
  .delete-inline-form{display:flex;flex-wrap:wrap;max-width:none;width:100%}
  .delete-inline-form .input{width:100%}
}


/* ===== V53 complete customer address on invoice ===== */
.bill-to-box{line-height:1.48;overflow:hidden}
.bill-to-name{font-size:13px;margin-bottom:3px}
.bill-to-address{margin-top:5px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
@media print{
  .bill-to-box{font-size:10px!important;line-height:1.35!important}
  .bill-to-name{font-size:11px!important}
  .bill-to-address{margin-top:3px!important;overflow-wrap:anywhere!important;word-break:break-word!important}
}

/* ===== V56 robust import/export report ===== */
.import-report-card{border:1px solid #bbf7d0;background:linear-gradient(180deg,#ffffff,#f7fff9)}
.compact-import-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
.compact-import-kpis .kpi{padding:13px 15px;border-radius:14px;background:#fff;border:1px solid #dcfce7;box-shadow:none}
.compact-import-kpis .kpi span{font-size:11px;color:#64748b}
.compact-import-kpis .kpi b{font-size:22px;color:#047857}
.import-report-card details summary{cursor:pointer;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
@media(max-width:700px){.compact-import-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ===== V57 Public wholesale PO, draft picker and return invoices ===== */
.draft-product-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px;border:1px solid #dbe7df;border-radius:16px;background:#f6fcf8;margin-bottom:14px}
.row-disabled{opacity:.52;background:#f8fafc}
.public-link-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}

/* Public wholesale order page */
.public-po-page{margin:0;background:#f4f7f6;color:#122019;font-family:Inter,Arial,sans-serif}
.public-po-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px clamp(16px,4vw,54px);background:rgba(255,255,255,.96);border-bottom:1px solid #dfe9e3;box-shadow:0 5px 24px rgba(15,23,42,.05);backdrop-filter:blur(14px)}
.public-po-brand{display:flex;align-items:center;gap:12px}.public-po-brand img{width:48px;height:48px;object-fit:contain;border-radius:13px;background:#fff}.public-po-brand div{display:grid}.public-po-brand b{font-size:18px}.public-po-brand span{font-size:11px;color:#64748b;letter-spacing:.08em;text-transform:uppercase}
.public-po-secure{font-size:12px;color:#137a45;background:#eaf9ef;border:1px solid #b9e8c9;border-radius:999px;padding:8px 12px;font-weight:800}
.public-po-main{max-width:1500px;margin:0 auto;padding:24px clamp(12px,3vw,36px) 50px}
.public-po-main .alert{max-width:none}
.public-po-intro{padding:30px clamp(20px,4vw,48px);border:1px solid #dce8e0;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#edf9f1 100%);box-shadow:0 14px 42px rgba(15,23,42,.055);margin-bottom:20px}
.public-po-intro span{display:inline-block;color:#0b8b4c;background:#e8f8ed;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.public-po-intro h1{font-size:clamp(27px,4vw,45px);margin:12px 0 8px}.public-po-intro p{max-width:850px;color:#52645a;font-size:15px;line-height:1.65;margin:0}
.public-po-profile{max-width:980px;margin:0 auto}.public-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-po-main-btn{border:0;border-radius:13px;background:linear-gradient(135deg,#159b55,#087c40);color:#fff;font-weight:900;padding:14px 20px;cursor:pointer;box-shadow:0 10px 23px rgba(15,157,83,.18)}
.public-po-profile-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;border:1px solid #bfe6cc;background:#effbf3;border-radius:17px;margin-bottom:16px}.public-po-profile-summary div{display:grid;gap:3px}.public-po-profile-summary b{font-size:15px}.public-po-profile-summary span{font-size:12px;color:#4f6357}
.public-po-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 12px}.public-po-toolbar h2{margin:0;font-size:23px}.public-po-toolbar span{font-size:12px;color:#64748b}.public-po-toolbar form{display:flex;gap:8px}.public-po-toolbar input,.public-po-toolbar select{height:42px;border:1px solid #d9e4dd;border-radius:12px;padding:0 12px;background:#fff}.public-po-toolbar button{height:42px;border:0;border-radius:12px;padding:0 16px;background:#163d29;color:#fff;font-weight:800}
.public-po-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:17px;align-items:start}.public-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:13px}
.public-product-card{overflow:hidden;border:1px solid #dfe7e2;border-radius:19px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.035);transition:.18s ease}.public-product-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(15,23,42,.075)}.public-product-card.is-out{filter:grayscale(.85);opacity:.66;background:#f1f3f2}.public-product-img{height:145px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f7faf8);padding:12px}.public-product-img img{max-width:100%;max-height:125px;object-fit:contain}.public-product-img>span{position:absolute;inset:auto 10px 10px;background:#475569;color:#fff;text-align:center;border-radius:10px;padding:7px;font-size:11px;font-weight:900}
.public-product-body{padding:13px;display:grid;gap:7px}.public-product-body>small{font-size:10px;color:#718078;text-transform:uppercase;letter-spacing:.05em}.public-product-body h3{font-size:14px;line-height:1.3;min-height:37px;margin:0}.public-product-body p{font-size:11px;color:#64748b;min-height:15px;margin:0}.public-product-meta{display:flex;justify-content:space-between;gap:7px;font-size:9.5px;color:#64748b}.public-product-price{font-size:16px;font-weight:950;display:flex;align-items:end;gap:6px}.public-product-price small{font-size:9px;color:#64748b;font-weight:600}.public-add-form{display:grid;grid-template-columns:65px 1fr;gap:7px}.public-add-form input{height:37px;border:1px solid #d8e3dc;border-radius:10px;padding:0 8px}.public-add-form button,.public-coming-btn{height:37px;border:0;border-radius:10px;background:#119b50;color:#fff;font-weight:900;cursor:pointer}.public-coming-btn{background:#94a3b8}
.public-po-cart{position:sticky;top:86px;overflow:hidden;border:1px solid #dce6e0;border-radius:21px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.075)}.public-cart-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e6ece8}.public-cart-head h2{margin:0;font-size:19px}.public-cart-head span{background:#e9f8ee;color:#087b40;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.public-empty-cart{padding:34px 18px;text-align:center;color:#718078;font-size:13px}.public-cart-lines{max-height:40vh;overflow:auto}.public-cart-line{display:grid;grid-template-columns:minmax(0,1fr) 55px 88px 26px;gap:7px;align-items:center;padding:11px 13px;border-bottom:1px solid #edf1ee}.public-cart-line div{display:grid;gap:2px}.public-cart-line b{font-size:11.5px;line-height:1.25}.public-cart-line small{font-size:9px;color:#64748b}.public-cart-line input{width:55px;height:32px;border:1px solid #dbe4de;border-radius:9px;text-align:center}.public-cart-line>span{font-size:10.5px;font-weight:900;text-align:right}.public-cart-line>button{border:0;background:transparent;color:#94a3b8;font-size:18px;cursor:pointer}.public-cart-total{display:flex;justify-content:space-between;padding:14px;border-top:1px solid #e5ece7;background:#f8fbf9}.public-cart-total span{font-size:12px}.public-cart-total b{font-size:16px;color:#087b40}.public-po-cart form>.btn{margin:0 13px 12px;width:calc(100% - 26px)!important}.public-submit-po{padding:14px;border-top:1px solid #e5ece7;display:grid;gap:9px}.public-submit-po label{display:grid;gap:5px}.public-submit-po label span{font-size:11px;font-weight:800}.public-submit-po textarea{border:1px solid #dbe4de;border-radius:11px;padding:10px;resize:vertical}.public-submit-po small{font-size:9.5px;color:#64748b;text-align:center}
.public-po-success{max-width:720px;margin:0 auto 20px;text-align:center;background:#fff;border:1px solid #bce5c9;border-radius:24px;padding:28px;box-shadow:0 15px 35px rgba(15,23,42,.06)}.success-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#12a152;color:#fff;font-size:30px;font-weight:900;margin:0 auto}.public-po-success h1{margin:13px 0 5px}.public-po-footer{text-align:center;padding:20px;color:#64748b;font-size:11px}

/* Public draft/final invoice */
.public-invoice-page{margin:0;background:#eef2f4;font-family:Inter,Arial,sans-serif;color:#132019}.public-invoice-shell{max-width:1050px;margin:0 auto;padding:24px}.public-invoice-actions{text-align:right;margin-bottom:10px}.public-invoice-actions button{border:0;background:#118c49;color:#fff;border-radius:11px;padding:10px 16px;font-weight:800;cursor:pointer}.public-invoice-paper{background:#fff;border-radius:20px;padding:30px;box-shadow:0 16px 45px rgba(15,23,42,.09)}.public-invoice-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-bottom:2px solid #173d29;padding-bottom:18px}.public-invoice-head>div:last-child{text-align:right}.public-invoice-head img{max-width:145px;max-height:65px;object-fit:contain}.public-invoice-head h2,.public-invoice-head p{margin:7px 0}.public-invoice-head span{display:inline-block;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900}.public-invoice-head span.draft{background:#fff4d6;color:#9a6500}.public-invoice-head span.final{background:#e8f8ed;color:#087b40}.public-draft-notice{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;margin:14px 0;background:#fff8e7;border:1px solid #f4d786;border-radius:12px;font-size:12px}.public-invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.public-invoice-parties>div{border:1px solid #e0e8e3;border-radius:14px;padding:14px}.public-invoice-parties span{font-size:9px;color:#64748b;font-weight:900;letter-spacing:.08em}.public-invoice-parties h3{margin:7px 0}.public-invoice-parties p{margin:4px 0;font-size:12px}.public-invoice-table{width:100%;border-collapse:collapse}.public-invoice-table th,.public-invoice-table td{padding:10px;border-bottom:1px solid #e7ece9;text-align:left;font-size:11px}.public-invoice-total{width:min(420px,100%);margin:15px 0 0 auto}.public-invoice-total>div{display:flex;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #e5ebe7;font-size:12px}.public-invoice-total .grand{background:#edf9f1;color:#087b40;font-size:16px;border-radius:10px}.public-invoice-paper footer{text-align:center;border-top:1px solid #e4eae6;margin-top:20px;padding-top:14px;font-size:11px;color:#64748b}
.invoice-mode-badge.return{background:#fff0f0!important;color:#b42318!important}.return-invoice-paper .invoice-top-strip{background:#b42318!important}

@media(max-width:1000px){.public-po-layout{grid-template-columns:1fr}.public-po-cart{position:static}.public-product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media(max-width:700px){.public-po-header{padding:10px 12px}.public-po-secure{display:none}.public-po-main{padding:14px 10px 35px}.public-profile-grid{grid-template-columns:1fr}.public-po-toolbar{align-items:stretch;flex-direction:column}.public-po-toolbar form{display:grid;grid-template-columns:1fr 1fr}.public-po-toolbar input{grid-column:1/-1}.public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.public-product-img{height:105px}.public-product-body{padding:9px}.public-product-body h3{font-size:11.5px}.public-add-form{grid-template-columns:48px 1fr}.public-invoice-shell{padding:8px}.public-invoice-paper{padding:16px;border-radius:10px}.public-invoice-head,.public-invoice-parties{grid-template-columns:1fr}.public-invoice-head>div:last-child{text-align:left}.draft-product-picker{grid-template-columns:1fr}}
@media(max-width:430px){.public-product-grid{grid-template-columns:1fr 1fr}.public-product-price{font-size:13px}.public-product-meta{display:grid}.public-po-brand b{font-size:14px}}
@media print{.public-invoice-page{background:#fff}.public-invoice-actions{display:none}.public-invoice-shell{padding:0}.public-invoice-paper{box-shadow:none;border-radius:0;padding:8mm}}

/* V58 reservation, verification and professional links */
.verified-tick{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#1877f2;color:#fff;font-size:12px;font-weight:950;margin-left:5px;vertical-align:middle;box-shadow:0 2px 7px rgba(24,119,242,.25)}
.public-po-profile-summary small{color:#64748b;font-size:10px}.public-profile-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.public-profile-actions form{margin:0}.public-signup-shell{max-width:560px;margin:55px auto;padding:15px}.signup-logo{max-width:150px;max-height:70px;object-fit:contain}.stock-hold-note{background:#eef8ff;border:1px solid #b8dcfa;color:#155a8a;border-radius:12px;padding:10px 12px;font-size:11px}
@media(max-width:700px){.public-po-profile-summary{align-items:flex-start;flex-direction:column}.public-profile-actions{width:100%}.public-profile-actions .btn,.public-profile-actions form{flex:1}.public-profile-actions button{width:100%}}

.public-header-actions{display:flex;align-items:center;gap:10px}.public-header-actions>a{font-size:12px;font-weight:850;color:#0a7540;text-decoration:none;padding:8px 11px;border:1px solid #bee3ca;border-radius:999px;background:#fff}

/* ===== V59 professional customer links ===== */
.professional-link-list{display:grid;gap:10px;margin-top:18px}.professional-link-list>div{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.professional-link-list span{font-size:12px;font-weight:900;color:#334155}.professional-link-list code{overflow:auto;padding:8px 10px;border-radius:9px;background:#fff;border:1px solid #e2e8f0;color:#087b40;font-size:12px}@media(max-width:700px){.professional-link-list>div{grid-template-columns:1fr}.professional-link-list code{white-space:normal;word-break:break-all}}


/* ===== V60 invoice product size / flavor / variant detail ===== */
.invoice-item-detail{display:inline-block;margin-top:3px;font-size:10px;line-height:1.35;color:#28573d;font-weight:750;white-space:normal}
.pro-invoice-table td:nth-child(2){min-width:205px}
.public-item-detail{display:inline-block;margin-top:3px;color:#28573d;font-weight:750;line-height:1.35}
.return-invoice-paper .invoice-item-detail{font-size:9.5px}
@media print{
  .invoice-item-detail,.public-item-detail{color:#111!important;font-size:8.5px!important;line-height:1.25!important}
  .pro-invoice-table td:nth-child(2){min-width:0}
}


/* ===== V61 premium customer storefront + mobile app shell ===== */
:root{--v61-navy:#24304a;--v61-navy2:#151d32;--v61-coral:#ff5b61;--v61-orange:#ff8a4c;--v61-bg:#f5f6fa;--v61-line:#e5e8ef;--v61-text:#20283b;--v61-muted:#758096}
.v61-portal-body{margin:0;background:var(--v61-bg);color:var(--v61-text);font-family:Inter,Arial,sans-serif}.v61-portal-app{min-height:100vh}.v61-store-main{max-width:1560px;margin:auto;padding:18px 24px 100px}.v61-store-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--v61-line);box-shadow:0 8px 30px rgba(36,48,74,.06)}.v61-store-header-main{height:72px;max-width:1560px;margin:auto;padding:0 24px;display:grid;grid-template-columns:220px minmax(280px,1fr) auto;gap:20px;align-items:center}.v61-store-logo{display:flex;align-items:center;gap:10px}.v61-store-logo img{width:45px;height:45px;object-fit:contain;border-radius:13px;background:#fff}.v61-store-logo div{display:grid}.v61-store-logo b{font-size:18px;color:var(--v61-navy)}.v61-store-logo span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--v61-muted);font-weight:800}.v61-store-search{height:44px;display:flex;align-items:center;border:1px solid var(--v61-line);border-radius:14px;overflow:hidden;background:#f9fafc}.v61-store-search span{font-size:23px;padding-left:14px}.v61-store-search input{flex:1;border:0;background:transparent;padding:0 12px;outline:0}.v61-store-search button{height:100%;border:0;background:var(--v61-navy);color:#fff;padding:0 20px;font-weight:850}.v61-store-actions{display:flex;align-items:center;gap:8px}.v61-icon-action{position:relative;width:43px;height:43px;border:1px solid var(--v61-line);border-radius:13px;background:#fff;display:grid;place-items:center;font-size:18px;cursor:pointer}.v61-icon-action em,.admin-notify-btn em{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;border-radius:50%;background:var(--v61-coral);color:#fff;font-style:normal;font-size:9px;font-weight:900;display:grid;place-items:center;padding:0 3px}.v61-account-menu{position:relative}.v61-account-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;padding:5px 8px;border-radius:14px}.v61-account-menu summary::-webkit-details-marker{display:none}.v61-account-menu summary>span{width:38px;height:38px;border-radius:50%;background:var(--v61-navy);color:#fff;display:grid;place-items:center;font-weight:900}.v61-account-menu summary>div{display:grid}.v61-account-menu summary b{font-size:12px;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v61-account-menu summary small{font-size:9px;color:var(--v61-muted)}.v61-account-menu>div{position:absolute;right:0;top:52px;width:210px;background:#fff;border:1px solid var(--v61-line);border-radius:16px;padding:8px;box-shadow:0 20px 50px rgba(20,29,50,.18)}.v61-account-menu>div a{display:block;padding:11px 12px;border-radius:10px;font-size:12px;font-weight:750}.v61-account-menu>div a:hover{background:#f4f6fa}.v61-store-nav{max-width:1560px;margin:auto;height:43px;padding:0 24px;display:flex;align-items:center;gap:24px;border-top:1px solid #f1f2f6}.v61-store-nav a{height:100%;display:flex;align-items:center;font-size:12px;font-weight:800;color:#4e5870;border-bottom:2px solid transparent}.v61-store-nav a.active{color:var(--v61-coral);border-bottom-color:var(--v61-coral)}.v61-store-nav>span{margin-left:auto;color:var(--v61-muted);font-size:10px}.v61-shop-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;background:linear-gradient(115deg,var(--v61-navy) 0%,#344466 58%,#4f6287 100%);color:#fff;border-radius:25px;padding:34px 38px;box-shadow:0 20px 50px rgba(36,48,74,.18);overflow:hidden;position:relative}.v61-shop-hero:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:230px;top:-120px;background:rgba(255,255,255,.07)}.v61-shop-hero>div{position:relative;z-index:1}.v61-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.v61-shop-hero h1{font-size:42px;line-height:1.06;max-width:720px;margin:13px 0 9px;letter-spacing:-.045em}.v61-shop-hero p{max-width:650px;color:#d9e0ee;line-height:1.55}.v61-shop-hero form{display:flex;max-width:650px;margin-top:20px;background:#fff;border-radius:14px;overflow:hidden}.v61-shop-hero input{flex:1;border:0;padding:15px 16px;outline:0}.v61-shop-hero button{border:0;background:var(--v61-coral);color:#fff;padding:0 20px;font-weight:900}.v61-shop-hero aside{position:relative;z-index:2;background:#fff;color:var(--v61-text);border-radius:19px;padding:20px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 35px rgba(0,0,0,.12)}.v61-shop-hero aside b{font-size:18px}.v61-shop-hero aside span{font-size:12px;color:var(--v61-muted);margin:8px 0 14px}.v61-shop-hero aside a{color:var(--v61-coral);font-weight:850;font-size:12px}.v61-promo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.v61-promo-strip article{display:grid;grid-template-columns:85px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--v61-line);border-radius:17px;padding:10px;box-shadow:0 7px 22px rgba(36,48,74,.04)}.v61-promo-strip img{width:85px;height:70px;object-fit:cover;border-radius:13px;background:#f6f7fa}.v61-promo-strip small{color:var(--v61-coral);font-size:9px;font-weight:900;text-transform:uppercase}.v61-promo-strip b,.v61-promo-strip span{display:block}.v61-promo-strip b{font-size:13px;margin:3px 0}.v61-promo-strip span{font-size:10px;color:var(--v61-muted);line-height:1.3}.v61-category-bar{display:flex;gap:8px;overflow:auto;padding:4px 0 12px;scrollbar-width:none}.v61-category-bar a{white-space:nowrap;padding:10px 15px;border:1px solid var(--v61-line);border-radius:12px;background:#fff;font-size:11px;font-weight:850}.v61-category-bar a.active{background:var(--v61-navy);color:#fff;border-color:var(--v61-navy)}.v61-product-section{background:#fff;border:1px solid var(--v61-line);border-radius:23px;padding:20px}.v61-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.v61-section-heading span{font-size:10px;color:var(--v61-coral);font-weight:900;text-transform:uppercase}.v61-section-heading h2{margin:4px 0 0;font-size:25px}.v61-section-heading>b{font-size:11px;color:var(--v61-muted)}.v61-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:13px}.v61-product-card{border:1px solid var(--v61-line);border-radius:17px;overflow:hidden;background:#fff;transition:.18s;box-shadow:0 4px 14px rgba(36,48,74,.035)}.v61-product-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(36,48,74,.10)}.v61-product-card.is-out{opacity:.58;filter:grayscale(.75)}.v61-product-image{height:155px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#fff,#f6f7fa);position:relative;padding:12px}.v61-product-image img{max-height:138px;max-width:100%;object-fit:contain}.v61-product-image span{position:absolute;bottom:9px;left:9px;right:9px;background:var(--v61-navy);color:#fff;border-radius:9px;padding:7px;text-align:center;font-size:9px;font-weight:900}.v61-product-info{padding:12px}.v61-product-info>small{font-size:9px;color:var(--v61-muted);text-transform:uppercase}.v61-product-info h3{font-size:13px;line-height:1.28;min-height:34px;margin:5px 0;color:var(--v61-text)}.v61-product-info p{font-size:9.5px;color:var(--v61-muted);min-height:25px;line-height:1.25}.v61-price-line{display:flex;align-items:end;justify-content:space-between;margin:8px 0}.v61-price-line del{display:block;font-size:9px;color:#9aa2b3}.v61-price-line b{font-size:15px;color:var(--v61-coral)}.v61-price-line em{font-size:8.5px;font-style:normal;color:#1b8f58;background:#e9f9f0;padding:5px 7px;border-radius:999px}.v61-card-add{display:grid;grid-template-columns:54px 1fr;gap:6px}.v61-card-add input{width:100%;height:36px;border:1px solid var(--v61-line);border-radius:9px;text-align:center}.v61-card-add button,.v61-coming-btn{height:36px;border:0;border-radius:9px;background:var(--v61-coral);color:#fff;font-weight:900;cursor:pointer}.v61-coming-btn{width:100%;background:#a5adbd}.v61-floating-cart{position:fixed;right:22px;bottom:24px;z-index:85;background:var(--v61-coral);color:#fff;border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 15px 35px rgba(255,91,97,.32);font-size:12px;font-weight:900}.v61-floating-cart em{font-style:normal;background:#fff;color:var(--v61-coral);min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center}.v61-mobile-nav{display:none}.v61-store-footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding:22px 5px;border-top:1px solid var(--v61-line);color:var(--v61-muted)}.v61-store-footer div{display:grid}.v61-store-footer b{color:var(--v61-text)}.v61-store-footer span,.v61-store-footer small{font-size:10px}.v61-page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:6px 0 18px}.v61-page-head span{font-size:10px;color:var(--v61-coral);text-transform:uppercase;font-weight:900}.v61-page-head h1{font-size:34px;margin:4px 0}.v61-page-head p{color:var(--v61-muted)}.v61-page-head>a,.v61-page-head>button{border:1px solid var(--v61-line);background:#fff;border-radius:12px;padding:11px 14px;font-weight:850}.v61-cart-layout,.v61-checkout-grid,.v61-account-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.v61-cart-card,.v61-cart-summary,.v61-checkout-card,.v61-account-card{background:#fff;border:1px solid var(--v61-line);border-radius:20px;padding:18px}.v61-cart-row{display:grid;grid-template-columns:70px minmax(0,1fr) 80px 100px 28px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--v61-line)}.v61-cart-row img{width:70px;height:65px;object-fit:contain;border-radius:12px;background:#f6f7fa}.v61-cart-row div{display:grid;gap:3px}.v61-cart-row span,.v61-cart-row small{font-size:10px;color:var(--v61-muted)}.v61-cart-row input{height:38px;border:1px solid var(--v61-line);border-radius:9px;text-align:center}.v61-cart-row strong{color:var(--v61-coral)}.v61-cart-row button{border:0;background:transparent;font-size:19px;color:#9ca3af}.v61-update-cart{margin-top:14px;border:1px solid var(--v61-line);background:#fff;border-radius:11px;padding:10px 14px;font-weight:850}.v61-cart-summary{position:sticky;top:135px}.v61-cart-summary h2{margin-top:0}.v61-cart-summary>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--v61-line)}.v61-cart-summary p{font-size:11px;color:var(--v61-muted);line-height:1.5}.v61-cart-summary>a,.v61-checkout-card>button{display:block;text-align:center;background:var(--v61-coral);color:#fff;border:0;border-radius:12px;padding:13px;font-weight:900;width:100%;box-sizing:border-box}.v61-cart-summary>a.light{background:#f2f4f8;color:var(--v61-text)}.v61-empty-state{text-align:center;background:#fff;border:1px solid var(--v61-line);border-radius:22px;padding:60px 20px}.v61-empty-state:first-letter{font-size:45px}.v61-empty-state a{display:inline-block;background:var(--v61-coral);color:#fff;border-radius:12px;padding:12px 18px;font-weight:900}.v61-checkout-card h2{margin-top:0}.v61-address-card{background:#f7f8fb;border:1px solid var(--v61-line);border-radius:15px;padding:14px;display:grid;gap:4px;margin-bottom:15px}.v61-address-card span,.v61-address-card p{font-size:11px;color:var(--v61-muted);margin:0}.v61-address-card a{font-size:11px;color:var(--v61-coral);font-weight:850}.v61-checkout-card label{display:grid;gap:6px}.v61-checkout-card textarea{border:1px solid var(--v61-line);border-radius:12px;padding:12px;margin-bottom:14px}.v61-account-form,.v61-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v61-account-form label,.v61-register-grid label,.v61-login-card label{display:grid;gap:6px;font-size:11px;font-weight:850}.v61-account-form input,.v61-account-form textarea,.v61-register-grid input,.v61-register-grid textarea,.v61-login-card input{border:1px solid var(--v61-line);border-radius:11px;padding:12px;outline:0}.v61-account-form button,.v61-register-grid button{border:0;background:var(--v61-coral);color:#fff;border-radius:11px;padding:13px;font-weight:900}.v61-account-status{text-align:center}.v61-avatar{width:78px;height:78px;border-radius:50%;background:var(--v61-navy);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;margin:auto}.v61-account-status>div:last-child{display:grid;margin-top:18px}.v61-account-status>div:last-child a{padding:11px;border-top:1px solid var(--v61-line);font-size:12px;font-weight:800}.v61-product-detail{max-width:1100px;margin:auto}.v61-back{display:inline-block;margin:5px 0 14px;color:var(--v61-muted);font-weight:800}.v61-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#fff;border:1px solid var(--v61-line);border-radius:24px;padding:25px}.v61-detail-image{min-height:430px;display:flex;align-items:center;justify-content:center;background:#f7f8fb;border-radius:20px}.v61-detail-image img{max-width:90%;max-height:410px;object-fit:contain}.v61-detail-copy h1{font-size:34px;margin:12px 0}.v61-detail-meta{color:var(--v61-muted)}.v61-detail-price{margin:20px 0}.v61-detail-price del{display:block;color:#a0a8b7}.v61-detail-price b{font-size:29px;color:var(--v61-coral)}.v61-detail-price span{display:block;font-size:10px;color:var(--v61-muted)}.v61-detail-stock{display:inline-block;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:900}.v61-detail-add{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:20px 0}.v61-detail-add label{display:grid;gap:4px;font-size:10px;font-weight:900}.v61-detail-add input{height:43px;border:1px solid var(--v61-line);border-radius:10px;padding:0 12px}.v61-detail-add button{border:0;border-radius:11px;background:var(--v61-coral);color:#fff;font-weight:900}.v61-detail-notes{background:#f7f8fb;border-radius:15px;padding:14px}.v61-detail-notes p{font-size:11px;color:var(--v61-muted)}
/* Login/register */.v61-login-body{margin:0;min-height:100vh;background:linear-gradient(135deg,#eef1f7,#fff);font-family:Inter,Arial,sans-serif;color:var(--v61-text)}.v61-login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 470px}.v61-login-brand{background:linear-gradient(145deg,var(--v61-navy2),var(--v61-navy));color:#fff;padding:70px clamp(35px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.v61-login-brand img{max-width:150px;max-height:80px;object-fit:contain;background:#fff;border-radius:16px;padding:8px}.v61-login-brand>span{margin-top:25px;color:#f9b3b6;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.v61-login-brand h1{font-size:48px;max-width:700px;margin:12px 0}.v61-login-brand>p{color:#cbd4e4;max-width:650px;line-height:1.6}.v61-login-feature{margin-top:18px;display:grid}.v61-login-feature small{color:#aeb9ce}.v61-login-card{align-self:center;margin:30px;padding:34px;border:1px solid var(--v61-line);border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(36,48,74,.12)}.v61-login-logo{display:flex;align-items:center;gap:10px}.v61-login-logo img{width:45px;height:45px;object-fit:contain}.v61-login-card h2{font-size:30px;margin:25px 0 6px}.v61-login-card>p{color:var(--v61-muted)}.v61-login-card form{display:grid;gap:13px;margin-top:20px}.v61-login-card form>button,.v61-register-grid>button{border:0;background:var(--v61-coral);color:#fff;border-radius:12px;padding:14px;font-weight:900}.v61-remember{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.v61-login-links{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;font-weight:850}.v61-login-links a{color:var(--v61-coral)}.v61-secure-note{display:block;text-align:center;color:var(--v61-muted);margin-top:18px}.v61-register-shell{max-width:900px;margin:35px auto;padding:15px}.v61-register-card{background:#fff;border:1px solid var(--v61-line);border-radius:25px;padding:30px;box-shadow:0 25px 70px rgba(36,48,74,.10)}.v61-register-card h1{font-size:35px;margin:12px 0 5px}.v61-login-switch{text-align:center}.v61-login-switch a{color:var(--v61-coral);font-weight:900}
/* Admin mobile app polish */.admin-notify-btn{position:relative;width:43px;height:43px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:#fff}.bottom-nav a{flex-direction:column;gap:2px}.bottom-nav a b{font-size:18px}.bottom-nav a span{font-size:9px}.topbar{box-shadow:0 8px 28px rgba(15,23,42,.04)}
@media(max-width:1000px){.v61-store-header-main{grid-template-columns:190px 1fr auto}.v61-account-menu summary>div{display:none}.v61-shop-hero{grid-template-columns:1fr}.v61-promo-strip{grid-template-columns:repeat(2,1fr)}.v61-cart-layout,.v61-checkout-grid,.v61-account-grid{grid-template-columns:1fr}.v61-cart-summary{position:static}.v61-detail-grid{grid-template-columns:1fr}.v61-detail-image{min-height:300px}.v61-login-shell{grid-template-columns:1fr}.v61-login-brand{display:none}.v61-login-card{max-width:470px;width:auto;justify-self:center}}
@media(max-width:700px){.v61-store-main{padding:12px 10px 88px}.v61-store-header-main{height:auto;padding:10px 12px;grid-template-columns:1fr auto;gap:8px}.v61-store-logo div{display:none}.v61-store-logo img{width:40px;height:40px}.v61-store-search{grid-column:1/-1;grid-row:2}.v61-store-search button{display:none}.v61-store-actions{grid-column:2;grid-row:1}.v61-account-menu summary>div{display:none}.v61-store-nav{display:none}.v61-shop-hero{padding:20px;border-radius:20px}.v61-shop-hero h1{font-size:29px}.v61-shop-hero aside{display:none}.v61-shop-hero form{display:grid}.v61-shop-hero button{padding:12px}.v61-promo-strip{grid-template-columns:1fr;display:flex;overflow:auto}.v61-promo-strip article{min-width:270px}.v61-category-bar{margin:0 -10px;padding:3px 10px 11px}.v61-product-section{padding:12px;border-radius:18px}.v61-section-heading h2{font-size:20px}.v61-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v61-product-image{height:115px;padding:7px}.v61-product-image img{max-height:102px}.v61-product-info{padding:9px}.v61-product-info h3{font-size:11.5px;min-height:31px}.v61-product-info p{font-size:8.5px}.v61-price-line b{font-size:13px}.v61-card-add{grid-template-columns:44px 1fr}.v61-card-add input,.v61-card-add button{height:34px;font-size:10px}.v61-floating-cart{display:none}.v61-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:110;height:66px;background:#fff;border-top:1px solid var(--v61-line);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -12px 35px rgba(36,48,74,.12);padding-bottom:env(safe-area-inset-bottom)}.v61-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;color:#7b8498}.v61-mobile-nav a span{font-size:9px;font-weight:800;margin-top:2px}.v61-mobile-cart{width:56px;height:56px;border-radius:50%;background:var(--v61-coral);color:#fff!important;justify-self:center;align-self:center;transform:translateY(-13px);box-shadow:0 10px 25px rgba(255,91,97,.35);position:relative}.v61-mobile-cart em{position:absolute;right:-2px;top:-2px;background:var(--v61-navy);color:#fff;border-radius:50%;font-size:8px;font-style:normal;min-width:18px;height:18px;display:grid;place-items:center}.v61-store-footer{display:block;text-align:center}.v61-page-head{align-items:flex-start}.v61-page-head h1{font-size:28px}.v61-cart-row{grid-template-columns:58px minmax(0,1fr) 55px 24px}.v61-cart-row img{width:58px;height:55px}.v61-cart-row strong{grid-column:2/4}.v61-cart-row button{grid-column:4;grid-row:1/3}.v61-account-form,.v61-register-grid{grid-template-columns:1fr}.v61-detail-grid{padding:14px}.v61-detail-image{min-height:260px}.v61-detail-copy h1{font-size:26px}.v61-detail-add{grid-template-columns:100px 1fr}.v61-login-card{margin:12px;padding:24px}.v61-register-card{padding:20px}.v61-login-links{display:grid;gap:10px}.portal-page-title{padding:15px!important}.records-layout,.news-layout{display:block!important}.records-list{display:flex!important;overflow:auto;gap:8px;margin-bottom:12px}.record-card{min-width:190px}.news-card{border-radius:15px}.promo-feed{margin-top:16px}.topbar{position:sticky;top:0;padding:10px 12px!important}.content{padding:14px 10px 80px!important}.page-title{font-size:26px!important}.dash-hero{padding:18px!important;border-radius:20px!important}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.kpi{padding:14px!important;min-height:100px}.kpi b{font-size:23px!important}.card{padding:14px!important;border-radius:17px!important}.sidebar{width:min(88vw,320px)!important}.accountBtn{padding:4px}.admin-notify-btn{width:40px;height:40px}.top-search{order:5;flex-basis:100%}.top-search input{max-width:none!important}.bottom-nav{height:65px!important}}


/* ===== V62 unified customer store: login + information + wholesale order ===== */
:root{--v62-navy:#24304a;--v62-navy2:#17223a;--v62-coral:#ff5b61;--v62-green:#16a05a;--v62-bg:#f4f6fa;--v62-text:#172033;--v62-muted:#6e778b;--v62-line:#e3e7ee}
.v62-store-body{margin:0;background:var(--v62-bg);color:var(--v62-text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.v62-store-app{min-height:100vh}.v62-header{position:fixed;left:0;right:0;top:0;z-index:300;background:rgba(255,255,255,.97);border-bottom:1px solid var(--v62-line);box-shadow:0 8px 30px rgba(36,48,74,.07);backdrop-filter:blur(14px)}.v62-header-top{height:72px;max-width:1600px;margin:auto;padding:0 24px;display:grid;grid-template-columns:230px minmax(300px,1fr) auto;align-items:center;gap:16px}.v62-brand{display:flex;align-items:center;gap:10px;color:var(--v62-text);text-decoration:none}.v62-brand img{width:47px;height:47px;object-fit:contain;border-radius:13px;background:#fff}.v62-brand div{display:grid;gap:1px}.v62-brand b{font-size:17px}.v62-brand span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--v62-muted);font-weight:850}.v62-search{height:44px;border:1px solid var(--v62-line);border-radius:14px;background:#f8f9fc;display:grid;grid-template-columns:35px 1fr auto;align-items:center;padding-left:10px}.v62-search span{font-size:21px;color:#7f8799}.v62-search input{border:0;outline:0;background:transparent;min-width:0;font-size:13px}.v62-search button{height:34px;margin-right:5px;border:0;border-radius:10px;background:var(--v62-navy);color:#fff;padding:0 17px;font-weight:850}.v62-header-actions{display:flex;align-items:center;gap:9px}.v62-login-link,.v62-create-link{height:40px;display:grid;place-items:center;padding:0 14px;border-radius:12px;text-decoration:none;font-size:11px;font-weight:900}.v62-login-link{border:1px solid var(--v62-line);color:var(--v62-text)}.v62-create-link{background:var(--v62-coral);color:#fff}.v62-head-icon,.v62-cart-icon{position:relative;width:42px;height:42px;border:1px solid var(--v62-line);border-radius:13px;background:#fff;display:grid;place-items:center;text-decoration:none;font-size:17px}.v62-head-icon em,.v62-cart-icon em{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 3px;border-radius:999px;display:grid;place-items:center;background:var(--v62-coral);color:#fff;font-size:8px;font-style:normal;font-weight:900}.v62-account-pill{display:flex;align-items:center;gap:8px;min-width:170px;padding:5px 9px 5px 5px;border:1px solid var(--v62-line);border-radius:14px;text-decoration:none;color:var(--v62-text)}.v62-account-pill>span{width:34px;height:34px;border-radius:11px;background:var(--v62-navy);color:#fff;display:grid;place-items:center;font-weight:900}.v62-account-pill div{display:grid;min-width:0}.v62-account-pill b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v62-account-pill small{font-size:8.5px;color:var(--v62-muted)}
.v62-main{max-width:1600px;margin:auto;padding:88px 20px 35px}.v62-main .alert{margin:0 0 12px}.v62-banner-wrap{position:relative;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(36,48,74,.07)}.v62-banner-track{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.v62-banner-track::-webkit-scrollbar{display:none}.v62-banner{flex:0 0 100%;height:176px;scroll-snap-align:start;padding:25px 32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.v62-banner-1{background:linear-gradient(120deg,#ffd9dc,#fff1e8)}.v62-banner-2{background:linear-gradient(120deg,#dbe9ff,#eff5ff)}.v62-banner-3{background:linear-gradient(120deg,#dcf5e6,#f1fff6)}.v62-banner small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--v62-coral)}.v62-banner h1{margin:7px 0 5px;font-size:30px;line-height:1.08;max-width:760px}.v62-banner p{margin:0 0 13px;color:#596173;font-size:12.5px}.v62-banner a{display:inline-flex;padding:9px 14px;border-radius:10px;background:var(--v62-coral);color:#fff;text-decoration:none;font-size:10px;font-weight:900}.v62-banner-art{display:flex;align-items:center;gap:15px;font-size:50px;color:rgba(255,255,255,.7);transform:rotate(-8deg)}.v62-banner-art span:nth-child(2){font-size:95px;color:rgba(255,255,255,.82)}.v62-banner-dots{position:absolute;right:17px;bottom:12px;display:flex;gap:5px}.v62-banner-dots button{width:7px;height:7px;border-radius:999px;border:0;background:rgba(36,48,74,.25);padding:0}.v62-banner-dots button.active{width:20px;background:var(--v62-coral)}
.v62-access-strip{margin:12px 0;min-height:68px;border:1px solid var(--v62-line);border-radius:18px;background:#fff;padding:11px 14px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 20px rgba(36,48,74,.035)}.v62-access-user{display:flex;align-items:center;gap:9px;min-width:260px}.v62-access-user>span{width:40px;height:40px;border-radius:13px;background:var(--v62-navy);color:#fff;display:grid;place-items:center;font-weight:950}.v62-access-user div,.v62-access-copy{display:grid;gap:2px}.v62-access-user b,.v62-access-copy b{font-size:13px}.v62-access-user small,.v62-access-copy small{font-size:10px;color:var(--v62-muted)}.v62-access-state{margin-left:auto;display:grid;gap:2px;padding:8px 12px;border-radius:12px}.v62-access-state.ok{background:#ecfaf2;color:#087943}.v62-access-state.locked{background:#fff5e8;color:#975f00}.v62-access-state b{font-size:11px}.v62-access-state small{font-size:8.5px}.v62-access-buttons{display:flex;align-items:center;gap:6px}.v62-access-buttons a,.v62-access-buttons button{height:34px;display:grid;place-items:center;padding:0 11px;border:1px solid var(--v62-line);border-radius:10px;background:#fff;color:var(--v62-text);text-decoration:none;font-size:9.5px;font-weight:850;cursor:pointer}.v62-access-buttons .primary{background:var(--v62-coral);border-color:var(--v62-coral);color:#fff}.v62-access-buttons form{margin:0}
.v62-guest-card{background:#fff;border:1px solid var(--v62-line);border-radius:18px;margin:12px 0;overflow:hidden}.v62-guest-card summary{padding:14px 17px;font-size:12px;font-weight:900;cursor:pointer;background:#f9fafc}.v62-info-grid,.v62-account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px}.v62-info-grid label,.v62-account-form label{display:grid;gap:5px}.v62-info-grid span,.v62-account-form span{font-size:9.5px;font-weight:850;color:#4d5669}.v62-info-grid input,.v62-info-grid select,.v62-info-grid textarea,.v62-account-form input,.v62-account-form select,.v62-account-form textarea{box-sizing:border-box;width:100%;border:1px solid var(--v62-line);border-radius:11px;background:#fff;padding:11px;font:inherit;font-size:12px;outline:none}.v62-info-grid .full,.v62-account-form .full{grid-column:1/-1}.v62-info-grid button,.v62-account-form>button{border:0;border-radius:11px;background:var(--v62-coral);color:#fff;padding:12px;font-weight:900;cursor:pointer}
.v62-wholesale-lock{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid #f1d692;background:#fff9e9;border-radius:18px;padding:15px;margin:12px 0}.v62-wholesale-lock>div:first-child{width:42px;height:42px;border-radius:13px;background:#fff0c6;display:grid;place-items:center}.v62-wholesale-lock h2{margin:0 0 4px;font-size:15px}.v62-wholesale-lock p{margin:0;color:#705b30;font-size:10.5px}.v62-wholesale-lock>div:last-child{display:flex;gap:7px}.v62-wholesale-lock a{padding:9px 11px;border-radius:10px;text-decoration:none;font-size:9.5px;font-weight:900;background:#fff;border:1px solid #e9d5a2;color:#493d24}.v62-wholesale-lock a.primary{background:var(--v62-navy);color:#fff;border-color:var(--v62-navy)}.v62-wholesale-lock a.whatsapp,.v62-card-action.whatsapp{background:#1fa855;color:#fff;border-color:#1fa855}
.v62-category-bar{display:flex;gap:7px;overflow:auto;padding:2px 1px 11px;scrollbar-width:none}.v62-category-bar::-webkit-scrollbar{display:none}.v62-category-bar a{white-space:nowrap;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--v62-line);color:#576074;text-decoration:none;font-size:10px;font-weight:850}.v62-category-bar a.active{background:var(--v62-navy);border-color:var(--v62-navy);color:#fff}.v62-products{background:#fff;border:1px solid var(--v62-line);border-radius:22px;padding:16px}.v62-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.v62-section-head small{font-size:9px;color:var(--v62-coral);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.v62-section-head h2{font-size:23px;margin:3px 0 0}.v62-section-head>span{font-size:10px;color:var(--v62-muted)}.v62-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:11px}.v62-product-card{border:1px solid var(--v62-line);border-radius:17px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:.18s ease}.v62-product-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(36,48,74,.08)}.v62-product-card.is-out{filter:grayscale(.8);opacity:.62;background:#f2f3f5}.v62-product-img{height:140px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,#fff,#f8f9fb);padding:10px}.v62-product-img img{max-width:100%;max-height:125px;object-fit:contain}.v62-product-img>span{position:absolute;left:9px;right:9px;bottom:8px;background:#4e586b;color:#fff;border-radius:9px;text-align:center;padding:6px;font-size:9px;font-weight:900}.v62-product-info{display:flex;flex-direction:column;gap:6px;padding:11px;flex:1}.v62-product-info>small{font-size:8.5px;text-transform:uppercase;letter-spacing:.05em;color:#7d8596}.v62-product-info h3{font-size:12.5px;line-height:1.25;min-height:32px;margin:0}.v62-product-info p{font-size:8.8px;line-height:1.25;color:var(--v62-muted);min-height:22px;margin:0}.v62-stock-line{display:flex;justify-content:space-between;font-size:8.5px;color:var(--v62-green);font-weight:850}.v62-stock-line em{font-style:normal;color:var(--v62-muted)}.v62-price{margin-top:auto;display:grid;min-height:45px}.v62-price del{font-size:9px;color:#9aa2b0}.v62-price b{font-size:16px;color:var(--v62-coral)}.v62-price small{font-size:8px;color:var(--v62-muted)}.v62-add{display:grid;grid-template-columns:54px 1fr;gap:6px}.v62-add input{height:35px;border:1px solid var(--v62-line);border-radius:9px;text-align:center}.v62-add button,.v62-coming,.v62-card-action{height:35px;border:0;border-radius:9px;background:var(--v62-coral);color:#fff;font-size:9.5px;font-weight:900;display:grid;place-items:center;text-decoration:none}.v62-coming{background:#9aa2af}.v62-card-action{background:var(--v62-navy)}
.v62-cart{position:fixed;right:18px;top:84px;bottom:18px;z-index:260;width:min(410px,calc(100vw - 36px));background:#fff;border:1px solid var(--v62-line);border-radius:22px;box-shadow:0 25px 70px rgba(36,48,74,.2);display:flex;flex-direction:column;transform:translateX(calc(100% + 35px));transition:.24s ease;overflow:hidden}.v62-cart:target{transform:translateX(0)}.v62-cart-head{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--v62-line)}.v62-cart-head h2{font-size:17px;margin:0}.v62-cart-head span{font-size:9px;color:var(--v62-muted)}.v62-cart-head>a{width:32px;height:32px;border-radius:10px;background:#f3f5f8;display:grid;place-items:center;text-decoration:none;color:#616a7c}.v62-empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#778093}.v62-empty-cart:first-letter{font-size:32px}.v62-empty-cart b{font-size:15px}.v62-empty-cart span{font-size:10px}.v62-cart-form{display:flex;flex-direction:column;min-height:0}.v62-cart-lines{overflow:auto;max-height:47vh}.v62-cart-lines article{display:grid;grid-template-columns:48px minmax(0,1fr) 52px 77px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf0f4}.v62-cart-lines img{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#f7f8fa}.v62-cart-lines article>div{display:grid;min-width:0}.v62-cart-lines b{font-size:10.5px;line-height:1.25}.v62-cart-lines small{font-size:8px;color:var(--v62-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v62-cart-lines span{font-size:8.5px;color:var(--v62-coral)}.v62-cart-lines input{width:52px;height:31px;border:1px solid var(--v62-line);border-radius:8px;text-align:center}.v62-cart-lines strong{font-size:9.5px;text-align:right}.v62-cart-total{display:flex;justify-content:space-between;padding:12px 14px;background:#f8fafc;border-top:1px solid var(--v62-line)}.v62-cart-total span{font-size:10px}.v62-cart-total b{font-size:15px;color:var(--v62-coral)}.v62-update{margin:0 12px 9px;height:35px;border:1px solid var(--v62-line);border-radius:9px;background:#fff;font-size:9.5px;font-weight:850}.v62-checkout-form{margin-top:auto;padding:12px;border-top:1px solid var(--v62-line);display:grid;gap:8px}.v62-checkout-form label{display:grid;gap:4px}.v62-checkout-form span{font-size:9px;font-weight:850}.v62-checkout-form textarea{border:1px solid var(--v62-line);border-radius:10px;padding:9px;font:inherit;font-size:10px;resize:vertical}.v62-checkout-form button{height:42px;border:0;border-radius:11px;background:var(--v62-coral);color:#fff;font-weight:900}.v62-checkout-form button:disabled{background:#aab1bd}.v62-checkout-form small{text-align:center;font-size:8.3px;color:var(--v62-muted)}
.v62-mobile-nav{display:none}.v62-footer{max-width:1600px;margin:0 auto 18px;padding:15px 20px;display:flex;align-items:center;gap:10px;color:var(--v62-muted);font-size:9px}.v62-footer b{color:var(--v62-text)}.v62-footer small{margin-left:auto}.v62-success{max-width:700px;margin:0 auto 13px;background:#fff;border:1px solid #bde8cd;border-radius:20px;padding:20px;text-align:center}.v62-success>div{width:46px;height:46px;border-radius:50%;background:var(--v62-green);color:#fff;display:grid;place-items:center;font-size:24px;margin:auto}.v62-success h2{margin:9px 0 4px}.v62-success p{margin:4px;font-size:11px}.v62-success a{display:inline-flex;margin:8px 3px 0;padding:8px 12px;border-radius:9px;background:var(--v62-coral);color:#fff;text-decoration:none;font-size:9px;font-weight:900}.v62-success a.light{background:#fff;color:var(--v62-text);border:1px solid var(--v62-line)}
.v62-account-overlay{position:fixed;inset:0;z-index:500;background:rgba(18,27,47,.62);display:flex;justify-content:flex-end;backdrop-filter:blur(5px)}.v62-overlay-close{position:absolute;inset:0;text-indent:-9999px}.v62-account-sheet{position:relative;width:min(520px,100%);height:100%;box-sizing:border-box;background:#fff;padding:24px;overflow:auto;box-shadow:-20px 0 60px rgba(18,27,47,.22);animation:v62slide .22s ease}.v62-sheet-brand{display:flex;align-items:center;gap:10px}.v62-sheet-brand img{width:48px;height:48px;object-fit:contain}.v62-sheet-brand div{display:grid}.v62-sheet-brand span{font-size:9px;color:var(--v62-muted)}.v62-account-sheet h2{font-size:28px;margin:25px 0 5px}.v62-account-sheet>p{font-size:11px;color:var(--v62-muted)}.v62-account-form{padding:9px 0;grid-template-columns:1fr}.v62-create-form{grid-template-columns:1fr 1fr}.v62-account-form .check{display:flex;grid-template-columns:auto 1fr;align-items:center}.v62-account-form .check input{width:auto}.v62-sheet-switch{text-align:center;margin-top:12px;font-size:10.5px}.v62-sheet-switch a{color:var(--v62-coral);font-weight:900}.v62-staff-login{display:block;text-align:center;margin-top:17px;color:#697285;font-size:9px}.verified-tick{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1687ff;color:#fff;font-size:9px}@keyframes v62slide{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:980px){.v62-header-top{grid-template-columns:190px 1fr auto;padding:0 14px}.v62-account-pill div{display:none}.v62-account-pill{min-width:0}.v62-product-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.v62-access-strip{flex-wrap:wrap}.v62-access-state{margin-left:0}.v62-wholesale-lock{grid-template-columns:auto 1fr}.v62-wholesale-lock>div:last-child{grid-column:1/-1}}
@media(max-width:700px){.v62-header-top{height:108px;padding:8px 10px;grid-template-columns:1fr auto;align-items:center;gap:6px}.v62-brand img{width:39px;height:39px}.v62-brand div{display:none}.v62-search{grid-column:1/-1;grid-row:2;height:42px}.v62-search button{display:none}.v62-header-actions{grid-column:2;grid-row:1}.v62-login-link{display:none}.v62-create-link{height:36px;padding:0 10px;font-size:9px}.v62-account-pill{padding:3px}.v62-account-pill>span{width:34px;height:34px}.v62-head-icon{width:36px;height:36px}.v62-cart-icon{display:none}.v62-main{padding:116px 8px 83px}.v62-banner-wrap{border-radius:17px}.v62-banner{height:130px;padding:15px 16px}.v62-banner h1{font-size:21px;max-width:82%;margin:5px 0}.v62-banner p{font-size:9.5px;max-width:82%;margin-bottom:8px}.v62-banner a{padding:7px 10px;font-size:8px}.v62-banner-art{font-size:28px;margin-right:-20px}.v62-banner-art span:nth-child(2){font-size:55px}.v62-banner-dots{bottom:7px}.v62-access-strip{min-height:0;padding:9px 10px;border-radius:14px;gap:8px}.v62-access-user{min-width:0;flex:1}.v62-access-user>span{width:35px;height:35px}.v62-access-user b,.v62-access-copy b{font-size:11px}.v62-access-user small,.v62-access-copy small{font-size:8.5px}.v62-access-state{width:100%;box-sizing:border-box;padding:7px 9px}.v62-access-buttons{width:100%;overflow:auto}.v62-access-buttons a,.v62-access-buttons button{white-space:nowrap;height:31px;font-size:8.5px}.v62-guest-card summary{font-size:10px;padding:11px}.v62-info-grid{grid-template-columns:1fr;padding:11px}.v62-wholesale-lock{grid-template-columns:auto 1fr;padding:11px;border-radius:14px}.v62-wholesale-lock h2{font-size:12px}.v62-wholesale-lock p{font-size:8.8px}.v62-wholesale-lock>div:last-child{display:flex;overflow:auto}.v62-wholesale-lock a{white-space:nowrap;font-size:8px}.v62-category-bar{margin:0 -8px;padding:2px 8px 9px}.v62-category-bar a{padding:8px 12px;font-size:8.5px}.v62-products{padding:9px;border-radius:16px}.v62-section-head{margin-bottom:8px}.v62-section-head h2{font-size:18px}.v62-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v62-product-card{border-radius:13px}.v62-product-img{height:105px;padding:6px}.v62-product-img img{max-height:94px}.v62-product-info{padding:8px;gap:4px}.v62-product-info>small{font-size:7px}.v62-product-info h3{font-size:10.5px;min-height:27px}.v62-product-info p{font-size:7.5px;min-height:19px}.v62-stock-line{font-size:7px}.v62-price{min-height:39px}.v62-price b{font-size:13px}.v62-price del,.v62-price small{font-size:7px}.v62-add{grid-template-columns:39px 1fr;gap:4px}.v62-add input,.v62-add button,.v62-coming,.v62-card-action{height:31px;font-size:8px}.v62-cart{top:auto;right:0;left:0;bottom:0;width:100%;max-height:84vh;border-radius:22px 22px 0 0;transform:translateY(105%)}.v62-cart:target{transform:translateY(0)}.v62-cart-lines{max-height:38vh}.v62-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:290;height:66px;background:#fff;border-top:1px solid var(--v62-line);box-shadow:0 -10px 30px rgba(36,48,74,.12);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.v62-mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7d8597;text-decoration:none;font-size:17px}.v62-mobile-nav a span{font-size:8px;font-weight:850;margin-top:2px}.v62-mobile-nav .cart{width:55px;height:55px;border-radius:50%;background:var(--v62-coral);color:#fff;justify-self:center;align-self:center;transform:translateY(-12px);position:relative;box-shadow:0 10px 25px rgba(255,91,97,.34)}.v62-mobile-nav .cart em{position:absolute;right:-2px;top:-3px;min-width:17px;height:17px;border-radius:50%;background:var(--v62-navy);font-style:normal;font-size:7px;display:grid;place-items:center}.v62-footer{display:none}.v62-account-sheet{padding:18px 15px}.v62-account-sheet h2{font-size:24px}.v62-create-form{grid-template-columns:1fr}.v62-account-form .full{grid-column:auto}.v62-account-overlay{align-items:flex-end}.v62-account-sheet{width:100%;height:min(92vh,820px);border-radius:24px 24px 0 0;animation:v62up .22s ease}@keyframes v62up{from{transform:translateY(100%)}to{transform:translateY(0)}}}

/* ===== V63 Amazon-style mobile customer store ===== */
.v63-mobile-header,.v63-drawer{display:none}
.v63-mobile-header svg,.v63-mobile-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v63-section-actions{display:flex;align-items:center;gap:9px}.v63-section-actions>a{display:none}.v63-no-results{grid-column:1/-1;display:grid;gap:5px;text-align:center;padding:28px 15px;border:1px dashed #d9dee7;border-radius:16px;color:#697286}.v63-no-results b{color:#202a3e;font-size:14px}.v63-no-results span{font-size:10px}.v63-no-results a{justify-self:center;margin-top:4px;color:#ff5b61;font-size:10px;font-weight:900;text-decoration:none}
.v63-drawer-open{overflow:hidden}
.v63-drawer{position:fixed;inset:0;z-index:720;pointer-events:none}.v63-drawer:target{display:block;pointer-events:auto}.v63-drawer-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.46);backdrop-filter:blur(2px)}.v63-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(340px,86vw);background:#fff;box-shadow:18px 0 60px rgba(15,23,42,.2);transform:translateX(-102%);animation:v63DrawerIn .22s ease forwards;overflow:auto;padding-bottom:max(18px,env(safe-area-inset-bottom))}.v63-account-drawer .v63-drawer-panel{left:auto;right:0;transform:translateX(102%);animation-name:v63AccountIn}.v63-drawer-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px;background:#fff;border-bottom:1px solid #e9edf2}.v63-drawer-panel>header small{display:block;color:#8a93a4;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.v63-drawer-panel>header h2{font-size:22px;margin:3px 0 0}.v63-drawer-panel>header>a{width:36px;height:36px;border-radius:50%;background:#f3f5f8;color:#5c6576;display:grid;place-items:center;text-decoration:none;font-size:24px}.v63-drawer-panel>nav{display:grid;padding:8px 0}.v63-drawer-panel>nav>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;color:#263145;text-decoration:none;border-bottom:1px solid #f0f2f5;font-size:13px;font-weight:750}.v63-drawer-panel>nav>a.active{color:#ff5b61;background:#fff5f5}.v63-drawer-panel>nav>a em{font-style:normal;color:#9aa2b0}.v63-drawer-panel>footer{display:flex;gap:8px;padding:14px 18px}.v63-drawer-panel>footer a{flex:1;text-align:center;padding:10px;border-radius:10px;background:#f4f6f9;color:#2b3549;text-decoration:none;font-size:11px;font-weight:850}.v63-account-summary{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;padding:17px 18px;background:linear-gradient(135deg,#f7f9fc,#fff)}.v63-account-summary>span{width:48px;height:48px;border-radius:15px;background:#25324b;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:950}.v63-account-summary>div{display:grid;gap:3px;min-width:0}.v63-account-summary b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v63-account-summary small{font-size:10px;color:#667083}.v63-account-summary em{font-size:9px;color:#12804a;font-style:normal}.v63-account-welcome{display:grid;gap:5px;padding:19px 18px;background:#f7f9fc}.v63-account-welcome b{font-size:18px}.v63-account-welcome span{font-size:11px;color:#667083;line-height:1.5}.v63-reset-form{padding:12px 18px}.v63-reset-form button{width:100%;height:42px;border:1px solid #f0c6c8;border-radius:11px;background:#fff7f7;color:#b4232a;font-weight:850}.v63-whatsapp{display:block;margin:8px 18px 16px;padding:12px;border-radius:11px;background:#e9faef;color:#087b40;text-align:center;text-decoration:none;font-size:11px;font-weight:900}
@keyframes v63DrawerIn{to{transform:translateX(0)}}@keyframes v63AccountIn{to{transform:translateX(0)}}

@media(max-width:700px){
  :root{--v63-header-h:58px;--v63-bottom-h:58px}
  html{scroll-behavior:smooth}
  .v62-store-body,.v63-portal-body{background:#f4f5f7!important;color:#1e2738!important}
  .v62-header,.v63-portal-header{height:var(--v63-header-h)!important;background:#fff!important;border-bottom:1px solid #e6e9ee!important;box-shadow:0 3px 14px rgba(15,23,42,.08)!important;backdrop-filter:none!important}
  .v63-desktop-header{display:none!important}
  .v63-mobile-header{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px 38px;gap:7px;align-items:center;height:var(--v63-header-h);padding:7px 9px calc(7px + env(safe-area-inset-top));box-sizing:content-box;background:#fff}
  .v63-menu-button,.v63-header-icon{position:relative;width:38px;height:38px;border:0;background:#fff;color:#293448;border-radius:10px;display:grid;place-items:center;text-decoration:none}
  .v63-menu-button:active,.v63-header-icon:active{background:#f0f2f5;transform:scale(.96)}
  .v63-mobile-search{height:39px;min-width:0;border:1px solid #d7dce4;border-radius:8px;background:#f8f9fb;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;padding:0 6px 0 4px;box-shadow:inset 0 1px 2px rgba(15,23,42,.025)}
  .v63-mobile-search svg{width:19px;height:19px;color:#202a3e;justify-self:center}.v63-mobile-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#182235;font:600 12px/1.2 Inter,Arial,sans-serif;padding:0}.v63-mobile-search input::placeholder{color:#8a93a4;font-weight:500}.v63-mobile-search>a{width:27px;height:27px;display:grid;place-items:center;text-decoration:none;color:#80899a;font-size:20px}
  .v63-header-icon em{position:absolute;right:-2px;top:-3px;min-width:17px;height:17px;padding:0 2px;border-radius:999px;background:#ff5b61;color:#fff;font-size:7px;font-style:normal;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.v63-verified-dot{position:absolute;right:-1px;bottom:0;width:14px;height:14px;border-radius:50%;background:#1787ff;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:900}
  .v62-main{display:flex!important;flex-direction:column;padding:calc(var(--v63-header-h) + env(safe-area-inset-top) + 12px) 7px calc(var(--v63-bottom-h) + env(safe-area-inset-bottom) + 15px)!important;max-width:none!important}
  .v63-portal-main{padding:calc(var(--v63-header-h) + env(safe-area-inset-top) + 12px) 8px calc(var(--v63-bottom-h) + env(safe-area-inset-bottom) + 18px)!important;min-height:100vh!important}
  .v62-success{order:0;border-radius:13px;padding:14px;margin-bottom:7px}.v62-banner-wrap{order:1;margin:0 0 8px!important;border-radius:10px!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden}.v62-banner-track{gap:0!important}.v62-banner{height:112px!important;min-width:100%!important;padding:12px 14px!important;border-radius:10px!important;box-sizing:border-box}.v62-banner small{font-size:7px!important;letter-spacing:.1em}.v62-banner h1{font-size:17px!important;line-height:1.1!important;max-width:72%!important;max-height:38px;overflow:hidden;margin:4px 0 3px!important}.v62-banner p{font-size:8px!important;line-height:1.25!important;max-width:72%!important;max-height:20px;overflow:hidden;margin:0 0 6px!important}.v62-banner a{padding:6px 8px!important;border-radius:7px!important;font-size:7px!important}.v62-banner-art{font-size:22px!important;margin-right:-28px!important;opacity:.65}.v62-banner-art span:nth-child(2){font-size:45px!important}.v62-banner-dots{bottom:5px!important}.v62-banner-dots button{width:5px!important;height:5px!important}
  .v62-products{order:2;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important}.v62-section-head{padding:4px 3px 8px!important;margin:0!important;align-items:end!important}.v62-section-head small{font-size:7.5px!important;color:#8a93a4!important;text-transform:uppercase;letter-spacing:.08em}.v62-section-head h2{font-size:15px!important;line-height:1.2!important;margin:2px 0 0!important;max-width:245px}.v63-section-actions{gap:6px}.v63-section-actions>a{display:inline-flex;padding:7px 9px;border:1px solid #dde1e8;border-radius:8px;background:#fff;color:#303b50;text-decoration:none;font-size:8px;font-weight:900}.v63-section-actions>span{font-size:8px!important;color:#8a93a4!important}
  .v62-access-strip,.v62-category-bar{display:none!important}.v62-wholesale-lock{order:3!important;margin:8px 0 0!important;padding:9px 10px!important;border-radius:10px!important;grid-template-columns:25px minmax(0,1fr)!important;gap:8px!important}.v62-wholesale-lock>div:last-child{grid-column:1/-1!important}.v62-wholesale-lock h2{font-size:10px!important}.v62-wholesale-lock p{font-size:7.5px!important}.v62-wholesale-lock a{font-size:7.5px!important;padding:7px!important}.v62-access-strip{order:4}
  .v62-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.v62-product-card{border:1px solid #e2e5ea!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}.v62-product-card:active{transform:scale(.985)}.v62-product-img{height:112px!important;padding:5px!important;background:#fafafa!important}.v62-product-img img{max-height:103px!important;max-width:100%!important}.v62-product-img span{left:6px!important;right:6px!important;bottom:6px!important;padding:5px!important;border-radius:6px!important;font-size:7px!important}.v62-product-info{padding:7px!important;gap:3px!important}.v62-product-info>small{font-size:6.5px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v62-product-info h3{font-size:10.5px!important;line-height:1.2!important;min-height:25px!important;max-height:25px;overflow:hidden;margin:0!important}.v62-product-info p{font-size:7px!important;line-height:1.2!important;min-height:17px!important;max-height:17px;overflow:hidden}.v62-stock-line{font-size:6.7px!important;min-height:11px}.v62-price{min-height:32px!important;gap:2px!important;align-items:start!important}.v62-price del{font-size:6.5px!important}.v62-price b{font-size:12.5px!important;line-height:1.1!important}.v62-price small{font-size:6.5px!important}.v62-add{grid-template-columns:34px minmax(0,1fr)!important;gap:4px!important}.v62-add input,.v62-add button,.v62-coming,.v62-card-action{height:29px!important;border-radius:6px!important;font-size:7.5px!important}.v62-add input{padding:0!important;text-align:center}.v62-card-action{padding:0 4px!important;text-align:center}
  .v62-cart{z-index:760!important;top:auto!important;right:0!important;left:0!important;bottom:0!important;width:100%!important;max-height:88vh!important;border-radius:18px 18px 0 0!important;border:0!important;box-shadow:0 -18px 55px rgba(15,23,42,.23)!important;transform:translateY(105%)!important}.v62-cart:target{transform:translateY(0)!important}.v62-cart-head{padding:13px 15px!important}.v62-cart-head h2{font-size:16px!important}.v62-cart-head span{font-size:8px!important}.v62-cart-lines{max-height:42vh!important}.v62-cart-lines article{grid-template-columns:45px minmax(0,1fr) 48px 66px!important;padding:9px 10px!important}.v62-cart-lines img{width:45px!important;height:45px!important}.v62-cart-lines b{font-size:9.5px!important}.v62-cart-lines small,.v62-cart-lines span{font-size:7px!important}.v62-cart-lines input{width:48px!important;height:29px!important}.v62-cart-lines strong{font-size:8.5px!important}.v62-cart-total{padding:11px 13px!important}.v62-cart-total b{font-size:14px!important}.v62-checkout-form{padding:11px!important}.v62-checkout-form button{height:42px!important}.v62-empty-cart{min-height:280px}
  .v62-mobile-nav,.v61-mobile-nav.v63-mobile-nav{display:grid!important;position:fixed;left:0;right:0;bottom:0;z-index:650;height:calc(var(--v63-bottom-h) + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr)!important;background:#fff;border-top:1px solid #e3e6eb;box-shadow:0 -4px 18px rgba(15,23,42,.08);padding:0 3px env(safe-area-inset-bottom)!important}.v63-mobile-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px;color:#7a8394!important;text-decoration:none!important;font-size:0!important;transform:none!important;width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;position:relative}.v63-mobile-nav a svg{width:20px;height:20px}.v63-mobile-nav a span{display:block!important;font-size:7px!important;font-weight:800!important;margin:0!important}.v63-mobile-nav a.cart{color:#ff5b61!important}.v63-mobile-nav a.cart em{position:absolute!important;right:27%;top:4px!important;min-width:15px!important;height:15px!important;background:#25324b!important;color:#fff!important;border-radius:999px!important;font-size:6px!important;display:grid!important;place-items:center!important;font-style:normal!important;transform:none!important}
  .v62-footer,.v61-store-footer{display:none!important}.v62-account-overlay{z-index:820!important}.v62-account-sheet{height:min(94vh,860px)!important;border-radius:18px 18px 0 0!important;padding:16px 13px!important}.v62-account-sheet h2{font-size:22px!important}.v62-account-form label span{font-size:8.5px!important}.v62-account-form input,.v62-account-form select,.v62-account-form textarea{font-size:11px!important;border-radius:8px!important}.v62-account-form button{height:42px!important}
  .v63-drawer{display:none}.v63-drawer:target{display:block}.v63-drawer-panel{width:min(325px,88vw)}
  .v63-portal-body .v61-store-main{padding-top:0!important}.v63-portal-body .portal-page-title{padding:5px 2px 10px!important}.v63-portal-body .portal-page-title h1,.v63-portal-body .v61-page-head h1{font-size:20px!important}.v63-portal-body .portal-page-title p,.v63-portal-body .v61-page-head p{font-size:9px!important}.v63-portal-body .v61-account-grid,.v63-portal-body .records-layout,.v63-portal-body .notifications-layout{grid-template-columns:1fr!important;gap:8px!important}.v63-portal-body .v61-account-card,.v63-portal-body .records-list,.v63-portal-body .records-detail{border-radius:12px!important;padding:11px!important}.v63-portal-body .v61-account-form{grid-template-columns:1fr!important}.v63-portal-body .v61-account-form .full{grid-column:auto!important}
}

@media(min-width:701px){.v63-drawer:target{display:block}.v63-portal-header .v63-mobile-header{display:none!important}}
@media(max-width:700px){
  .v62-header,.v63-portal-header{height:calc(var(--v63-header-h) + env(safe-area-inset-top))!important}
  .v63-mobile-header{height:calc(var(--v63-header-h) + env(safe-area-inset-top))!important;padding:calc(7px + env(safe-area-inset-top)) 9px 7px!important;box-sizing:border-box!important}
  .v62-main,.v63-portal-main{padding-top:calc(var(--v63-header-h) + env(safe-area-inset-top) + 8px)!important}
}


/* ===== V64 editable photo banners, optional footer and quiet cart additions ===== */
.portal-banner-admin{border:1px solid #dfe7e2;border-radius:18px;padding:14px;background:#fbfdfc;margin:4px 0 10px}.portal-banner-admin-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.portal-banner-admin-head h4{margin:0;font-size:15px}.portal-banner-preview{height:155px;border-radius:14px;overflow:hidden;border:1px solid #dbe4de;background:#eef2f0;margin-bottom:12px}.portal-banner-preview img{width:100%;height:100%;object-fit:cover;display:block}
.v64-banner{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:0!important;background:#173a2a!important}.v64-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.v64-banner-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,24,17,.88) 0%,rgba(8,24,17,.66) 42%,rgba(8,24,17,.12) 76%,rgba(8,24,17,.04) 100%)}.v64-banner:not(.has-image) .v64-banner-shade{background:linear-gradient(110deg,rgba(255,255,255,.04),rgba(255,255,255,.13))}.v64-banner-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;box-sizing:border-box;padding:clamp(20px,4vw,48px);max-width:min(650px,68%);color:#fff}.v64-banner-content small{display:inline-flex!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;backdrop-filter:blur(6px)}.v64-banner-content h1{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.28)!important}.v64-banner-content p{color:rgba(255,255,255,.9)!important;text-shadow:0 1px 10px rgba(0,0,0,.22)!important}.v64-banner-content a{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#173a2a!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important;text-decoration:none!important}.v64-cart-product-img{object-fit:contain!important;background:#fff!important;border:1px solid #edf1ee!important}.v64-store-toast{position:fixed;left:50%;bottom:90px;z-index:1000;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#123d28;color:#fff;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:900;box-shadow:0 14px 34px rgba(15,23,42,.24);transition:.18s ease;max-width:calc(100vw - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v64-store-toast.error{background:#b42318}.v64-store-toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:701px){.v64-banner-wrap{border-radius:22px!important}.v64-banner{height:clamp(220px,23vw,340px)!important}.v64-banner-content h1{font-size:clamp(28px,3.2vw,50px)!important;line-height:1.03!important;margin:10px 0!important}.v64-banner-content p{font-size:clamp(12px,1.2vw,17px)!important;line-height:1.55!important}.v64-banner-content a{padding:11px 16px!important;border-radius:11px!important;font-size:12px!important}}
@media(max-width:700px){.portal-banner-preview{height:115px}.v64-banner{height:126px!important;border-radius:11px!important}.v64-banner-content{padding:12px 13px!important;max-width:76%!important}.v64-banner-content small{font-size:6.5px!important;padding:4px 6px!important}.v64-banner-content h1{font-size:16px!important;line-height:1.08!important;max-width:100%!important;max-height:37px!important;margin:5px 0 3px!important}.v64-banner-content p{font-size:7.5px!important;line-height:1.25!important;max-width:100%!important;max-height:20px!important;margin:0 0 7px!important}.v64-banner-content a{font-size:7px!important;padding:6px 8px!important;border-radius:7px!important}.v64-banner-shade{background:linear-gradient(90deg,rgba(7,21,15,.9),rgba(7,21,15,.57) 60%,rgba(7,21,15,.08))}.v64-store-toast{bottom:76px;font-size:10px;padding:9px 13px}}

/* ===== V65 Sales team, city targets, performance & notification center ===== */
.pos65-reference-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(110px,.8fr);gap:8px;padding:0 16px 10px}
.pos65-reference-row input:last-child{grid-column:1/-1}
.copy-link-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:7px;min-width:310px}
.order-reference-form,.invoice-reference-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr) minmax(180px,1fr) auto;gap:8px;align-items:center}
.invoice-reference-card{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;border-color:#cfe9d8;background:linear-gradient(135deg,#fff,#f3fbf6)}
.invoice-reference-card h3{margin:4px 0;font-size:17px}.invoice-reference-card p{margin:4px 0;color:#64748b;font-size:12px}.invoice-reference-card details{min-width:min(100%,650px)}
.reference-history{margin:-6px 0 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:10px 12px}.reference-history summary{font-weight:900;cursor:pointer;color:#334155}
.progress-track{height:8px;border-radius:999px;background:#e8eef2;overflow:hidden;margin:7px 0 4px}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#10a354,#35c978)}
.sales-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px}.sales-kpi{background:#fff;border:1px solid #e1e8e4;border-radius:18px;padding:16px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.sales-kpi span{display:block;font-size:11px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sales-kpi b{display:block;font-size:20px;margin-top:8px;color:#132019}.sales-kpi.primary{background:linear-gradient(135deg,#0f8f4d,#12ad5d);border-color:#0f8f4d}.sales-kpi.primary span,.sales-kpi.primary b{color:#fff}.sales-kpi.negative b{color:#b42318}.sales-kpi.warn b{color:#b7791f}
.sales-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.category-progress-row{padding:11px 0;border-bottom:1px solid #edf1ef}.category-progress-row:last-child{border-bottom:0}.category-progress-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.category-progress-row span{font-weight:900}.category-progress-row small{color:#64748b}
.insight{padding:12px 14px;border-radius:13px;margin:8px 0;font-size:12.5px;line-height:1.5}.insight.issue{background:#fff2f0;border:1px solid #fecaca;color:#9f1239}.insight.idea{background:#eff8ff;border:1px solid #bfdbfe;color:#1e3a8a}.insight.good{background:#edf9f1;border:1px solid #bbebc9;color:#166534}
.notification-center-list{display:grid;gap:10px;max-width:1000px}.staff-notification-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;text-decoration:none;color:inherit;background:#fff;border:1px solid #e1e8e4;border-radius:17px;padding:14px 16px;box-shadow:0 7px 22px rgba(15,23,42,.035);transition:.18s}.staff-notification-card:hover{transform:translateY(-1px);border-color:#a9d8b9;box-shadow:0 12px 30px rgba(15,23,42,.07)}.staff-notification-icon{width:42px;height:42px;border-radius:13px;background:#eaf8ef;display:grid;place-items:center}.staff-notification-card b{font-size:14px}.staff-notification-card p{margin:4px 0;color:#516159;font-size:12px}.staff-notification-card small{color:#94a3b8}.staff-notification-card>span{font-size:11px;font-weight:900;color:#0a8d49}
.public-sales-ref-badge{max-width:1500px;margin:0 auto 10px;padding:9px 14px;border:1px solid #b9e5c8;background:#edf9f1;color:#166534;border-radius:13px;font-size:12px}

@media(max-width:1300px){.sales-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-reference-form,.invoice-reference-form{grid-template-columns:1fr 1fr}.order-reference-form button,.invoice-reference-form button{grid-column:1/-1}}
@media(max-width:760px){.pos65-reference-row{grid-template-columns:1fr;padding:0 12px 8px}.pos65-reference-row input:last-child{grid-column:auto}.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sales-kpi{padding:12px}.sales-kpi b{font-size:16px}.sales-filter-grid{grid-template-columns:1fr 1fr}.copy-link-row{grid-template-columns:1fr;min-width:0}.invoice-reference-card{display:block}.invoice-reference-card details{min-width:0;margin-top:12px}.order-reference-form,.invoice-reference-form{grid-template-columns:1fr}.staff-notification-card{grid-template-columns:38px minmax(0,1fr)}.staff-notification-card>span{display:none}}
@media(max-width:430px){.sales-kpi-grid,.sales-filter-grid{grid-template-columns:1fr 1fr}.sales-kpi span{font-size:9px}.sales-kpi b{font-size:14px}}

/* ===== V67 Commercial White-Label & Stock Integrity ===== */
.rights-line{font-size:10px;line-height:1.4;color:rgba(255,255,255,.72);margin-bottom:5px}
.developer-contact{font-size:11px;color:inherit}
.developer-contact summary{cursor:pointer;font-weight:800;list-style:none;display:inline-flex;align-items:center;gap:5px}
.developer-contact summary::-webkit-details-marker{display:none}
.developer-contact summary:after{content:'▾';font-size:9px;opacity:.7}
.developer-contact[open] summary:after{content:'▴'}
.developer-contact a{display:inline-block;color:inherit;text-decoration:none;margin:5px 7px 0 0;font-weight:800}
.developer-contact small{display:block;margin-top:4px;opacity:.72}
.settings-developer a{color:#087b40}
.portal-commercial-credit{display:block}.portal-commercial-credit .rights-line{color:inherit}.portal-commercial-credit .developer-contact{display:inline-block;margin-top:4px}
.credit .developer-contact a{color:#d1fae5}

.installer-page{margin:0;background:radial-gradient(circle at top left,#eaf8ef 0,#f7f9fb 45%,#eef2f7 100%);font-family:Inter,Arial,sans-serif;color:#0f172a;min-height:100vh}
.installer-shell{max-width:1180px;margin:auto;padding:28px 18px 60px;display:grid;gap:18px}
.installer-hero{border-radius:28px;padding:34px clamp(22px,4vw,54px);background:linear-gradient(135deg,#082c1b,#0c6a3b 65%,#13a35a);color:#fff;box-shadow:0 22px 60px rgba(4,72,38,.2)}
.installer-hero>span{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.15);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.installer-hero h1{font-size:clamp(30px,5vw,54px);margin:14px 0 8px}.installer-hero p{max-width:900px;line-height:1.65;color:#e8fff1}.installer-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.installer-features b{padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08);font-size:11px}
.installer-card{background:#fff;border:1px solid #dfe7e3;border-radius:26px;padding:clamp(20px,4vw,42px);box-shadow:0 18px 55px rgba(15,23,42,.08)}
.installer-step{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #e5ebe7}.installer-step b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0f9651;color:#fff}.installer-step span{font-size:12px;font-weight:800;margin-right:8px}.installer-form>h2{margin:26px 0 12px;font-size:19px}.installer-rights{margin-top:20px;padding:14px;border:1px solid #d8e5dc;background:#f6fbf8;border-radius:14px;font-size:12px}.installer-submit{width:100%;height:52px;margin-top:18px;font-size:15px}.installer-lock{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#16a05b;color:#fff;font-size:32px;margin-bottom:12px}

.stock-integrity-good{border:1px solid #b7e4c6;background:#effbf3;color:#087b40;border-radius:14px;padding:12px 14px}
@media(max-width:760px){.installer-shell{padding:12px}.installer-hero,.installer-card{border-radius:18px}.installer-card{padding:17px}.installer-features{display:grid;grid-template-columns:1fr 1fr}.rights-line{font-size:9px}}
.v67-login-footer{max-width:1050px;margin:0 auto 18px;text-align:center;padding:10px 16px;color:#64748b;font-size:11px}.v67-login-footer .rights-line{color:#64748b}.v67-login-footer .developer-contact{display:inline-block;margin-top:4px}.v67-login-footer .developer-contact a{color:#087b40}

/* ===== V68 compact current-sale panel + reliable product add ===== */
body.pos-invoice-mode .pos41-workspace{
  grid-template-columns:minmax(0,1fr) 420px!important;
  gap:10px!important;
}
body.pos-invoice-mode .pos41-cart{
  width:420px!important;
  max-width:420px!important;
  height:calc(100vh - 102px)!important;
  max-height:calc(100vh - 102px)!important;
  min-height:560px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.pos-invoice-mode .pos41-cart-head{
  min-height:58px!important;
  padding:12px 14px 10px!important;
  align-items:center!important;
}
body.pos-invoice-mode .pos41-cart-head h2{font-size:17px!important}
body.pos-invoice-mode .pos41-cart-head p{
  margin-top:3px!important;
  max-width:255px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10px!important;
}
body.pos-invoice-mode .draft-badge{font-size:10px!important;padding:6px 8px!important}
body.pos-invoice-mode .pos41-customer-row{
  grid-template-columns:minmax(0,1fr) 82px!important;
  gap:6px!important;
  padding:8px 12px!important;
  border-bottom:1px solid #edf1f5!important;
}
body.pos-invoice-mode .v68-customer-select{
  min-width:0!important;
  height:38px!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:4px!important;
  padding:0 7px!important;
  border:1px solid #dbe4ee!important;
  border-radius:10px!important;
  background:#fff!important;
}
body.pos-invoice-mode .v68-customer-icon{
  position:relative!important;width:22px!important;height:22px!important;border-radius:7px!important;
  display:block!important;color:#0f766e!important;background:#ecfdf5!important;
}
body.pos-invoice-mode .v68-customer-icon:before{content:''!important;position:absolute!important;left:8px!important;top:4px!important;width:6px!important;height:6px!important;border:1.8px solid currentColor!important;border-radius:50%!important;box-sizing:border-box!important}
body.pos-invoice-mode .v68-customer-icon:after{content:''!important;position:absolute!important;left:5px!important;bottom:4px!important;width:12px!important;height:6px!important;border:1.8px solid currentColor!important;border-bottom:0!important;border-radius:8px 8px 0 0!important;box-sizing:border-box!important}
body.pos-invoice-mode .v68-customer-select .input{
  height:34px!important;min-width:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0 3px!important;background:transparent!important;
  font-size:10.5px!important;font-weight:850!important;color:#0f172a!important;
}
body.pos-invoice-mode .v68-customer-select a{
  color:#087b40!important;text-decoration:none!important;font-size:8.7px!important;
  font-weight:950!important;white-space:nowrap!important;
}
body.pos-invoice-mode .v68-price-mode{
  height:38px!important;border-radius:10px!important;padding:0 7px!important;
  font-size:10px!important;font-weight:900!important;background:#f8fafc!important;
}
body.pos-invoice-mode .v68-sale-details{
  flex:0 0 auto!important;
  margin:0!important;
  border-bottom:1px solid #edf1f5!important;
  background:#fbfcfe!important;
}
body.pos-invoice-mode .v68-sale-details>summary{
  height:31px!important;padding:0 12px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;cursor:pointer!important;list-style:none!important;
  color:#475569!important;font-size:9.5px!important;font-weight:900!important;
}
body.pos-invoice-mode .v68-sale-details>summary::-webkit-details-marker{display:none!important}
body.pos-invoice-mode .v68-sale-details>summary:after{content:'＋';font-size:13px!important;color:#087b40!important;margin-left:6px!important}
body.pos-invoice-mode .v68-sale-details[open]>summary:after{content:'−'}
body.pos-invoice-mode .v68-sale-details>summary span{
  margin-left:auto!important;margin-right:7px!important;color:#94a3b8!important;font-size:8px!important;font-weight:800!important;
}
body.pos-invoice-mode .v68-sale-details .pos65-reference-row{
  grid-template-columns:1fr 1fr!important;gap:5px!important;padding:5px 12px 6px!important;
}
body.pos-invoice-mode .v68-sale-details .pos65-reference-row input:last-child{grid-column:1/-1!important}
body.pos-invoice-mode .v68-sale-details .input{
  height:33px!important;border-radius:9px!important;padding:0 8px!important;font-size:10px!important;
}
body.pos-invoice-mode .v68-sale-details .pos41-note-row{padding:0 12px 7px!important}
body.pos-invoice-mode .pos41-cart-table-head{
  flex:0 0 auto!important;
  grid-template-columns:minmax(132px,1fr) 48px 54px 40px 62px 14px!important;
  gap:4px!important;padding:7px 10px!important;font-size:7.8px!important;
}
body.pos-invoice-mode .pos41-cart-table-head:after{content:''}
body.pos-invoice-mode .pos41-cart-lines{
  flex:1 1 0!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  scrollbar-gutter:stable!important;
}
body.pos-invoice-mode .pos41-empty{
  flex:1 1 0!important;
  min-height:210px!important;
  margin:0!important;
  padding:30px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  color:#94a3b8!important;
  text-align:center!important;
  background:#fff!important;
  border:0!important;
}
body.pos-invoice-mode .pos41-empty:before{
  content:'▣'!important;
  width:42px!important;height:42px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;
  background:#f1f5f9!important;color:#64748b!important;font-size:20px!important;
}
body.pos-invoice-mode .pos41-empty b{font-size:11px!important;color:#475569!important}
body.pos-invoice-mode .pos41-empty span{font-size:9px!important;line-height:1.4!important;max-width:230px!important}
body.pos-invoice-mode .pos41-line.pos43-line,
body.pos-invoice-mode .pos41-line{
  grid-template-columns:minmax(132px,1fr) 48px 54px 40px 62px 14px!important;
  gap:4px!important;
  min-height:58px!important;
  padding:6px 10px!important;
  overflow:visible!important;
}
body.pos-invoice-mode .pos43-item-info,
body.pos-invoice-mode .pos41-item-info{
  grid-template-columns:31px minmax(0,1fr)!important;
  gap:6px!important;
}
body.pos-invoice-mode .pos43-item-info img,
body.pos-invoice-mode .pos41-item-info img{
  width:31px!important;height:31px!important;border-radius:8px!important;padding:2px!important;
}
body.pos-invoice-mode .pos43-item-info h4,
body.pos-invoice-mode .pos41-item-info h4{
  font-size:9.5px!important;line-height:1.12!important;max-height:22px!important;margin:0!important;
}
body.pos-invoice-mode .pos43-item-info p,
body.pos-invoice-mode .pos41-item-info p{font-size:7.2px!important;margin:1px 0!important}
body.pos-invoice-mode .pos43-item-info .productSelect,
body.pos-invoice-mode .pos41-item-info .productSelect{
  height:19px!important;border-radius:6px!important;font-size:7.4px!important;padding:0 3px!important;
}
body.pos-invoice-mode .pos43-controls .pos41-qty{height:27px!important;border-radius:8px!important}
body.pos-invoice-mode .pos43-controls .pos41-qty button{width:15px!important;height:25px!important;font-size:10px!important}
body.pos-invoice-mode .pos43-controls .pos41-qty input{width:18px!important;font-size:9px!important}
body.pos-invoice-mode .pos43-controls .pos41-price,
body.pos-invoice-mode .pos43-controls .pos41-disc{
  height:27px!important;border-radius:7px!important;font-size:8px!important;padding:0 3px!important;
}
body.pos-invoice-mode .pos43-total .lineTotal{font-size:8.4px!important;line-height:1.15!important}
body.pos-invoice-mode .pos43-remove,
body.pos-invoice-mode .pos41-remove{width:14px!important;height:20px!important;font-size:13px!important}
body.pos-invoice-mode .pos41-totals{
  flex:0 0 auto!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:4px!important;
  padding:7px 12px!important;
  border-top:1px solid #e6ebf2!important;
}
body.pos-invoice-mode .pos41-totals div{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:2px!important;padding:5px 7px!important;border:1px solid #e2e8f0!important;
  border-radius:8px!important;background:#fff!important;font-size:8px!important;
}
body.pos-invoice-mode .pos41-totals div b{font-size:9px!important}
body.pos-invoice-mode .pos41-totals .grand{
  grid-column:1/-1!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  padding:7px 9px!important;margin:0!important;border-radius:9px!important;
}
body.pos-invoice-mode .pos41-totals .grand strong{font-size:16px!important}
body.pos-invoice-mode .pos41-paybox{margin:0 12px 6px!important}
body.pos-invoice-mode .pos41-paybox summary{padding:7px 9px!important;font-size:9.5px!important}
body.pos-invoice-mode .pos41-actions{
  flex:0 0 auto!important;
  grid-template-columns:1fr 1fr 1.2fr!important;
  gap:6px!important;padding:8px 12px!important;
}
body.pos-invoice-mode .pos41-actions button{height:38px!important;border-radius:10px!important;font-size:9.5px!important}
body.pos-invoice-mode .pos41-receipt-preview{display:none!important}
body.pos-invoice-mode .pos41-card-foot button:disabled{
  cursor:not-allowed!important;background:#e2e8f0!important;color:#94a3b8!important;box-shadow:none!important;
}
.v68-cart-toast{
  position:fixed;right:22px;bottom:22px;z-index:1200;
  max-width:min(360px,calc(100vw - 30px));padding:11px 15px;border-radius:12px;
  background:#0f5132;color:#fff;font-size:11px;font-weight:900;
  box-shadow:0 16px 38px rgba(15,23,42,.24);opacity:0;transform:translateY(12px);pointer-events:none;transition:.18s ease;
}
.v68-cart-toast.error{background:#b42318}.v68-cart-toast.show{opacity:1;transform:translateY(0)}
body.pos-invoice-mode .v68-line-flash{animation:v68LineFlash .75s ease}
@keyframes v68LineFlash{0%,100%{background:#fff}40%{background:#dcfce7}}
@media(max-width:1370px){
  body.pos-invoice-mode .pos41-workspace{grid-template-columns:minmax(0,1fr) 390px!important}
  body.pos-invoice-mode .pos41-cart{width:390px!important;max-width:390px!important}
  body.pos-invoice-mode .pos41-cart-table-head,
  body.pos-invoice-mode .pos41-line.pos43-line,
  body.pos-invoice-mode .pos41-line{grid-template-columns:minmax(120px,1fr) 44px 50px 36px 56px 13px!important;padding-left:8px!important;padding-right:8px!important}
}
@media(max-width:1160px){
  body.pos-invoice-mode .pos41-cart{width:100%!important;max-width:none!important;height:auto!important;min-height:620px!important;max-height:none!important}
  body.pos-invoice-mode .pos41-cart-lines{min-height:300px!important;max-height:55vh!important}
}
@media(max-width:620px){
  body.pos-invoice-mode .pos41-customer-row{grid-template-columns:1fr 72px!important;padding:7px!important}
  body.pos-invoice-mode .pos41-cart-table-head{display:none!important}
  body.pos-invoice-mode .pos41-line.pos43-line,body.pos-invoice-mode .pos41-line{
    grid-template-columns:1fr!important;gap:6px!important;margin:7px!important;padding:8px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;
  }
  body.pos-invoice-mode .pos43-item-info,body.pos-invoice-mode .pos41-item-info{grid-column:1!important}
  body.pos-invoice-mode .pos43-controls{display:grid!important;grid-template-columns:48px 1fr 1fr 70px!important;gap:5px!important}
  body.pos-invoice-mode .pos43-controls label:nth-child(n){grid-column:auto!important}
  body.pos-invoice-mode .pos43-remove,body.pos-invoice-mode .pos41-remove{position:absolute!important;right:10px!important;top:8px!important}
  .v68-cart-toast{left:12px;right:12px;bottom:76px;text-align:center}
}

body.pos-invoice-mode .pos41-empty[hidden]{display:none!important}

/* V69 cart beautification + draft checkout edit */
.pos41-cart{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbf9 100%);
  border:1px solid #d9e8df;
  border-radius:24px;
  box-shadow:0 18px 40px rgba(19,60,44,.10);
  overflow:hidden;
}
.pos41-cart-head{
  padding:18px 18px 14px;
  background:linear-gradient(180deg,#f9fcfb 0%,#eef8f2 100%);
  border-bottom:1px solid #e3efe8;
}
.pos41-cart-head h2{letter-spacing:-.02em}
.pos41-cart-head p{font-size:12px;color:#658070;max-width:260px}
.draft-badge{
  background:#f0fbf4;
  color:#00875f;
  border:1px solid #bde2cc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.pos41-customer-row,.v68-sale-details,.pos41-cart-table-head,#items,.pos41-empty,.pos41-totals,.pos41-paybox,.pos41-actions,.pos41-receipt-preview{
  margin-left:16px;
  margin-right:16px;
}
.pos41-customer-row{margin-top:14px;gap:10px}
.v68-customer-select,
.v68-price-mode,
.v68-sale-details,
.pos41-paybox,
.pos41-registered{
  border-radius:16px;
}
.v68-customer-select,
.v68-sale-details,
.pos41-paybox,
.pos41-receipt-preview{
  background:#fff;
  border:1px solid #e2ece6;
  box-shadow:0 8px 18px rgba(20,66,47,.05);
}
.v68-sale-details summary,
.pos41-paybox summary{cursor:pointer}
.pos41-cart-table-head{
  margin-top:14px;
  background:#f3f7f5;
  border:1px solid #e4ece7;
  color:#60786c;
  border-radius:14px;
  padding:10px 12px;
}
.pos41-cart-lines{padding:8px 0 2px}
.pos43-line{
  position:relative;
  margin-bottom:12px;
  background:#ffffff;
  border:1px solid #e3eee8;
  border-radius:18px;
  padding:14px 14px 12px;
  box-shadow:0 8px 18px rgba(18,58,42,.05);
}
.pos43-item-info img,
.pos41-item-info img,
.pos43-item-info .thumb,
.cart-thumb{
  border-radius:14px;
  background:#f6faf7;
  border:1px solid #e7efea;
}
.pos43-item-info h4{font-size:15px;line-height:1.25}
.pos43-item-info p,.priceRef{color:#6f8277}
.pos43-controls{margin-top:10px;gap:10px}
.pos43-controls label{
  background:#f8fbf9;
  border:1px solid #e5eee9;
  border-radius:14px;
  padding:8px 10px;
}
.pos43-total{
  background:linear-gradient(180deg,#effaf3 0%,#e8f7ee 100%)!important;
  border-color:#cfe8d8!important;
}
.pos41-empty{
  margin-top:14px;
  padding:24px 18px;
  background:linear-gradient(180deg,#fbfdfc 0%,#f1f8f4 100%);
  border:1px dashed #cfe2d8;
  border-radius:18px;
  text-align:center;
  color:#678074;
}
.pos41-empty b{display:block;color:#163f2d;font-size:15px;margin-bottom:6px}
.pos41-totals{
  margin-top:14px;
  background:#fff;
  border:1px solid #e3ece7;
  border-radius:18px;
  padding:10px 14px;
  box-shadow:0 8px 18px rgba(18,58,42,.04);
}
.pos41-totals .grand{
  margin-top:6px;
  padding-top:10px;
  border-top:1px dashed #d7e5dd;
}
.pos41-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  background:linear-gradient(180deg,rgba(247,251,249,.8) 0%,#f7fbf9 18%,#f7fbf9 100%);
  padding-top:12px;
  padding-bottom:12px;
  backdrop-filter:blur(10px);
}
.pos41-actions .draft,
.pos41-actions .receipt,
.pos41-actions .final{
  min-height:48px;
  border-radius:14px;
  font-weight:700;
  box-shadow:0 8px 16px rgba(20,60,44,.08);
}
.pos41-actions .draft{background:#fff;border:1px solid #dbe7df;color:#174431}
.pos41-actions .receipt{background:#f8fcfa;border:1px solid #cfe1d7;color:#1a5f45}
.pos41-actions .final{background:linear-gradient(180deg,#12a150 0%,#078843 100%);border:0;color:#fff}
.pos41-receipt-preview{
  margin-top:0;
  margin-bottom:16px;
  border-radius:16px;
}
@media (max-width: 980px){
  .pos41-cart{border-radius:20px}
  .pos41-actions{padding-bottom:14px}
}

/* V70 clear checkout draft-edit state */
.v70-draft-edit-banner{
  margin:10px 10px 0;
  padding:11px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:linear-gradient(180deg,#fffdf4 0%,#fff8dc 100%);
  border:1px solid #eddba0;
  border-radius:16px;
  box-shadow:0 8px 18px rgba(105,82,20,.08);
  color:#59470f;
}
.v70-draft-edit-banner div{display:flex;flex-direction:column;gap:2px}
.v70-draft-edit-banner b{font-size:14px}
.v70-draft-edit-banner span{font-size:12px;color:#776529}
.v70-draft-edit-banner a{
  flex:0 0 auto;
  text-decoration:none;
  font-weight:700;
  color:#5f4a0c;
  background:#fff;
  border:1px solid #e5d28e;
  border-radius:10px;
  padding:8px 11px;
}
@media (max-width:760px){
  .v70-draft-edit-banner{align-items:flex-start;flex-direction:column}
}

/* V71 role-scope access locks */
.access-permission.is-role-locked{opacity:.45;background:#f3f4f6!important;border-style:dashed!important}.access-permission.is-role-locked small:after{content:' • locked by role';color:#b42318}.accountBtn small{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== V72 compact grouped sidebar + smooth settings hub ===== */
.sidebar{
  width:272px!important;
  background:linear-gradient(180deg,#00472f 0%,#003a25 54%,#002b1b 100%)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.sidebar .brand{padding:14px 14px 12px!important;flex:0 0 auto}
.sidebar .brand-row{gap:10px!important}
.sidebar .brand-logo{width:44px!important;height:44px!important;border-radius:13px!important;padding:5px!important}
.sidebar .brand h2{font-size:18px!important;margin:4px 0 1px!important;line-height:1.05!important}
.sidebar .brand p{font-size:9.5px!important;line-height:1.25!important;max-width:174px}
.sidebar .pill{font-size:8px!important;padding:3px 7px!important}
.sidebar .nav{
  flex:1 1 auto;
  overflow:auto;
  padding:9px 10px 14px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.28) transparent;
}
.sidebar .nav::-webkit-scrollbar{width:6px}.sidebar .nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:20px}
.sidebar .nav-link{
  min-height:38px;
  padding:8px 10px!important;
  margin:3px 0!important;
  border-radius:11px!important;
  gap:9px!important;
  font-size:12.5px!important;
  font-weight:800!important;
}
.sidebar .nav-link:before{display:none!important}
.sidebar .nav-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.09);font-size:11px;flex:0 0 20px}
.sidebar .nav-link.active .nav-icon,.sidebar .nav-link:hover .nav-icon{background:#fff;color:#047857}
.nav-group{margin:4px 0;border:1px solid transparent;border-radius:13px;overflow:hidden}
.nav-group[open]{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}
.nav-group>summary{list-style:none;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:8px;padding:9px 10px;color:#eafaf1;font-size:12.5px;font-weight:900;cursor:pointer;border-radius:12px;user-select:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:hover{background:rgba(255,255,255,.09)}
.nav-group>summary b{font-size:12px;transition:transform .18s ease;text-align:center}
.nav-group[open]>summary b{transform:rotate(180deg)}
.nav-group-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.10);font-size:11px}
.nav-group-links{padding:0 6px 6px 20px}
.nav-group-links .nav-link{min-height:33px!important;padding:6px 9px!important;font-size:11.7px!important;color:#dbf7e7!important}
.nav-group-links .nav-icon{width:17px;height:17px;flex-basis:17px;font-size:8px;background:rgba(255,255,255,.07)}
.nav-account-links{border-top:1px solid rgba(255,255,255,.10);margin-top:8px;padding-top:7px}
.sidebar .credit{padding:9px 14px!important;margin:0!important;font-size:9px!important;flex:0 0 auto;max-height:52px;overflow:auto}

.settings-page-head{margin-bottom:12px}
.settings-hub-nav{
  position:sticky;
  top:88px;
  z-index:20;
  display:grid;
  grid-template-columns:repeat(7,minmax(135px,1fr));
  gap:8px;
  padding:10px;
  margin-bottom:18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 30px rgba(15,23,42,.07);
  overflow:auto;
}
.settings-hub-nav button{
  border:1px solid transparent;
  border-radius:14px;
  background:#f7faf8;
  padding:10px 11px;
  min-height:68px;
  text-align:left;
  cursor:pointer;
  display:grid;
  grid-template-columns:28px 1fr;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  color:#173c2d;
}
.settings-hub-nav button>b{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e7f6ed;color:#05854d}
.settings-hub-nav button>span{font-size:12.5px;font-weight:950;white-space:nowrap}
.settings-hub-nav button>small{font-size:9.5px;color:#728078;white-space:nowrap}
.settings-hub-nav button:hover{border-color:#bde3cc;background:#f0faf4}
.settings-hub-nav button.active{background:linear-gradient(135deg,#008f55,#006e42);color:#fff;border-color:#006e42;box-shadow:0 8px 18px rgba(0,120,70,.2)}
.settings-hub-nav button.active>b{background:rgba(255,255,255,.16);color:#fff}
.settings-hub-nav button.active>small{color:#d8f7e6}
.settings-section[hidden]{display:none!important}
.settings-section-enter{animation:v72SettingsEnter .22s ease both}
@keyframes v72SettingsEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.settings-admin-overview{background:linear-gradient(145deg,#f7fbf9,#fff);border:1px solid #dcebe3;border-radius:24px;padding:22px;box-shadow:var(--soft)}
.settings-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px}
.settings-section-heading span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#07804d}
.settings-section-heading h2{margin:4px 0 4px;font-size:24px;letter-spacing:-.03em}
.settings-section-heading p{margin:0;color:var(--muted)}
.settings-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.settings-tool{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:3px 11px;align-items:center;background:#fff;border:1px solid #dfeae4;border-radius:17px;padding:15px;box-shadow:0 6px 18px rgba(15,23,42,.04);transition:.16s}
.settings-tool:hover{transform:translateY(-2px);border-color:#96d5b2;box-shadow:0 12px 24px rgba(0,105,62,.09)}
.settings-tool>b{grid-row:1/3;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e9f7ef;color:#087b4b;font-size:18px}
.settings-tool>span{font-weight:950;color:#173c2d}
.settings-tool>small{color:#6c7b73;line-height:1.35}
.settings-sticky-save{position:sticky;bottom:12px;z-index:18;margin:0 0 14px auto;width:max-content;max-width:100%;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border:1px solid #dbe8e1;border-radius:17px;padding:8px 9px 8px 14px;box-shadow:0 15px 35px rgba(15,23,42,.12)}
.settings-sticky-save span{display:flex;flex-direction:column}.settings-sticky-save small{color:var(--muted);font-size:10px}
.page-settings .grid.grid-2>.settings-section{grid-column:1/-1}
.page-settings .settings-section.card{margin-bottom:0}

.access-toolbar-v72{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(240px,320px);gap:12px!important;align-items:end!important}
.access-toolbar-v72>.btn-row{grid-column:1/-1}
.permission-search span{display:block;font-size:11px;font-weight:900;color:#475467;margin-bottom:5px}
.access-groups-v72{display:grid;gap:9px}
.access-groups-v72 .access-group{border:1px solid #dfe8e3;border-radius:15px;background:#fff;overflow:hidden}
.access-groups-v72 .access-group[open]{border-color:#b8dfc9;box-shadow:0 8px 18px rgba(0,110,63,.055)}
.access-groups-v72 .access-group-head{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;background:#f8fbf9}
.access-groups-v72 .access-group-head::-webkit-details-marker{display:none}
.access-groups-v72 .access-group-head>span{display:flex;align-items:center;gap:9px}.access-groups-v72 .access-group-head h3{margin:0;font-size:14px}.access-groups-v72 .access-group-head small{color:#718078;font-size:10px}
.access-groups-v72 .access-group-head>div{display:flex;align-items:center;gap:6px}.access-groups-v72 .access-group-head button{border:0;border-radius:8px;padding:5px 8px;background:#e8f3ed;color:#17623f;font-weight:900;cursor:pointer}
.access-chevron{display:inline-block;transition:transform .18s}.access-group[open] .access-chevron{transform:rotate(180deg)}
.access-groups-v72 .access-permission-grid{padding:12px;background:#fff}

@media(max-width:1180px){
  .sidebar{width:min(86vw,292px)!important}
  .settings-hub-nav{top:78px;grid-template-columns:repeat(7,minmax(145px,1fr))}
  .settings-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .settings-hub-nav{top:70px;margin:0 -2px 14px;border-radius:15px;padding:7px;grid-template-columns:repeat(7,150px)}
  .settings-tool-grid{grid-template-columns:1fr}
  .settings-admin-overview{padding:15px;border-radius:18px}
  .settings-sticky-save{width:100%;justify-content:space-between;bottom:74px}
  .settings-sticky-save span small{display:none}
  .access-toolbar-v72{grid-template-columns:1fr!important}
  .access-toolbar-v72>.btn-row{grid-column:auto}
}

/* V74 balanced page sizing and flexible target UX */
body:not(.pos-invoice-mode) .content{
  width:100%;
  max-width:1640px;
  margin:0 auto;
  padding:26px clamp(18px,2.2vw,34px) 44px;
}
body:not(.pos-invoice-mode) .page-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
body:not(.pos-invoice-mode) .page-title{font-size:clamp(28px,2.1vw,34px)}
body:not(.pos-invoice-mode) .subtitle{font-size:14px;line-height:1.55;margin-bottom:0}
body:not(.pos-invoice-mode) .card{padding:20px}
body:not(.pos-invoice-mode) .card h2{margin:0 0 14px;font-size:20px}
body:not(.pos-invoice-mode) .input,
body:not(.pos-invoice-mode) select,
body:not(.pos-invoice-mode) textarea{
  min-height:44px;
  padding:11px 13px;
  border-radius:12px;
  font-size:14px;
}
body:not(.pos-invoice-mode) textarea{min-height:90px;resize:vertical}
body:not(.pos-invoice-mode) th{font-size:11px;padding:12px}
body:not(.pos-invoice-mode) td{font-size:14px;padding:12px}
body:not(.pos-invoice-mode) .btn{min-height:42px;padding:10px 14px;border-radius:12px;font-size:13px}
body:not(.pos-invoice-mode) .table-wrap{max-width:100%;box-shadow:none}
body:not(.pos-invoice-mode) .form-grid{gap:13px}
body:not(.pos-invoice-mode) .form-grid label{font-size:12px}
.card-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.card-heading-row h2{margin-bottom:4px!important}

/* Staff page: readable without compressing permissions and staff list */
.staff-access-layout{display:grid;grid-template-columns:minmax(660px,1.3fr) minmax(430px,.7fr);gap:20px;align-items:start}
.staff-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.staff-access-editor .access-toolbar-v72{margin-top:16px;padding:15px}
.staff-access-editor .access-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}
.staff-access-editor .access-permission{min-height:62px;border:1px solid #edf2ef;border-radius:12px;padding:10px}
.staff-access-editor .access-permission b{font-size:13px;line-height:1.3}
.staff-access-editor .access-permission small{font-size:10px;word-break:break-word}
.staff-account-list{min-width:0}
.staff-account-list .table-wrap{max-height:720px}
.staff-account-list table{min-width:760px}
.staff-account-list td:first-child{min-width:170px}

/* Sales target page */
.target-page-layout{display:grid;grid-template-columns:minmax(420px,.72fr) minmax(700px,1.28fr);gap:20px;align-items:start}
.target-form-card{position:sticky;top:96px}
.target-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.target-reference-field[hidden]{display:none!important}
.target-preview{display:grid;gap:4px;padding:14px 16px;border:1px solid #cfe5d8;background:linear-gradient(135deg,#f5fbf7,#ffffff);border-radius:15px}
.target-preview span,.target-preview small{color:#60766b;font-size:12px}
.target-preview b{font-size:14px;color:#0a5c39}
.target-table table{min-width:900px}
.target-table td:nth-child(2){min-width:220px}
.target-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.target-actions form{display:inline-flex}
.empty-state{padding:30px;text-align:center;display:grid;gap:6px;color:#667a70}
.empty-state b{font-size:16px;color:#183b2c}

/* Performance reports should stay readable on normal laptops */
.page-sales_performance .sales-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.page-sales_performance .sales-filter-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}

@media(max-width:1380px){
  .staff-access-layout,.target-page-layout{grid-template-columns:1fr}
  .target-form-card{position:static}
  .staff-account-list .table-wrap{max-height:none}
}
@media(max-width:900px){
  body:not(.pos-invoice-mode) .page-section-head{display:grid}
  .staff-basic-grid,.target-form-grid{grid-template-columns:1fr!important}
  .staff-access-editor .access-permission-grid{grid-template-columns:1fr}
  .page-sales_performance .sales-filter-grid{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  body:not(.pos-invoice-mode) .content{padding:16px 10px 82px!important}
  body:not(.pos-invoice-mode) .card{padding:14px}
  body:not(.pos-invoice-mode) .page-title{font-size:26px}
  .target-actions .btn{flex:1}
}

/* V75 multi-category / multi-product target plan builder */
.target-plan-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.target-plan-common{grid-row:span 2}
.target-common-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.target-picker-card{min-width:0}
.target-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto;padding:10px;border:1px solid #e1eae5;border-radius:15px;background:#f9fcfa}
.target-check-grid.compact{max-height:220px}
.target-check-grid label{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border:1px solid transparent;border-radius:11px;cursor:pointer;font-size:13px;line-height:1.35}
.target-check-grid label:hover{background:#fff;border-color:#d9e8df}
.target-check-grid label:has(input:checked){background:#edf9f2;border-color:#a8d8bb;color:#075b38}
.target-check-grid input{margin-top:2px;accent-color:#078a4a}
.target-product-picker{grid-template-columns:1fr;max-height:360px}
.target-product-picker label[hidden]{display:none!important}
.target-product-search-row,.target-picker-actions,.target-other-tools,.target-bulk-amount{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px}
.target-product-search-row .input{flex:1;min-width:240px}
.target-picker-actions .input{flex:1;min-width:220px}
.target-other-tools .input{min-width:180px;flex:1}
.target-lines-card{margin-top:18px}
.target-lines{display:grid;gap:10px}
.target-line{display:grid;grid-template-columns:40px minmax(220px,1fr) minmax(190px,280px) 42px;gap:12px;align-items:center;padding:12px;border:1px solid #dfeae4;background:#fff;border-radius:15px;box-shadow:0 5px 14px rgba(23,64,47,.04)}
.target-line-index{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf7f1;color:#087247;font-weight:800}
.target-line-name{display:grid;gap:3px;min-width:0}
.target-line-name span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6e8177;font-weight:700}
.target-line-name b{font-size:13px;white-space:normal;overflow-wrap:anywhere}
.target-line label{margin:0}
.target-line label>span{display:block;font-size:10px;color:#6e8177;margin:0 0 4px}
.target-line-remove{width:34px;height:34px;border:0;border-radius:10px;background:#fff0f0;color:#b42318;font-size:22px;cursor:pointer}
.target-line-remove:hover{background:#ffe0e0}
.target-line-summary{display:grid;text-align:right;gap:2px}.target-line-summary span{font-size:11px;color:#6c8175}.target-line-summary b{color:#087247}
.target-plan-save{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:15px 16px;border:1px solid #cde4d6;border-radius:16px;background:linear-gradient(135deg,#f0faf4,#fff)}
.target-plan-save>div{display:grid;gap:2px}.target-plan-save span,.target-plan-save small{font-size:11px;color:#688075}.target-plan-save strong{font-size:22px;color:#087247}
.target-plan-list{margin-top:24px}
.target-plan-result{padding:0;overflow:hidden;margin-bottom:14px}
.target-plan-result>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;background:linear-gradient(135deg,#fff,#f5faf7)}
.target-plan-result>summary::-webkit-details-marker{display:none}
.target-plan-result-title{display:grid;gap:4px}.target-plan-result-title b{font-size:16px}.target-plan-result-title span{font-size:11px;color:#6e8177}
.target-plan-result-kpis{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end}.target-plan-result-kpis span{font-size:11px;color:#6e8177}.target-plan-result-kpis b{font-size:13px}.target-plan-result-kpis em{font-style:normal;padding:7px 10px;border-radius:999px;background:#eaf8f0;color:#087247;font-weight:800}
.target-plan-progress{margin:0 18px 14px}
.target-plan-result .table-wrap{border-top:1px solid #e4ece7}
.target-plan-footer{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid #e4ece7;background:#fafcfb}
.target-single-edit-card{margin-bottom:18px;border-color:#bcdac9}
.target-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.duplicate-flash{animation:targetDuplicateFlash .9s ease}
@keyframes targetDuplicateFlash{0%,100%{box-shadow:0 5px 14px rgba(23,64,47,.04)}50%{box-shadow:0 0 0 4px rgba(245,158,11,.25);border-color:#f59e0b}}
@media(max-width:1100px){.target-plan-layout{grid-template-columns:1fr}.target-plan-common{grid-row:auto}.target-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.target-common-grid,.target-edit-grid{grid-template-columns:1fr!important}.target-check-grid{grid-template-columns:1fr}.target-line{grid-template-columns:34px 1fr 36px}.target-line label{grid-column:2/4}.target-plan-save,.target-plan-result>summary{align-items:stretch;flex-direction:column}.target-plan-result-kpis{justify-content:flex-start}.target-product-search-row .btn,.target-picker-actions .btn{width:100%}}

/* V76 configurable white-label color overrides */
.sidebar,.pos41-actions .final,.btn-primary,.installer-submit{background:var(--brand-primary,#0b8b4c)!important}
.nav-link.active,.nav-group[open]>summary{border-color:var(--brand-accent,#ff5b61)!important}
.draft-badge,.qty-pill,.badge.ok{color:var(--brand-primary,#0b8b4c)}
.topbar,.card,.settings-tool,.settings-hub-nav button{--brand-focus:var(--brand-primary,#0b8b4c)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand-primary,#0b8b4c)!important}

/* V76.1 — PO product picker + stock quick adjustments */
.po-add-product-card{overflow:visible}
.po-add-product-form{position:relative}
.po-product-picker{display:grid;grid-template-columns:minmax(320px,2fr) minmax(130px,.55fr) minmax(240px,1fr) auto;gap:12px;align-items:end}
.po-product-search{position:relative;display:block}
.po-product-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:320px;overflow:auto;background:#fff;border:1px solid #dce8e2;border-radius:14px;box-shadow:0 18px 42px rgba(24,55,42,.14);padding:6px}
.po-product-result{display:flex;width:100%;flex-direction:column;gap:3px;text-align:left;border:0;background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer;color:#173c2d}
.po-product-result:hover,.po-product-result:focus{background:#eef8f3;outline:none}
.po-product-result span,.po-product-empty{font-size:12px;color:#6f8178}
.po-product-empty{padding:14px}
.po-selected-product{min-height:44px;border:1px solid #dce8e2;border-radius:12px;background:#f8fbf9;padding:8px 11px;display:flex;flex-direction:column;justify-content:center}
.po-selected-product span{color:#798981;font-size:12px}.po-selected-product small{display:block;color:#6d7e75;margin-top:3px}
.stock-adjust-form{display:grid;grid-template-columns:minmax(140px,.5fr) minmax(300px,1.5fr) auto;gap:12px;align-items:end}
.stock-adjust-actions{display:flex;gap:8px;flex-wrap:wrap}
.stock-quick-adjust .btn{min-height:44px}
.input[readonly]{background:#f4f7f6;color:#52655c;cursor:not-allowed}
@media(max-width:1100px){.po-product-picker{grid-template-columns:1fr 160px}.po-selected-product{grid-column:1/-1}.po-product-picker>.btn{justify-self:start}.stock-adjust-form{grid-template-columns:160px 1fr}.stock-adjust-actions{grid-column:1/-1}}
@media(max-width:700px){.po-product-picker,.stock-adjust-form{grid-template-columns:1fr}.po-selected-product,.stock-adjust-actions{grid-column:auto}.po-product-picker>.btn,.stock-adjust-actions .btn{width:100%}}