:root{--bg:#f5f7fb;--card:#fff;--text:#17202a;--muted:#667085;--brand:#0f766e;--brand2:#14b8a6;--nav:#102a2a;--danger:#b42318;--border:#e5e7eb;--shadow:0 18px 45px rgba(16,24,40,.08);font-family:Inter,Arial,"Noto Sans Arabic",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.login-body{min-height:100vh;background:linear-gradient(135deg,#0b3b38,#0f766e 45%,#dff7f3);display:grid;place-items:center;padding:24px}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:rgba(255,255,255,.12);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.22);border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.22)}.login-brand{padding:64px;color:white;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.22),transparent 30%)}.brand-mark{width:72px;height:72px;border-radius:22px;background:white;color:var(--brand);display:grid;place-items:center;font-size:40px;font-weight:700;box-shadow:var(--shadow)}.brand-mark.small{width:44px;height:44px;border-radius:14px;font-size:24px}.login-brand h1{font-size:48px;margin:18px 0 6px}.login-brand p{font-size:19px;max-width:520px;opacity:.9;line-height:1.6}.feature-list{display:grid;gap:12px;margin-top:24px}.pill{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:#e7f8f5;color:#0f766e;font-size:12px;font-weight:700}.login-brand .pill{background:rgba(255,255,255,.16);color:#fff}.login-card{background:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center}.lang-switch{display:flex;gap:8px;justify-content:flex-end}.lang-switch a,.top-actions>a{padding:7px 10px;border:1px solid var(--border);border-radius:10px;font-size:12px}.login-card h2{font-size:30px;margin:30px 0 6px}.muted,small{color:var(--muted)}form{display:grid;gap:18px;margin-top:24px}label{display:grid;gap:8px;font-weight:700;font-size:13px}input{padding:14px 15px;border:1px solid #d0d5dd;border-radius:12px;font-size:15px;outline:none}input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(15,118,110,.1)}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;box-shadow:0 10px 24px rgba(15,118,110,.23)}.btn.ghost{background:#f8fafc;color:#344054}.alert{padding:12px 14px;border-radius:12px;background:#fef3f2;color:#b42318;margin-top:15px}.demo-box{display:grid;gap:4px;background:#f8fafc;border:1px dashed #d0d5dd;border-radius:14px;padding:14px;margin-top:24px}.app-body{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:white;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo-row{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.logo-row div:last-child{display:grid}.logo-row small{color:#9fd3cf}.sidebar nav{display:grid;gap:6px}.nav-item{background:transparent;border:0;color:#d8ecea;padding:11px 12px;border-radius:12px;text-align:start;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:white;transform:translateX(2px)}[dir=rtl] .nav-item:hover,[dir=rtl] .nav-item.active{transform:translateX(-2px)}.nav-icon{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.09);display:grid;place-items:center}.sidebar-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.net-badge{color:#9ff5cd}.main{min-width:0}.topbar{height:76px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar>div{display:flex;align-items:center;gap:12px}.topbar h1{font-size:20px}.icon-btn{border:0;background:#f2f4f7;border-radius:10px;padding:9px;cursor:pointer}.top-actions{display:flex;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;border-inline-start:1px solid var(--border);padding-inline-start:12px}.user-chip div{display:grid}.content{padding:28px;max-width:1600px;margin:auto}.hero{background:linear-gradient(135deg,#ecfdf9,#fff);border:1px solid #d5f5ee;border-radius:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.hero h2{font-size:28px;margin:10px 0 4px}.hero p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stats article{background:white;border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;gap:14px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.stats article>span{font-size:24px}.stats article div{display:grid;gap:4px}.stats b{font-size:20px}.stats em{font-style:normal;font-size:12px;color:#039855}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:white;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h3{margin:0 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid button{border:1px solid var(--border);background:#fbfcfd;border-radius:14px;padding:18px;display:grid;gap:8px;text-align:start;cursor:pointer;font-size:20px}.quick-grid button b{font-size:13px}.quick-grid button:hover{border-color:#9cded6;transform:translateY(-2px)}.alerts{display:grid}.alerts>div{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #eef2f6}.alerts>div:last-child{border-bottom:0}.alerts p{margin:0;display:grid}.danger{background:#fef3f2;color:#b42318}.table-panel{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #eef2f6;text-align:start;white-space:nowrap}th{font-size:12px;color:#667085;text-transform:uppercase}.sidebar,.nav-item,.quick-grid button,.btn{transition:.2s ease}@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.app-body{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:260px;transform:translateX(-100%)}[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translateX(100%)}.sidebar.open{transform:translateX(0)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.login-card{padding:28px 20px}.content{padding:16px}.topbar{padding:0 16px}.user-chip div{display:none}.hero{align-items:flex-start;gap:20px;flex-direction:column}.stats,.grid-2{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}}
.global-search{position:relative;margin:0;display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--border);border-radius:13px;padding:0 10px;min-width:min(460px,36vw)}.global-search input{border:0;background:transparent;box-shadow:none!important;width:100%;padding:10px 4px}.search-suggest{display:none;position:absolute;top:48px;inset-inline:0;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);max-height:420px;overflow:auto;z-index:30}.search-suggest.show{display:block}.suggest-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 13px;border-bottom:1px solid #eef2f6}.suggest-row:hover{background:#f5fbfa}.suggest-row small{display:block}.hero.compact{padding:22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.grid-products{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px}.product-search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 14px}.product-search-form input{width:100%}.import-panel form{margin-top:16px}.import-panel select{padding:13px;border:1px solid #d0d5dd;border-radius:12px;background:#fff}.hint-box,.import-result{margin-top:16px;padding:14px;border-radius:14px;background:#f0fdfa;border:1px solid #bceee6;display:grid;gap:5px}.import-result{margin-bottom:16px}.stock-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ecfdf3;color:#027a48;font-weight:800}.stock-pill.low{background:#fef3f2;color:#b42318}.doc-btn{display:inline-flex;padding:6px 9px;margin-inline-end:6px;border-radius:9px;background:#eef8f7;color:#0f766e;font-weight:800;font-size:12px}td small{display:block;color:var(--muted);margin-top:3px}@media(max-width:1150px){.global-search{min-width:260px}.grid-products{grid-template-columns:1fr}}@media(max-width:800px){.global-search{display:none}.hero-actions{width:100%}}
.notification-row.critical{background:#fff8f7}.notification-row.warning{background:#fffcf5}.notification-row.read{opacity:.72}.severity{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase}.severity.critical{background:#fef3f2;color:#b42318}.severity.warning{background:#fffaeb;color:#b54708}.severity.info{background:#eff8ff;color:#175cd3}.alert-stats em{font-weight:700}.notification-row form{display:block}

.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:18px}.pos-search{position:relative}.pos-search>input{font-size:1.15rem;padding:16px;width:100%}.pos-results{display:grid;gap:8px;margin-top:10px}.pos-result{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:14px;cursor:pointer}.pos-result:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0f172a12}.pos-result span{display:flex;flex-direction:column;gap:3px}.pos-result small,td small{display:block;color:#64748b;margin-top:3px}.qty-mini{width:76px;padding:7px}.pos-total{display:flex;align-items:center;justify-content:space-between;padding:18px 4px;font-size:1.08rem}.pos-total b{font-size:1.45rem}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-form .check,.settings-form button{grid-column:1/-1}.import-result.error{border-color:#fecaca;background:#fff7f7}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:980px){.pos-layout{grid-template-columns:1fr}.settings-form{grid-template-columns:1fr}.settings-form .check,.settings-form button{grid-column:auto}}
.operation-panel{margin-top:18px}.hidden{display:none!important}.inline-form{display:flex;align-items:end;gap:10px;margin:0;flex-wrap:wrap}.inline-form input,.inline-form select{min-width:150px}.suggestion-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.suggestion-card{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid var(--border);padding:12px;border-radius:14px;background:#fbfcfd;cursor:pointer}.suggestion-card input{width:auto}.suggestion-card span{display:grid}.operation-panel textarea,.panel textarea,.panel select{padding:12px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;min-height:44px}.panel textarea{min-height:110px;resize:vertical}.variance-negative{color:#b42318;font-weight:800}.variance-positive{color:#027a48;font-weight:800}.danger{background:#fef3f2!important;color:#b42318!important}@media(max-width:1000px){.suggestion-select-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.suggestion-select-grid{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.inline-form>*{width:100%}}
.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finance-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.finance-summary>div{border:1px solid var(--border);background:#fbfcfd;border-radius:14px;padding:14px;display:grid;gap:5px}.finance-summary b{font-size:1.05rem}.mini-chart{display:grid;gap:10px;margin-top:12px}.bar-row{display:grid;grid-template-columns:48px 1fr 95px;gap:10px;align-items:center}.bar-row>div{height:10px;border-radius:999px;background:#eef2f6;overflow:hidden}.bar-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2))}.bar-row b{text-align:end;font-size:12px}.filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:white;border:1px solid var(--border);border-radius:16px;padding:14px;margin:18px 0}.filter-bar label{min-width:150px}.pill.success{background:#ecfdf3;color:#027a48}.pill.warning{background:#fffaeb;color:#b54708}@media(max-width:700px){.payment-grid,.finance-summary{grid-template-columns:1fr}.bar-row{grid-template-columns:42px 1fr 76px}}

.wholesale-box{display:flex;gap:14px;align-items:end;justify-content:space-between;padding:14px;margin-top:12px;border:1px solid #dbe7e5;border-radius:14px;background:linear-gradient(135deg,#f0fdfa,#fff)}.wholesale-box label{flex:1;margin:0}.wholesale-box>div{min-width:150px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e5e7eb}.wholesale-box small,.wholesale-box b{display:block}.wholesale-box b{font-size:20px;color:#0f766e}.settings-form textarea{width:100%;resize:vertical}@media(max-width:760px){.wholesale-box{align-items:stretch;flex-direction:column}}

/* Central branding overrides */
body{font-family:var(--brand-font,Inter,Arial,sans-serif)}
.btn.primary,.nav-item.active,.brand-mark{background:var(--brand-primary,#0f766e)!important}
.pill,.doc-btn{border-color:color-mix(in srgb,var(--brand-primary,#0f766e) 28%,#dbe7e5)}
.inventory-scan{display:flex;gap:12px;align-items:center;margin:0 0 16px}.inventory-scan input{flex:1;min-height:46px}.inventory-scan small{white-space:nowrap}.scan-hit{outline:2px solid var(--brand-accent,#14b8a6);outline-offset:-2px}.permission-list{display:grid;gap:8px;max-height:620px;overflow:auto}.permission-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #e5eceb;border-radius:12px}.permission-row small{display:block;color:#64748b}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.installer-body{min-height:100vh;margin:0;background:linear-gradient(145deg,#071f1d,#0f766e 48%,#e9fbf7);padding:32px;display:grid;place-items:center}.installer-shell{width:min(1180px,100%);display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 32px 90px #001b1840}.installer-intro{padding:48px;background:linear-gradient(160deg,#0d4f4a,#102a2a);color:#fff}.installer-intro h1{font-size:38px;margin:18px 0 10px}.installer-intro p{line-height:1.65;color:#d8ecea}.installer-card{padding:44px;max-height:90vh;overflow:auto}.installer-card h2{margin-top:0;font-size:30px}.installer-card h3{margin:18px 0 0;color:#0f766e}.check-list{display:grid;gap:10px;margin-top:28px}.check-row{display:grid;gap:3px;padding:12px 14px;border-radius:13px;background:#ffffff12;border:1px solid #ffffff1f}.check-row small{color:#cce6e3}.check-row.bad{background:#7f1d1d55}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-form select,.installer-card select,select,textarea{padding:13px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;font:inherit}.crud-editor{margin-top:18px}.sidebar nav{overflow:auto;padding-inline-end:3px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff20;border-radius:10px}@media(max-width:800px){.installer-body{padding:0}.installer-shell{grid-template-columns:1fr;border-radius:0;min-height:100vh}.installer-intro{padding:28px}.installer-card{padding:28px;max-height:none}.form-grid{grid-template-columns:1fr}}
.location-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--brand-primary) 12%,white);border:1px solid color-mix(in srgb,var(--brand-primary) 25%,transparent);font-weight:800;white-space:nowrap}.quick-location{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:.35rem .75rem;align-items:center;padding:.65rem 0;border-bottom:1px solid rgba(15,23,42,.08)}.quick-location:last-child{border-bottom:0}.quick-location small{grid-column:1/-1}.shelf-map-card{border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:12px;background:#fff}

/* Deep warehouse flow */
.warehouse-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.map-location{border:1px solid var(--border,#dfe7e5);border-radius:18px;padding:15px;background:linear-gradient(180deg,#fff,#f8fbfa);min-height:135px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.map-location.type-cold{outline:2px solid rgba(14,165,233,.16)}.map-location.type-quarantine{outline:2px solid rgba(220,38,38,.16)}.map-location-head,.map-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.map-location-head b{font-size:18px;letter-spacing:.04em}.map-location-head span{font-weight:800}.fill-meter{height:9px;background:#e8efed;border-radius:999px;overflow:hidden;margin:12px 0}.fill-meter i{display:block;height:100%;background:currentColor;border-radius:999px}.map-meta{font-size:11px;color:#60706c}.map-alert{display:inline-block;margin-top:10px;font-size:11px;font-style:normal;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff2d9;color:#9a5a00}.scanner-console{display:grid;grid-template-columns:1fr auto;gap:10px}.scanner-console input{font-size:18px;min-height:52px}.mobile-scanner{position:relative}.quick-location-result .scan-card{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid #e1e8e6;border-radius:14px;padding:12px;margin-top:10px}.scan-card strong{font-size:18px}.scan-card small{grid-column:1/-1}.putaway-mobile-hint{padding:10px 12px;border-radius:12px;background:#effaf7;margin:8px 0;font-size:12px}.storage-profile{font-size:11px;font-weight:700;padding:4px 7px;border-radius:999px;background:#edf4f3}.pick-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:720px){.warehouse-map{grid-template-columns:1fr 1fr}.scanner-console{grid-template-columns:1fr}.map-location{min-height:120px}.mobile-scanner{position:sticky;bottom:8px;z-index:8;box-shadow:0 16px 40px rgba(15,23,42,.18)}}


.floor-plan{position:relative;min-height:560px;border:1px solid var(--border,#d9e2ea);border-radius:18px;background:linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px);background-size:24px 24px;overflow:hidden}
.floor-slot{position:absolute;min-width:84px;min-height:54px;padding:8px;border:2px solid rgba(15,23,42,.16);border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:2px;overflow:hidden}
.floor-slot b{font-size:.8rem}.floor-slot small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floor-slot em{font-size:.65rem;font-weight:800}.floor-slot.type-cold{background:#eff9ff}.floor-slot.type-quarantine{background:#fff2f2}.floor-slot.type-reserve{background:#f7f4ff}.floor-slot.type-sales{background:#f3fff7}.scan-triplet{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:6px;min-width:560px}.scan-triplet input{min-width:110px}
@media(max-width:780px){.floor-plan{min-height:440px}.floor-slot{min-width:70px}.scan-triplet{min-width:0;grid-template-columns:1fr}.floor-slot small{display:none}}

/* Final deep polish */
.floor-slot[draggable="true"]{cursor:grab;user-select:none;touch-action:none}.floor-slot.dragging{opacity:.65;cursor:grabbing;z-index:20;box-shadow:0 18px 45px rgba(15,23,42,.25)}#saveFloorDrag[data-dirty="1"]{box-shadow:0 0 0 3px rgba(245,158,11,.2)}.ops-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}

/* Owner Intelligence 2.0 */
.metric-stack{display:grid;gap:0;margin:8px 0 18px}.metric-stack p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:11px 0;border-bottom:1px solid var(--border)}.metric-stack p:last-child{border-bottom:0}.metric-stack span{color:var(--muted)}.metric-stack b{font-variant-numeric:tabular-nums}.owner-risk{font-weight:800;color:#b42318}.owner-positive{font-weight:800;color:#027a48}@media(max-width:640px){body .stats article{padding:15px}.stats b{font-size:18px}.owner-mobile .topbar{position:static}.owner-mobile .content{padding:12px}}

/* Quick POS Terminal */
.quick-pos-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:18px;align-items:start}.quick-pos-main{min-width:0}.terminal-search{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:18px}.terminal-search>span{font-size:24px}.terminal-search input{font-size:20px;min-height:58px;border:2px solid color-mix(in srgb,var(--brand-primary) 25%,#d0d5dd);border-radius:16px;padding:0 18px}.terminal-search .pos-results{grid-column:1/-1;position:absolute;z-index:30;top:64px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 55px rgba(15,23,42,.16);max-height:420px;overflow:auto}.quick-strip-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:8px 0 12px}.quick-strip-head h3{margin:0}.quick-strip-head small{color:var(--muted)}.quick-tabs{display:flex;gap:6px;flex-wrap:wrap}.quick-filter{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 11px;cursor:pointer;font-weight:700}.quick-filter.active{background:var(--brand-primary);color:#fff}.quick-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-product-card{position:relative;min-height:142px;border:1px solid #dce6e3;background:linear-gradient(180deg,#fff,#f8fbfa);border-radius:18px;padding:13px;text-align:start;display:flex;flex-direction:column;gap:4px;cursor:pointer;box-shadow:0 5px 16px rgba(15,23,42,.04);transition:.15s transform,.15s box-shadow}.quick-product-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(15,23,42,.10)}.quick-product-card:active{transform:scale(.98)}.quick-product-card b{line-height:1.2}.quick-product-card small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-product-card strong{margin-top:auto;color:var(--brand-primary);font-size:16px}.quick-product-card em{font-size:11px;font-style:normal;font-weight:800}.quick-product-card.out{opacity:.5;cursor:not-allowed}.quick-product-icon{font-size:22px}.quick-pos-tools{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.quick-cart-panel{position:sticky;top:86px}.quick-cart-table{max-height:300px;overflow:auto}.quick-cart-table table{min-width:0}.terminal-payments{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.pay-method{border:1px solid var(--border);border-radius:14px;background:#fff;padding:13px 8px;font-weight:800;cursor:pointer}.pay-method.active{background:color-mix(in srgb,var(--brand-primary) 12%,white);border-color:var(--brand-primary);color:var(--brand-primary)}.terminal-checkout{width:100%;min-height:58px;font-size:18px;margin-top:12px}.pos-branch-switch{display:flex;justify-content:flex-end;margin:-8px 0 12px}.pos-branch-switch label{min-width:260px}.pos-terminal-mode .sidebar,.pos-terminal-mode .topbar{display:none}.pos-terminal-mode .main{margin:0!important}.pos-terminal-mode .content{max-width:none;padding:14px}.pos-terminal-mode .pos-hero{margin-top:0}.pos-terminal-mode .quick-cart-panel{top:14px}
@media(max-width:1180px){.quick-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-pos-shell{grid-template-columns:1fr}.quick-cart-panel{position:static}}
@media(max-width:680px){.quick-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-strip-head{align-items:start;flex-direction:column}.quick-product-card{min-height:125px}.terminal-payments{grid-template-columns:1fr 1fr 1fr}.quick-pos-tools{align-items:stretch;flex-direction:column}}
.quick-product-wrap{position:relative;min-width:0}.quick-product-wrap .quick-product-card{width:100%;height:100%}.quick-star{position:absolute;top:8px;right:8px;z-index:3;width:30px;height:30px;border-radius:999px;border:1px solid #dbe5e2;background:#fff;color:#d18b00;font-size:18px;cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.08)}

/* POS Terminal Pro */
.rx-badge{position:absolute;left:8px;top:8px;background:#7c2d12;color:#fff;border-radius:8px;padding:3px 6px;font-size:10px;font-weight:900}.pos-tool-buttons{display:flex;gap:8px;flex-wrap:wrap}.parked-carts-panel{margin-top:12px;padding:10px;background:#f8fafc;border:1px solid var(--border);border-radius:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.parked-carts-panel.hidden{display:none}.parked-cart-card{position:relative;text-align:left;border:1px solid var(--border);background:#fff;border-radius:14px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.parked-cart-card small{color:var(--muted)}.resume-parked{color:var(--brand-primary);font-weight:800;font-size:12px}.remove-parked{position:absolute;right:8px;top:8px;border-radius:50%;background:#fee2e2;color:#991b1b;width:22px;height:22px;display:grid;place-items:center}.cash-helper{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:10px 0}.cash-fast{display:flex;gap:6px;flex-wrap:wrap}.cash-fast button{border:1px solid var(--border);background:#fff;padding:10px 13px;border-radius:12px;font-weight:800;cursor:pointer}.cash-fast button:hover{border-color:var(--brand-primary)}.change-display{min-width:140px;padding:8px 12px;border-radius:14px;background:#ecfdf5;text-align:right}.change-display small{display:block;color:#047857}.change-display b{font-size:18px;color:#065f46}.quick-product-card.rx{border-color:#fdba74}@media(max-width:760px){.parked-carts-panel{grid-template-columns:1fr 1fr}.cash-helper{grid-template-columns:1fr}.change-display{text-align:left}}

.cash-keypad{display:grid;grid-template-columns:repeat(4,42px);gap:5px}.cash-keypad button{height:38px;border:1px solid var(--border);background:#fff;border-radius:10px;font-weight:900;cursor:pointer}.stock-low-text{color:#b45309!important;font-weight:900!important}

.branch-availability{margin:12px 0;padding:14px;border:1px solid #bae6fd;background:#f0f9ff;border-radius:16px;display:flex;gap:10px;flex-wrap:wrap}.branch-availability.hidden{display:none}.branch-availability>b{width:100%;color:#075985}.branch-availability span{background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:8px 11px}.customer-display-screen{min-height:calc(100vh - 120px);background:linear-gradient(135deg,#f8fffd,#eefaf7);border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:24px}.customer-display-brand{font-weight:900;font-size:24px;color:var(--brand-primary)}.customer-display-welcome{text-align:center}.customer-display-welcome h1{font-size:42px;margin:0}.customer-display-items{display:grid;gap:10px;max-width:900px;width:100%;margin:auto}.customer-display-items>div{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;background:#fff;border:1px solid var(--border);border-radius:16px;font-size:20px}.customer-display-items small{display:block;color:var(--muted)}.customer-display-total{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:var(--brand-primary);color:#fff;border-radius:20px;font-size:28px}.customer-display-total b{font-size:38px}.customer-display-empty{text-align:center!important;display:block!important;color:var(--muted)}
/* POS Terminal Pro 3: network reservation, transfer and customer display */
.branch-availability .branch-stock-action{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:8px;background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:10px 12px}.branch-stock-action small{display:block;color:var(--muted)}.branch-stock-action button{white-space:nowrap}.pos-modal{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.62);display:grid;place-items:center;padding:18px}.pos-modal.hidden{display:none}.pos-modal-card{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(15,23,42,.28)}.pos-modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;font-size:22px;cursor:pointer}.pos-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.network-action-result{margin-top:14px}.network-success{padding:14px;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0}.network-success .action-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.customer-display-brand{display:flex;align-items:center;gap:12px}.customer-display-brand img{max-height:54px;max-width:180px;object-fit:contain}.customer-display-status{min-height:44px;text-align:center;font-size:22px;font-weight:900;border-radius:14px;padding:8px}.customer-display-status:empty{display:none}.customer-display-status.processing{background:#fff7ed;color:#9a3412}.customer-display-status.paid{background:#dcfce7;color:#166534}.customer-display-ad{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 18px;border-radius:18px;background:#fff;border:1px solid var(--border);font-weight:800}.customer-display-ad img{max-height:110px;max-width:280px;object-fit:contain;border-radius:12px}@media(max-width:720px){.branch-availability .branch-stock-action{grid-template-columns:1fr}.pos-modal-actions{flex-direction:column}.pos-modal-actions .btn{width:100%}}

/* POS Terminal Pro 4 */
.pos-customer-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 10px;scrollbar-width:thin}.pos-customer-tab{border:1px solid var(--border);background:#fff;border-radius:13px;padding:9px 13px;font-weight:800;white-space:nowrap;cursor:pointer}.pos-customer-tab.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.pos-smart-groups{display:flex;gap:8px;overflow:auto;margin:0 0 12px}.smart-group-btn{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:14px;padding:10px 14px;font-weight:900;white-space:nowrap;cursor:pointer}.pos-intelligent-finder{margin-top:16px;border:1px solid #c7d2fe;border-radius:18px;padding:14px;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.finder-row{display:grid;grid-template-columns:1fr auto;gap:8px}.finder-row input{min-height:46px}.intelligent-finder-results{display:grid;gap:8px;margin-top:10px}.finder-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.finder-result small{display:block;color:var(--muted)}.finder-decision{font-weight:900;border-radius:999px;padding:6px 10px;font-size:12px}.finder-decision.sell{background:#dcfce7;color:#166534}.finder-decision.replenish{background:#fef3c7;color:#92400e}.finder-decision.network{background:#dbeafe;color:#1d4ed8}.finder-decision.purchase{background:#fee2e2;color:#991b1b}@media(max-width:680px){.finder-row{grid-template-columns:1fr}.finder-result{grid-template-columns:1fr}}

/* POS Touch Caisse Pro 5 - full-screen pharmacy terminal */
.pos-touch-kiosk{background:#eef3f5;overflow-x:hidden}.pos-touch-kiosk .content{padding:10px 12px 16px}.pos-touch-kiosk .pos-command-bar{position:sticky;top:0;z-index:45;margin:0 0 10px;padding:10px 14px;border:1px solid #dce7e5;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 7px 24px rgba(15,23,42,.07)}.pos-touch-kiosk .pos-command-bar h2{font-size:1.12rem;margin:2px 0}.pos-touch-kiosk .pos-command-bar p{display:none}.pos-command-actions{align-items:center}.pos-touch-kiosk .quick-pos-shell{grid-template-columns:minmax(0,1.6fr) minmax(390px,.72fr);gap:12px}.pos-touch-kiosk .panel{border-radius:20px;box-shadow:0 8px 28px rgba(15,23,42,.055);border-color:#dfe9e7}.pos-touch-kiosk .quick-pos-main{padding:12px}.pos-touch-kiosk .quick-cart-panel{top:10px;height:calc(100vh - 20px);display:flex;flex-direction:column;padding:14px;overflow:auto}.pos-touch-kiosk .pos-customer-tabs{padding-bottom:8px}.pos-touch-kiosk .pos-customer-tab{min-height:46px;padding:11px 16px;border-radius:15px;font-size:14px}.pos-touch-kiosk .terminal-search{margin-bottom:10px;grid-template-columns:52px 1fr}.pos-touch-kiosk .terminal-search>span{width:52px;height:58px;display:grid;place-items:center;border-radius:16px;background:var(--brand-primary);color:#fff;font-size:29px}.pos-touch-kiosk .terminal-search input{height:58px;font-size:21px;font-weight:700;background:#fff;border-width:2px;box-shadow:0 5px 15px rgba(15,23,42,.05)}.pos-touch-kiosk .quick-strip-head{margin:4px 0 8px}.pos-touch-kiosk .quick-tabs,.pos-touch-kiosk .pos-smart-groups{gap:7px}.pos-touch-kiosk .quick-filter,.pos-touch-kiosk .smart-group-btn{min-height:44px;padding:10px 16px;font-size:14px;border-radius:14px}.pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pos-touch-kiosk .quick-product-card{min-height:132px;padding:11px;border-radius:17px;border:2px solid #e5efed;box-shadow:none}.pos-touch-kiosk .quick-product-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 45%,#dce6e3);box-shadow:0 8px 22px rgba(15,23,42,.08)}.pos-touch-kiosk .quick-product-card:active{transform:scale(.96);background:#eefbf7}.pos-touch-kiosk .quick-product-card b{font-size:14px;min-height:34px}.pos-touch-kiosk .quick-product-card strong{font-size:18px}.pos-touch-kiosk .quick-product-card em{font-size:12px}.pos-touch-kiosk .quick-product-icon{font-size:25px}.pos-touch-kiosk .quick-star{width:34px;height:34px;font-size:19px}.pos-touch-kiosk .quick-pos-tools{margin-top:9px}.pos-touch-kiosk .pos-tool-buttons .doc-btn{min-height:42px;padding:9px 13px}.pos-touch-kiosk .pos-intelligent-finder{margin-top:10px;padding:10px}.pos-touch-kiosk .hint-box{display:none}.pos-cart-head{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:7px}.pos-touch-kiosk .quick-cart-table{max-height:none;min-height:120px;flex:1}.pos-touch-kiosk .quick-cart-table td{padding:9px 5px}.pos-touch-kiosk .wholesale-box{border-radius:16px;background:#f8fafc;padding:9px;margin-top:7px}.pos-grand-total{background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 75%,#0f172a));color:#fff;border-radius:18px;padding:14px 16px;margin:9px 0}.pos-grand-total b{font-size:30px;color:#fff}.pos-grand-total small{color:#d1fae5}.pos-touch-kiosk .terminal-payments{gap:7px;margin:8px 0}.pos-touch-kiosk .pay-method{min-height:58px;font-size:15px;border-width:2px}.pos-touch-kiosk .pay-method.active{background:var(--brand-primary);color:#fff}.pos-touch-kiosk .cash-helper{grid-template-columns:1fr;gap:7px}.pos-touch-kiosk .cash-fast{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pos-touch-kiosk .cash-fast button{min-height:48px;font-size:16px}.pos-touch-kiosk .cash-keypad{grid-template-columns:repeat(4,1fr);gap:6px}.pos-touch-kiosk .cash-keypad button{height:48px;font-size:17px}.pos-touch-kiosk .change-display{text-align:center;min-width:0;padding:8px;background:#ecfdf5;border:1px solid #a7f3d0}.pos-touch-kiosk .change-display b{font-size:22px}.pos-touch-kiosk .payment-grid{grid-template-columns:1fr 1fr;gap:8px}.pos-touch-kiosk .payment-grid label{font-size:12px}.pos-touch-kiosk .payment-grid input{min-height:44px}.pos-pay-now{position:sticky;bottom:0;z-index:3;min-height:66px!important;font-size:22px!important;border-radius:18px!important;box-shadow:0 -8px 24px rgba(255,255,255,.85),0 12px 30px color-mix(in srgb,var(--brand-primary) 25%,transparent)}
.pos-kiosk-float{position:fixed;left:12px;bottom:12px;z-index:90;width:46px;height:46px;border:0;border-radius:15px;background:#0f172a;color:#fff;box-shadow:0 10px 28px #0f172a40;font-size:20px;cursor:pointer}.pos-touch-kiosk.pos-ui-minimal .pos-command-bar{display:none}.pos-touch-kiosk.pos-ui-minimal .content{padding-top:8px}
@media(max-width:1280px){.pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pos-touch-kiosk .quick-pos-shell{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:980px){.pos-touch-kiosk .quick-pos-shell{grid-template-columns:1fr}.pos-touch-kiosk .quick-cart-panel{position:relative;height:auto;top:0}.pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-touch-kiosk .cash-fast{grid-template-columns:repeat(3,1fr)}.pos-touch-kiosk .pos-command-actions .pill{display:none}.pos-touch-kiosk .payment-grid{grid-template-columns:1fr}}

/* === POS Touch Caisse Stable Layout v6 ===
   Final override: one layout system, no overlapping sticky layers. */
.pos-touch-kiosk{overflow-x:hidden;background:#eef3f5}
.pos-touch-kiosk .content{width:100%;max-width:none;min-width:0;padding:10px 12px 18px}
.pos-touch-kiosk .pos-command-bar{position:relative!important;top:auto!important;z-index:5;margin:0 0 10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #dfe7e5;border-radius:16px;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.pos-touch-kiosk .pos-command-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.pos-touch-kiosk .pos-command-actions .btn{min-height:42px;padding:9px 12px;white-space:nowrap}
.pos-touch-kiosk .pos-branch-switch{margin:0 0 10px;display:flex;justify-content:flex-end}
.pos-touch-kiosk .quick-pos-shell{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(350px,420px)!important;gap:12px!important;align-items:start!important;width:100%;min-width:0}
.pos-touch-kiosk .quick-pos-main,.pos-touch-kiosk .quick-cart-panel{min-width:0;width:100%;margin:0}
.pos-touch-kiosk .quick-pos-main{padding:12px;overflow:visible}
.pos-touch-kiosk .quick-cart-panel{position:sticky!important;top:10px!important;height:auto!important;max-height:calc(100vh - 20px);overflow:auto!important;padding:12px;display:block!important}
.pos-touch-kiosk .pos-cart-head{position:relative!important;top:auto!important;z-index:auto!important;background:transparent!important;padding:0 0 8px}
.pos-touch-kiosk .quick-cart-table{display:block;max-height:30vh!important;min-height:110px!important;overflow:auto!important}
.pos-touch-kiosk .quick-cart-table table{width:100%;table-layout:auto}
.pos-touch-kiosk .quick-cart-table th,.pos-touch-kiosk .quick-cart-table td{white-space:normal!important;vertical-align:middle;padding:8px 5px}
.pos-touch-kiosk .pos-pay-now{position:relative!important;bottom:auto!important;z-index:auto!important;width:100%;min-height:64px!important;margin-top:10px;box-shadow:0 8px 22px rgba(15,118,110,.18)!important}
.pos-touch-kiosk .terminal-search{position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:8px;margin:0 0 10px;align-items:center}
.pos-touch-kiosk .terminal-search>span{width:52px;height:56px;display:grid;place-items:center}
.pos-touch-kiosk .terminal-search input{width:100%;min-width:0;height:56px}
.pos-touch-kiosk .terminal-search .pos-results{grid-column:1/-1;top:62px;left:0;right:0;max-height:min(46vh,420px);overflow:auto;z-index:70}
.pos-touch-kiosk .pos-customer-tabs,.pos-touch-kiosk .quick-tabs,.pos-touch-kiosk .pos-smart-groups,.pos-touch-kiosk .pos-tool-buttons{display:flex;gap:7px;flex-wrap:wrap;min-width:0}
.pos-touch-kiosk .quick-strip-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.pos-touch-kiosk .quick-product-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;align-items:stretch}
.pos-touch-kiosk .quick-product-wrap{min-width:0;width:100%}
.pos-touch-kiosk .quick-product-card{width:100%;height:100%;min-height:126px!important;overflow:hidden;word-break:break-word}
.pos-touch-kiosk .quick-product-card b{display:block;min-height:32px;max-height:36px;overflow:hidden}
.pos-touch-kiosk .quick-product-card small{display:block;max-width:100%;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.pos-touch-kiosk .wholesale-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:8px}
.pos-touch-kiosk .wholesale-box label{min-width:0}
.pos-touch-kiosk .wholesale-box select{width:100%;min-width:0}
.pos-touch-kiosk .pos-grand-total{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
.pos-touch-kiosk .pos-grand-total b{font-size:clamp(24px,2.2vw,32px);white-space:nowrap}
.pos-touch-kiosk .terminal-payments{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.pos-touch-kiosk .cash-helper{display:grid!important;grid-template-columns:1fr;gap:8px}
.pos-touch-kiosk .cash-fast{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.pos-touch-kiosk .cash-keypad{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pos-touch-kiosk .cash-fast button,.pos-touch-kiosk .cash-keypad button,.pos-touch-kiosk .pay-method{min-width:0;white-space:nowrap}
.pos-touch-kiosk .payment-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pos-touch-kiosk .payment-grid>*{min-width:0}
.pos-touch-kiosk .payment-grid input,.pos-touch-kiosk .payment-grid select{width:100%;min-width:0}
.pos-touch-kiosk .pos-intelligent-finder,.pos-touch-kiosk .branch-availability,.pos-touch-kiosk .parked-carts-panel{max-width:100%;overflow:auto}
.pos-touch-kiosk .pos-kiosk-float{left:12px;bottom:12px}
[dir=rtl] .pos-touch-kiosk .pos-kiosk-float{left:auto;right:12px}

@media (max-width:1450px){
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .pos-touch-kiosk .quick-pos-shell{grid-template-columns:minmax(0,1fr) minmax(340px,390px)!important}
}
@media (max-width:1180px){
 .pos-touch-kiosk .quick-pos-shell{grid-template-columns:1fr!important}
 .pos-touch-kiosk .quick-cart-panel{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}
 .pos-touch-kiosk .quick-cart-table{max-height:320px!important}
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:850px){
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .pos-touch-kiosk .cash-fast{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pos-touch-kiosk .pos-command-bar{align-items:flex-start}
 .pos-touch-kiosk .pos-command-actions{width:100%}
}
@media (max-width:620px){
 .pos-touch-kiosk .content{padding:6px}
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pos-touch-kiosk .terminal-search{grid-template-columns:44px minmax(0,1fr)!important}
 .pos-touch-kiosk .terminal-search>span{width:44px;height:52px}
 .pos-touch-kiosk .terminal-search input{height:52px;font-size:17px}
 .pos-touch-kiosk .terminal-payments{grid-template-columns:1fr!important}
 .pos-touch-kiosk .payment-grid{grid-template-columns:1fr!important}
 .pos-touch-kiosk .wholesale-box{grid-template-columns:1fr}
 .pos-touch-kiosk .pos-command-actions .pill{display:none}
}

/* === POS Visual Polish v7 ===
   Visual-only refinement for touch displays. No business logic changes. */
.pos-touch-kiosk{
 --pos-surface:#ffffff;
 --pos-bg:#edf3f4;
 --pos-line:#dce7e5;
 --pos-soft:#f6faf9;
 --pos-touch:52px;
 --pos-radius:18px;
 --pos-gap:10px;
 background:var(--pos-bg);
 -webkit-tap-highlight-color:transparent;
}
.pos-touch-kiosk .content{padding:10px 12px 16px}
.pos-touch-kiosk .quick-pos-main,
.pos-touch-kiosk .quick-cart-panel{
 background:var(--pos-surface);
 border:1px solid var(--pos-line);
 border-radius:22px;
 box-shadow:0 10px 30px rgba(16,42,42,.07);
}
.pos-touch-kiosk .quick-pos-main{padding:14px}
.pos-touch-kiosk .quick-cart-panel{padding:14px}
.pos-touch-kiosk .pos-command-bar{
 border-radius:18px;
 border-color:var(--pos-line);
 padding:9px 12px;
 box-shadow:0 5px 18px rgba(16,42,42,.055)
}
.pos-touch-kiosk .pos-command-bar strong{font-size:15px;letter-spacing:.01em}
.pos-touch-kiosk .pos-command-actions .btn,
.pos-touch-kiosk .pos-command-actions .doc-btn{min-height:46px;border-radius:13px}
.pos-touch-kiosk .terminal-search{
 background:var(--pos-soft);
 border:1px solid var(--pos-line);
 border-radius:18px;
 padding:7px;
 margin-bottom:12px
}
.pos-touch-kiosk .terminal-search>span{
 border-radius:13px;
 background:#fff;
 border:1px solid var(--pos-line);
 color:var(--brand-primary)
}
.pos-touch-kiosk .terminal-search input{
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 font-size:clamp(17px,1.15vw,21px);
 font-weight:650;
 padding-inline:10px
}
.pos-touch-kiosk .terminal-search:focus-within{
 border-color:color-mix(in srgb,var(--brand-primary) 50%,#dce7e5);
 box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 10%,transparent)
}
.pos-touch-kiosk .pos-customer-tabs,
.pos-touch-kiosk .pos-smart-groups,
.pos-touch-kiosk .quick-tabs{gap:8px}
.pos-touch-kiosk .pos-customer-tab,
.pos-touch-kiosk .smart-group-btn,
.pos-touch-kiosk .quick-filter{
 min-height:44px;
 border-radius:13px;
 padding:9px 14px;
 font-size:13px;
 box-shadow:none
}
.pos-touch-kiosk .pos-customer-tab.active,
.pos-touch-kiosk .quick-filter.active{
 box-shadow:0 5px 15px color-mix(in srgb,var(--brand-primary) 18%,transparent)
}
.pos-touch-kiosk .quick-strip-head{margin:10px 0 10px}
.pos-touch-kiosk .quick-strip-head h3{font-size:16px;letter-spacing:-.01em}
.pos-touch-kiosk .quick-product-grid{gap:9px!important}
.pos-touch-kiosk .quick-product-card{
 min-height:132px!important;
 border-radius:17px;
 border:1px solid #dbe6e3;
 background:#fff;
 padding:12px;
 box-shadow:0 4px 12px rgba(15,23,42,.045);
 transition:transform .11s ease,box-shadow .11s ease,border-color .11s ease;
 touch-action:manipulation
}
.pos-touch-kiosk .quick-product-card:hover{
 transform:translateY(-1px);
 border-color:color-mix(in srgb,var(--brand-primary) 35%,#dbe6e3);
 box-shadow:0 9px 20px rgba(15,23,42,.08)
}
.pos-touch-kiosk .quick-product-card:active{
 transform:scale(.975);
 box-shadow:0 2px 8px rgba(15,23,42,.06)
}
.pos-touch-kiosk .quick-product-card b{
 font-size:clamp(13px,.9vw,15px);
 line-height:1.25;
 min-height:34px;
 max-height:38px
}
.pos-touch-kiosk .quick-product-card strong{
 font-size:clamp(17px,1.1vw,20px);
 letter-spacing:-.02em
}
.pos-touch-kiosk .quick-product-card small{font-size:11.5px}
.pos-touch-kiosk .quick-product-card em{font-size:11px;border-radius:8px;padding:3px 6px;width:max-content;max-width:100%}
.pos-touch-kiosk .quick-product-card.out{filter:grayscale(.15);opacity:.58}
.pos-touch-kiosk .quick-product-card.rx{border-color:#f6c998}
.pos-touch-kiosk .rx-badge{top:7px;left:7px;border-radius:7px;padding:3px 6px}
[dir=rtl] .pos-touch-kiosk .rx-badge{left:auto;right:7px}
.pos-touch-kiosk .quick-star{
 top:7px!important;
 right:7px!important;
 width:32px!important;
 height:32px!important;
 border-radius:10px!important;
 background:rgba(255,255,255,.94)!important;
 border:1px solid #e5e7eb!important
}
[dir=rtl] .pos-touch-kiosk .quick-star{right:auto!important;left:7px!important}

/* Cart hierarchy */
.pos-touch-kiosk .pos-cart-head{
 display:flex!important;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:0 0 10px!important;
 border-bottom:1px solid #edf1f0
}
.pos-touch-kiosk .pos-cart-head h3{font-size:17px;margin:0}
.pos-touch-kiosk .quick-cart-table{margin-top:8px}
.pos-touch-kiosk .quick-cart-table th{
 padding:7px 5px;
 font-size:10px;
 letter-spacing:.035em;
 color:#7b858f
}
.pos-touch-kiosk .quick-cart-table td{padding:8px 5px!important;font-size:12.5px}
.pos-touch-kiosk .quick-cart-table tbody tr:last-child td{border-bottom:0}
.pos-touch-kiosk .qty-mini{width:62px!important;min-height:38px;padding:6px!important;text-align:center}
.pos-touch-kiosk .wholesale-box{background:#f7faf9;border:1px solid #e5eeec;padding:9px 10px}
.pos-touch-kiosk .pos-grand-total{
 border-radius:17px;
 padding:13px 15px;
 margin:10px 0;
 box-shadow:0 9px 22px color-mix(in srgb,var(--brand-primary) 16%,transparent)
}
.pos-touch-kiosk .pos-grand-total small{font-size:11px;text-transform:uppercase;letter-spacing:.045em}
.pos-touch-kiosk .pos-grand-total b{font-size:clamp(27px,2.15vw,34px)!important;letter-spacing:-.035em}
.pos-touch-kiosk .terminal-payments{gap:7px!important;margin:9px 0!important}
.pos-touch-kiosk .pay-method{
 min-height:54px!important;
 border-radius:14px;
 font-size:14px!important;
 box-shadow:none
}
.pos-touch-kiosk .pay-method.active{
 box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary) 17%,transparent)
}
.pos-touch-kiosk .cash-fast button,
.pos-touch-kiosk .cash-keypad button{
 min-height:48px;
 border-radius:12px!important;
 background:#fff;
 border:1px solid #dce5e4!important;
 box-shadow:0 2px 6px rgba(15,23,42,.035)
}
.pos-touch-kiosk .cash-fast button:active,
.pos-touch-kiosk .cash-keypad button:active{transform:scale(.97);background:#f1f8f6}
.pos-touch-kiosk .change-display{border-radius:14px;padding:9px 12px}
.pos-touch-kiosk .change-display b{font-size:21px!important}
.pos-touch-kiosk .payment-grid input,
.pos-touch-kiosk .payment-grid select{min-height:44px;border-radius:11px}
.pos-touch-kiosk .pos-pay-now{
 min-height:66px!important;
 border-radius:17px!important;
 font-size:20px!important;
 letter-spacing:.025em;
 box-shadow:0 10px 24px color-mix(in srgb,var(--brand-primary) 20%,transparent)!important
}
.pos-touch-kiosk .pos-pay-now:active{transform:translateY(1px) scale(.992)}
.pos-touch-kiosk button:focus-visible,
.pos-touch-kiosk input:focus-visible,
.pos-touch-kiosk select:focus-visible{
 outline:3px solid color-mix(in srgb,var(--brand-primary) 26%,transparent);
 outline-offset:2px
}

/* Display profiles: tuned by viewport width rather than assumed physical inches. */
@media (min-width:1680px){
 .pos-touch-kiosk .content{padding:14px 18px 20px}
 .pos-touch-kiosk .quick-pos-shell{grid-template-columns:minmax(0,1fr) 430px!important;gap:14px!important}
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
 .pos-touch-kiosk .quick-product-card{min-height:142px!important;padding:13px}
 .pos-touch-kiosk .quick-cart-table{max-height:34vh!important}
}
@media (min-width:1451px) and (max-width:1679px){
 .pos-touch-kiosk .quick-pos-shell{grid-template-columns:minmax(0,1fr) 410px!important}
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (min-width:1181px) and (max-width:1450px){
 .pos-touch-kiosk .quick-pos-shell{grid-template-columns:minmax(0,1fr) 370px!important}
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .pos-touch-kiosk .quick-product-card{min-height:124px!important;padding:10px}
 .pos-touch-kiosk .terminal-search input{height:52px;font-size:17px}
 .pos-touch-kiosk .terminal-search>span{height:52px}
 .pos-touch-kiosk .cash-fast button,.pos-touch-kiosk .cash-keypad button{min-height:44px}
 .pos-touch-kiosk .pos-pay-now{min-height:60px!important;font-size:18px!important}
}
/* Typical 15-inch / 1024x768 touch terminal */
@media (min-width:901px) and (max-width:1180px){
 .pos-touch-kiosk .content{padding:7px 8px 12px}
 .pos-touch-kiosk .pos-command-bar{padding:7px 9px;margin-bottom:7px}
 .pos-touch-kiosk .quick-pos-main,.pos-touch-kiosk .quick-cart-panel{border-radius:16px;padding:9px}
 .pos-touch-kiosk .quick-pos-shell{gap:8px!important}
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
 .pos-touch-kiosk .quick-product-card{min-height:112px!important;padding:9px;border-radius:14px}
 .pos-touch-kiosk .quick-product-card b{font-size:12.5px;min-height:30px;max-height:32px}
 .pos-touch-kiosk .quick-product-card strong{font-size:16px}
 .pos-touch-kiosk .terminal-search{padding:5px;margin-bottom:8px}
 .pos-touch-kiosk .terminal-search input{height:48px;font-size:16px}
 .pos-touch-kiosk .terminal-search>span{height:48px;width:48px}
 .pos-touch-kiosk .pos-customer-tab,.pos-touch-kiosk .smart-group-btn,.pos-touch-kiosk .quick-filter{min-height:38px;padding:7px 10px;font-size:12px}
 .pos-touch-kiosk .quick-cart-table{max-height:220px!important}
 .pos-touch-kiosk .pos-grand-total{padding:10px 13px}
 .pos-touch-kiosk .pos-grand-total b{font-size:26px!important}
 .pos-touch-kiosk .pay-method{min-height:48px!important}
 .pos-touch-kiosk .cash-fast button,.pos-touch-kiosk .cash-keypad button{min-height:42px}
 .pos-touch-kiosk .pos-pay-now{min-height:56px!important;font-size:18px!important}
}
@media (max-width:900px){
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .pos-touch-kiosk .quick-product-card{min-height:116px!important}
 .pos-touch-kiosk .quick-cart-panel{margin-top:2px}
 .pos-touch-kiosk .quick-cart-table{max-height:300px!important}
}
@media (max-width:620px){
 .pos-touch-kiosk .quick-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pos-touch-kiosk .quick-product-card{min-height:108px!important;padding:9px}
 .pos-touch-kiosk .pos-command-actions .btn{min-height:40px;padding:7px 10px}
 .pos-touch-kiosk .pos-grand-total b{font-size:25px!important}
 .pos-touch-kiosk .pos-pay-now{min-height:58px!important}
}

/* Short-height displays: keep the cashier controls visible without overlap. */
@media (min-width:1181px) and (max-height:820px){
 .pos-touch-kiosk .quick-cart-panel{top:6px!important;max-height:calc(100vh - 12px)}
 .pos-touch-kiosk .quick-cart-table{max-height:22vh!important}
 .pos-touch-kiosk .quick-product-card{min-height:110px!important}
 .pos-touch-kiosk .quick-strip-head{margin:7px 0}
 .pos-touch-kiosk .pos-intelligent-finder{margin-top:7px;padding:8px}
 .pos-touch-kiosk .cash-fast button,.pos-touch-kiosk .cash-keypad button{min-height:40px}
 .pos-touch-kiosk .pay-method{min-height:45px!important}
 .pos-touch-kiosk .pos-pay-now{min-height:55px!important}
}

/* Reduced motion for cashiers who prefer stable UI. */
@media (prefers-reduced-motion:reduce){
 .pos-touch-kiosk *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Product editor v2 */
.product-editor{max-width:1180px;margin-inline:auto}.product-editor .panel-head{align-items:flex-start}.product-editor .panel-head h3{margin-bottom:3px}.product-editor .panel-head small{color:#64748b}
.product-form{display:grid;gap:14px}.product-form-section{margin:0;border:1px solid #dfe8e5;border-radius:16px;padding:15px;background:#fbfdfc;min-width:0}
.product-form-section legend{padding:0 9px;font-weight:900;color:#17352e}.product-form-section legend span{display:inline-grid;place-items:center;width:25px;height:25px;margin-inline-end:6px;border-radius:8px;background:var(--brand-primary,#0f766e);color:#fff;font-size:12px}
.product-form .form-grid{display:grid;gap:12px}.product-form .cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.product-form .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.product-form .cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-form label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#334155}.product-form label>b{color:#b91c1c}.product-form label>small{font-weight:600;color:#64748b}
.product-form input,.product-form select{width:100%;min-height:46px;border:1px solid #cfdcd8;border-radius:11px;background:#fff;padding:9px 11px;font:inherit;color:#10231f;outline:none}.product-form input:focus,.product-form select:focus{border-color:var(--brand-primary,#0f766e);box-shadow:0 0 0 3px #0f766e18}
.product-form .toggle-card{grid-template-columns:auto 1fr;align-items:center;align-self:end;min-height:46px;border:1px solid #d8e4e0;border-radius:11px;background:#fff;padding:8px 11px;cursor:pointer}.product-form .toggle-card input{width:20px;height:20px;min-height:0}.product-form .toggle-card span{display:grid;gap:1px}.product-form .toggle-card small{font-weight:600;color:#64748b}
.product-form-actions{position:sticky;bottom:8px;z-index:4;display:flex;justify-content:flex-end;gap:9px;padding:10px;border:1px solid #dce7e3;border-radius:14px;background:#ffffffed;backdrop-filter:blur(8px);box-shadow:0 10px 30px #0f172a10}
@media(max-width:900px){.product-form .cols-4,.product-form .cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.product-form .cols-4,.product-form .cols-3,.product-form .cols-2{grid-template-columns:1fr}.product-form-section{padding:12px}.product-form-actions{position:static;flex-direction:column-reverse}.product-form-actions .btn{width:100%}}
\n\n/* Branch editor layout fix 2026-08-27 */
.branch-editor-form{display:grid;gap:15px;width:100%;min-width:0}
.branch-editor-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0}
.branch-editor-form label{min-width:0;width:100%}
.branch-editor-form input,.branch-editor-form select,.branch-editor-form textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.branch-editor-form .check{display:flex;width:max-content;max-width:100%;align-items:center;gap:9px}
.branch-editor-form .check input{width:auto;flex:0 0 auto}
.branch-editor-form .btn{justify-self:start;min-width:190px}
@media(max-width:760px){.branch-editor-form .form-grid{grid-template-columns:1fr}.branch-editor-form .btn{width:100%}}