:root{--navy:#0f2740;--navy2:#133552;--ink:#15283b;--muted:#738397;--line:#e6ebef;--bg:#f4f6f8;--panel:#fff;--green:#18a879;--green2:#e9f8f3;--blue:#3d7be0;--amber:#df9a2b;--violet:#7067d8;--danger:#d9534f;--shadow:0 12px 32px rgba(15,39,64,.08)}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}body{overflow-x:hidden}.app-shell{display:flex;min-height:100vh;direction:ltr}.sidebar{width:250px;background:linear-gradient(180deg,var(--navy),#0c2238);color:#fff;padding:24px 18px;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;direction:rtl;margin-bottom:28px}.brand strong{font-size:22px;display:block}.brand small{font-size:11px;color:#aabbd0}.brand-battery{width:36px;height:58px;border:2px solid #83e0c5;border-radius:8px;position:relative;display:grid;place-items:center;color:#dffbf3;font-weight:800}.brand-battery:after{content:"";position:absolute;top:-6px;width:14px;height:5px;background:#83e0c5;border-radius:3px}.brand-battery:before{content:"";position:absolute;bottom:3px;left:3px;right:3px;height:68%;background:linear-gradient(#32c795,#1ba979);border-radius:4px;z-index:0}.brand-battery span{z-index:1;font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{direction:rtl;border:0;background:transparent;color:#cfdae6;padding:13px 14px;border-radius:12px;text-align:right;font-size:15px;cursor:pointer;display:flex;gap:12px;align-items:center}.nav-item:hover,.nav-item.active{background:rgba(38,191,145,.16);color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 var(--green)}.sidebar-card{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:14px;display:flex;gap:10px;direction:rtl}.sidebar-card b{display:block;font-size:13px}.sidebar-card small{color:#a9b9ca;line-height:1.6}.cloud-dot{width:12px;height:12px;background:#4fd0a7;border-radius:50%;box-shadow:0 0 0 5px rgba(79,208,167,.13);margin-top:5px}.version{text-align:center;color:#7890a7;font-size:11px;margin-top:12px}.main{margin-left:250px;width:calc(100% - 250px);direction:rtl}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 26px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15}.search-wrap{direction:rtl;border:1px solid var(--line);background:#f8fafb;border-radius:11px;height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:360px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:14px}.top-actions{display:flex;gap:14px;align-items:center}.top-actions select{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff;font-weight:700}.sync-badge{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#f6faf8}.sync-badge>span{width:9px;height:9px;border-radius:50%;background:var(--green)}.sync-badge b,.sync-badge small{display:block}.sync-badge small{color:var(--muted);font-size:10px}.sync-badge.offline>span{background:var(--danger)}.icon-btn{background:#fff;border:0;font-size:20px;position:relative}.icon-btn em{position:absolute;top:-7px;right:-5px;background:var(--danger);color:#fff;border-radius:12px;padding:2px 5px;font-size:10px;font-style:normal}.user-card{display:flex;align-items:center;gap:9px}.user-card b,.user-card small{display:block}.user-card small{color:var(--muted);font-size:11px}.avatar{width:39px;height:39px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}.offline-banner{margin:18px 26px 0;border:1px solid #f4caca;background:#fff3f2;color:#9f2e2b;padding:14px 16px;border-radius:14px;display:flex;align-items:center;justify-content:space-between}.offline-banner strong,.offline-banner span{display:block}.offline-banner span{font-size:12px;margin-top:3px}.hidden{display:none!important}.queue-pill{background:#ffe1de;padding:8px 11px;border-radius:999px;font-size:12px}.view{display:none;padding:24px 26px 38px}.view.active{display:block}.welcome-row,.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{font-size:11px;color:var(--green);letter-spacing:1.4px;font-weight:800}.welcome-row h1,.section-head h1{margin:7px 0 6px;font-size:27px}.welcome-row p,.section-head p{margin:0;color:var(--muted)}button,input,select,textarea{font-family:inherit}button{font-family:inherit}.primary{border:0;background:var(--green);color:#fff;padding:12px 18px;border-radius:10px;font-weight:800;cursor:pointer}.primary.ghost{background:#eef9f5;color:#117b5b;width:100%}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;gap:13px;align-items:center;box-shadow:0 4px 18px rgba(15,39,64,.04)}.kpi small,.kpi strong,.kpi em{display:block}.kpi small{color:var(--muted)}.kpi strong{font-size:22px;margin:5px 0}.kpi em{font-style:normal;color:var(--green);font-size:11px}.kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:19px}.kpi-icon.green{background:#e8f7f2}.kpi-icon.blue{background:#edf3ff}.kpi-icon.amber{background:#fff4df}.kpi-icon.violet{background:#f2efff}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 5px 18px rgba(15,39,64,.04)}.span-2{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h3{margin:3px 0 0}.panel-head small{color:var(--muted)}.chip{border:1px solid var(--line);padding:6px 9px;border-radius:999px;font-size:11px;color:var(--muted);background:#fafcfd}.chip.success{background:#eefaf6;color:#178364;border-color:#d6f0e7}.link-btn,.link-danger{border:0;background:transparent;color:var(--blue);cursor:pointer}.link-danger{color:var(--danger)}.bar-chart{height:230px;display:flex;align-items:flex-end;gap:16px;padding:20px 8px 8px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd)}.bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;position:relative}.bar{width:18px;border-radius:5px 5px 0 0;background:var(--green)}.bar.second{background:#7aa6e8}.bar-label{position:absolute;bottom:-24px;font-size:10px;color:var(--muted)}.stock-list{display:flex;flex-direction:column;gap:10px}.stock-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding-bottom:9px;border-bottom:1px solid #f1f3f5}.stock-row:last-child{border-bottom:0}.stock-row small{color:var(--muted)}.stock-row b.low{color:var(--danger)}.quick-pos .scan-box{height:46px;border:1px solid #d9eee7;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--muted);background:#fbfffd}.quick-products{display:flex;gap:10px;margin-top:12px;overflow:auto}.quick-product{min-width:145px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;cursor:pointer}.quick-product b,.quick-product small{display:block}.quick-product small{color:var(--muted);margin-top:4px}.ai-mini p{color:var(--muted);line-height:1.7}.status-dot{color:var(--green);font-size:11px}.ai-suggestion{width:100%;text-align:right;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 11px;margin-bottom:8px;cursor:pointer;color:var(--ink)}.ai-suggestion:hover{border-color:#b9dfd2;background:#f8fcfa}.pos-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:14px}.scan-input{height:48px;border:1px solid #cfe9e0;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 13px;margin-bottom:14px}.scan-input input{border:0;outline:0;width:100%;font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-card{border:1px solid var(--line);border-radius:12px;padding:13px;cursor:pointer;background:#fff;transition:.15s}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c9e7dc}.product-card .product-icon{width:43px;height:43px;border-radius:11px;background:#f3f6f8;display:grid;place-items:center;font-size:21px;margin-bottom:10px}.product-card b,.product-card small{display:block}.product-card small{color:var(--muted);margin-top:5px}.product-card .stock{font-size:10px;color:var(--green);margin-top:7px}.cart-panel{display:flex;flex-direction:column;min-height:560px}.cart-items{flex:1}.empty-state{display:grid;place-items:center;color:var(--muted);min-height:250px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line small{color:var(--muted)}.qty{display:flex;align-items:center;gap:7px}.qty button{border:1px solid var(--line);background:#fff;width:26px;height:26px;border-radius:7px}.totals{border-top:1px solid var(--line);padding-top:13px}.totals>div:first-child{display:flex;justify-content:space-between;align-items:center}.totals strong{font-size:24px}.pay-methods{display:flex;gap:7px;margin:13px 0}.pay{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px}.pay.active{border-color:#aadfcd;background:#f0faf6;color:#117b5b}.checkout{width:100%;border:0;background:var(--green);color:#fff;padding:14px;border-radius:11px;font-size:15px;font-weight:800}.checkout span{float:left;opacity:.8}.shift-pill{background:#eefaf6;color:#147c5d;border:1px solid #d8efe7;padding:8px 12px;border-radius:999px;font-size:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:right}.table th{font-size:12px;color:var(--muted);background:#fafbfc}.table td{font-size:13px}.branch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.branch-card h3{margin:0 0 4px}.branch-card p{color:var(--muted)}.branch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.branch-stats div{background:#f8fafb;border-radius:10px;padding:10px}.branch-stats small,.branch-stats b{display:block}.branch-stats small{color:var(--muted);font-size:10px}.ai-page{display:grid;grid-template-columns:1.5fr .6fr;gap:14px}.ai-chat-panel{min-height:590px;display:flex;flex-direction:column}.ai-messages{flex:1;overflow:auto;padding:8px}.msg{max-width:78%;padding:11px 13px;border-radius:13px;margin:8px 0;line-height:1.65;font-size:14px}.msg.user{margin-right:auto;background:var(--navy);color:#fff;border-bottom-left-radius:4px}.msg.ai{margin-left:auto;background:#f2f7f5;border:1px solid #dfece7;border-bottom-right-radius:4px}.ai-input{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:13px}.ai-input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:0 12px}.toast{position:fixed;top:50%;left:50%;right:auto;bottom:auto;max-width:min(560px,calc(100vw - 36px));min-width:220px;background:#142a40;color:#fff;padding:15px 22px;border-radius:14px;box-shadow:0 18px 55px rgba(15,39,64,.28);opacity:0;transform:translate(-50%,-50%) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:9999;text-align:center;font-weight:800;line-height:1.65;direction:rtl}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:1100px){.sidebar{width:210px}.main{margin-left:210px;width:calc(100% - 210px)}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.pos-grid,.ai-page{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.search-wrap{min-width:250px}.topbar{gap:12px}.user-card{display:none}}
@media(max-width:760px){.sidebar{position:fixed;width:76px;padding:18px 10px}.brand div:last-child,.nav-item span,.sidebar-card div,.version{display:none}.brand{justify-content:center}.nav-item{justify-content:center;font-size:18px}.sidebar-card{justify-content:center}.main{margin-left:76px;width:calc(100% - 76px)}.topbar{height:auto;min-height:70px;align-items:stretch;flex-direction:column;padding:10px}.search-wrap{min-width:0;width:100%}.top-actions{justify-content:space-between}.sync-badge small{display:none}.view{padding:18px 12px}.kpis{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.branch-grid{grid-template-columns:1fr}.welcome-row,.section-head{align-items:flex-start;gap:12px}.welcome-row h1,.section-head h1{font-size:22px}}

/* === Products + product image upload (v0.2) === */
.stock-product-info,.table-product,.cart-product{display:flex;align-items:center;gap:10px;min-width:0}.stock-product-info>div:last-child,.cart-product>div:last-child{min-width:0}.stock-product-info b,.cart-product b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-thumb,.table-thumb,.cart-thumb,.quick-thumb{flex:0 0 auto;border:1px solid var(--line);background:#f6f8f9;display:grid;place-items:center;overflow:hidden}.mini-thumb{width:38px;height:38px;border-radius:9px}.table-thumb{width:38px;height:38px;border-radius:9px}.cart-thumb{width:42px;height:42px;border-radius:10px}.quick-thumb{width:44px;height:44px;border-radius:10px}.mini-thumb img,.table-thumb img,.cart-thumb img,.quick-thumb img,.product-photo img,.admin-product-image img,.product-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.mini-thumb.fallback,.table-thumb.fallback,.cart-thumb.fallback,.quick-thumb.fallback{font-size:18px}.quick-product{display:flex;align-items:center;gap:9px;text-align:right}.quick-product>div:last-child{min-width:0}.quick-product b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-photo{height:142px;border-radius:11px;background:#f5f7f8;border:1px solid #edf0f2;display:grid;place-items:center;overflow:hidden;margin-bottom:11px}.product-photo.fallback{font-size:36px}.product-card{padding:10px;text-align:right}.product-card .stock.danger-stock{color:var(--danger)}.catalog-empty{grid-column:1/-1;min-height:160px;border:1px dashed var(--line);border-radius:13px;display:grid;place-items:center;color:var(--muted);background:#fafbfc}
.products-admin-panel{padding:18px}.products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-search{margin:0;max-width:460px;flex:1}.products-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-product-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:.18s}.admin-product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.admin-product-image{height:190px;background:#f4f6f7;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.admin-product-image.fallback{font-size:48px}.admin-product-body{padding:14px}.admin-product-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-product-title h3{margin:0 0 5px;font-size:16px}.admin-product-title small{color:var(--muted)}.admin-product-title strong{white-space:nowrap;color:var(--navy)}.admin-stock-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.admin-stock-row span{background:#f8fafb;border-radius:10px;padding:9px}.admin-stock-row small,.admin-stock-row b{display:block}.admin-stock-row small{font-size:10px;color:var(--muted);margin-bottom:4px}.admin-product-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.secondary-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 13px;border-radius:9px;font-weight:700;cursor:pointer}.secondary-btn:hover{background:#f8fafb}.secondary-btn:disabled{opacity:.45;cursor:not-allowed}
.modal{position:fixed;inset:0;background:rgba(9,24,39,.52);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:22px}.modal-card{width:min(880px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;border:1px solid rgba(255,255,255,.55);box-shadow:0 32px 90px rgba(9,24,39,.26);padding:20px;direction:rtl}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.modal-head h2{margin:4px 0 0;font-size:22px}.modal-close{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:26px;line-height:1;cursor:pointer;color:var(--muted)}.product-form-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;direction:ltr}.image-upload-box,.product-fields{direction:rtl}.image-upload-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fafbfc;align-self:start}.product-image-preview{height:250px;border-radius:12px;border:1px dashed #cfd8df;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;margin-bottom:12px}.product-image-preview span{font-size:46px}.product-image-preview small{color:var(--muted)}.product-image-preview.has-image{border-style:solid}.upload-btn{display:block;text-align:center;background:var(--navy);color:#fff;padding:11px 12px;border-radius:10px;font-weight:800;cursor:pointer;margin-bottom:8px}.image-upload-box .secondary-btn{width:100%}.image-upload-box p{font-size:10px;color:var(--muted);line-height:1.7;margin:10px 3px 0}.product-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#3a4d60;margin-bottom:13px}.product-fields input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 11px;font:inherit;outline:0;background:#fff}.product-fields input:focus{border-color:#9dd7c5;box-shadow:0 0 0 3px rgba(24,168,121,.08)}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.branch-stock-title{font-size:12px;color:var(--muted);font-weight:800;margin:4px 0 10px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.modal-actions .primary,.modal-actions .secondary-btn{min-width:125px}
@media(max-width:1100px){.products-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-form-layout{grid-template-columns:240px 1fr}.admin-product-image{height:165px}}
@media(max-width:760px){.products-toolbar{align-items:stretch;flex-direction:column}.admin-search{max-width:none}.products-admin-grid{grid-template-columns:1fr}.product-form-layout{grid-template-columns:1fr}.image-upload-box{order:2}.product-image-preview{height:210px}.form-grid-2{grid-template-columns:1fr}.modal{padding:8px}.modal-card{padding:14px;max-height:96vh}.admin-product-actions{flex-direction:column;align-items:stretch}.admin-product-actions button{width:100%}}

/* === Finance, invoices, purchases & returns (v0.3) === */
.sidebar nav{overflow-y:auto;scrollbar-width:thin;min-height:0;padding-left:2px}.nav-item{flex:0 0 auto}.head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.inventory-finance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 16px}.finance-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 7px 22px rgba(15,39,64,.045);position:relative;overflow:hidden}.finance-card:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#9eb0c0}.finance-card.profit:after{background:var(--green)}.finance-card.total:after{background:var(--navy)}.finance-card small,.finance-card strong,.finance-card span{display:block}.finance-card small{font-size:11px;color:var(--muted);margin-bottom:7px}.finance-card strong{font-size:22px;color:var(--navy);margin-bottom:7px}.finance-card.profit strong{color:#117b5b}.finance-card span{font-size:10px;color:#8a98a7;line-height:1.5}
.valuation-mini{display:flex;flex-direction:column;gap:8px}.valuation-row{display:grid;grid-template-columns:1.35fr repeat(3,1fr);align-items:center;gap:12px;padding:12px 14px;background:#f8fafb;border:1px solid #eef1f3;border-radius:11px}.valuation-row>div small,.valuation-row>div b{display:block}.valuation-row small{font-size:10px;color:var(--muted);margin-bottom:3px}.valuation-row b{font-size:13px}.dual-money{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;direction:ltr;unicode-bidi:isolate}.dual-money .dual-safe{color:#13805f!important;font-weight:900}.dual-money .dual-arrow{color:#8ea1b0!important;font-weight:800}.dual-money .dual-default{color:#246fd1!important;font-weight:900}.profit-text .dual-money,.profit-cell .dual-money{justify-content:flex-start;align-items:center}.profit-text b,.profit-cell{color:inherit!important}
.movement-list{display:flex;flex-direction:column}.movement-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.movement-row:last-child{border-bottom:0}.movement-row div b,.movement-row div small{display:block}.movement-row div b{font-size:11px}.movement-row div small{font-size:9px;color:var(--muted);margin-top:3px}.movement-row>strong{font-size:12px}.movement-type{font-size:9px;font-weight:800;padding:5px 7px;border-radius:999px}.movement-type.sale{background:#eaf8f3;color:#167a5c}.movement-type.purchase{background:#eef4fd;color:#3267bb}.movement-type.return{background:#fff1ef;color:#b84a42}.small-empty{min-height:95px!important}
.compact-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:4px}.invoice-fields label,.invoice-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted);font-weight:700}.invoice-fields input,.invoice-form-grid input,.invoice-form-grid select,.invoice-line input,.invoice-line select,.return-line input{height:39px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;font:inherit;color:var(--ink);outline:0}.invoice-fields input:focus,.invoice-form-grid input:focus,.invoice-form-grid select:focus,.invoice-line input:focus,.invoice-line select:focus,.return-line input:focus{border-color:#a4d8c8;box-shadow:0 0 0 3px rgba(24,168,121,.07)}.discount-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;color:var(--muted);font-size:12px}.discount-line input{width:120px;height:38px;border:1px solid var(--line);border-radius:9px;padding:0 9px}.grand-total{padding-top:11px!important;margin-top:7px;border-top:1px dashed #ccd6dd}.grand-total strong{color:var(--green);font-size:26px!important}
.summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:0 7px 20px rgba(15,39,64,.035)}.summary-card small,.summary-card strong{display:block}.summary-card small{font-size:10px;color:var(--muted);margin-bottom:6px}.summary-card strong{font-size:19px;color:var(--navy)}.summary-card.positive strong{color:#117b5b}.table-scroll{overflow:auto;width:100%}.actions-cell{white-space:nowrap}.mini-btn{border:1px solid #dbe3e8;background:#fff;color:#25405a;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;margin:2px}.mini-btn:hover{background:#f7f9fa}.danger-outline{border-color:#f0c9c5;color:#b44b44;background:#fff9f8}.type-chip{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.type-chip.sale{background:#fff0ef;color:#a84741}.type-chip.purchase{background:#eef4fd;color:#3267bb}
.invoice-modal-card{width:min(1050px,97vw)}.invoice-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.invoice-form-grid .span-field{grid-column:span 2}.invoice-form-grid label{font-size:11px}.invoice-lines-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.invoice-lines-head h3{margin:0;font-size:15px}.invoice-lines,.return-lines{display:flex;flex-direction:column;gap:9px}.invoice-line{display:grid;grid-template-columns:minmax(250px,2fr) 100px 130px 130px 38px;align-items:end;gap:9px;padding:10px;background:#f8fafb;border:1px solid #edf1f3;border-radius:11px}.invoice-line label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:var(--muted);font-weight:700}.line-total{height:39px;display:flex;flex-direction:column;justify-content:center;padding:0 8px;background:#fff;border:1px solid var(--line);border-radius:9px}.line-total small{font-size:8px;color:var(--muted)}.line-total b{font-size:11px}.line-remove{height:39px;border:1px solid #f0c9c5;background:#fff7f6;color:#b64943;border-radius:9px;font-size:20px;cursor:pointer}.invoice-modal-total{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:14px;padding:14px;border-top:1px solid var(--line)}.invoice-modal-total span{color:var(--muted);font-size:12px}.invoice-modal-total strong{font-size:23px;color:var(--navy)}
.return-line{display:grid;grid-template-columns:1.5fr .7fr 120px;align-items:center;gap:12px;padding:12px;background:#f8fafb;border:1px solid #edf1f3;border-radius:11px}.return-line>div b,.return-line>div small{display:block}.return-line>div small{font-size:9px;color:var(--muted);margin-top:4px}.return-line label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9px}.return-line input{width:100%}
.valuation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.valuation-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;cursor:pointer;transition:.18s;box-shadow:0 7px 20px rgba(15,39,64,.035)}.valuation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.valuation-card.active{border-color:#9dd8c6;box-shadow:0 0 0 3px rgba(24,168,121,.07)}.valuation-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.valuation-card-head small{font-size:9px;color:var(--muted)}.valuation-card-head h3{margin:4px 0 0}.valuation-card-head>span{background:#f3f6f8;border-radius:999px;padding:6px 9px;font-size:10px;color:var(--muted)}.valuation-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.valuation-numbers>div{padding:10px;background:#f8fafb;border-radius:10px}.valuation-numbers small,.valuation-numbers b{display:block}.valuation-numbers small{font-size:9px;color:var(--muted);margin-bottom:4px}.valuation-numbers b{font-size:14px}.inventory-detail-panel{margin-bottom:14px}.valuation-table td{white-space:nowrap}.total-row td{background:#f6f9f8;border-top:2px solid #dce8e3}.branch-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.branch-stats.expanded{grid-template-columns:repeat(3,1fr)}.branch-stats.expanded div:nth-child(4) b{color:#117b5b}
.product-money-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.product-money-meta span{background:#f8fafb;border-radius:9px;padding:8px}.product-money-meta small,.product-money-meta b{display:block}.product-money-meta small{font-size:9px;color:var(--muted);margin-bottom:3px}.product-money-meta b{font-size:11px}.product-money-meta span:last-child b{color:#117b5b}
.invoice-brand{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:14px}.brand-battery.small{width:30px;height:48px}.invoice-brand h3{margin:0 0 3px}.invoice-brand>div>small{color:var(--muted);font-size:9px}.invoice-id{text-align:left}.invoice-id>*{display:block}.invoice-id small{font-size:9px;color:var(--muted)}.invoice-id b{font-size:12px;margin:3px 0}.invoice-id span{font-size:9px;color:var(--muted)}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.invoice-meta>div{background:#f8fafb;border-radius:9px;padding:10px}.invoice-meta small,.invoice-meta b{display:block}.invoice-meta small{font-size:9px;color:var(--muted);margin-bottom:4px}.invoice-meta b{font-size:11px}.invoice-detail-totals{width:min(390px,100%);margin-right:auto;margin-top:15px}.invoice-detail-totals span{color:var(--muted);font-size:11px}.invoice-final{font-size:18px;border-top:2px solid var(--navy);margin-top:5px;padding-top:12px!important}.invoice-final b{color:var(--navy)}.invoice-notes{margin-top:14px;padding:10px;background:#fffbe9;border:1px solid #f1e5af;border-radius:9px;font-size:11px}
@media(max-width:1200px){.inventory-finance-strip{grid-template-columns:repeat(2,1fr)}.summary-cards{grid-template-columns:repeat(2,1fr)}.invoice-form-grid{grid-template-columns:repeat(2,1fr)}.invoice-line{grid-template-columns:minmax(220px,2fr) 90px 120px 120px 38px}.valuation-row{grid-template-columns:1.2fr 1fr 1fr}.valuation-row>div:last-child{grid-column:2/-1}.branch-stats.expanded{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.inventory-finance-strip,.summary-cards,.valuation-cards{grid-template-columns:1fr}.valuation-row{grid-template-columns:1fr 1fr}.valuation-row>div:first-child{grid-column:1/-1}.valuation-row>div:last-child{grid-column:auto}.compact-fields,.invoice-form-grid{grid-template-columns:1fr}.invoice-form-grid .span-field{grid-column:auto}.invoice-line{grid-template-columns:1fr 1fr}.invoice-line label:first-child{grid-column:1/-1}.line-total{height:44px}.line-remove{width:100%}.return-line{grid-template-columns:1fr}.invoice-meta{grid-template-columns:1fr 1fr}.invoice-brand{grid-template-columns:auto 1fr}.invoice-id{grid-column:1/-1;text-align:right}.valuation-numbers{grid-template-columns:1fr}.branch-stats.expanded{grid-template-columns:1fr 1fr}.head-actions>*{flex:1}}


/* V0.4 — refined typography, printing, transfers, notifications */
.movement-type.transfer{background:#eef7f5;color:#167963}
.main-branch-card{border-color:#b8ddd1;box-shadow:0 8px 24px rgba(22,121,99,.07)}
.branch-title-line{display:flex;align-items:center;gap:8px}.branch-title-line h3{margin:0}.main-badge,.main-branch-chip{display:inline-flex;align-items:center;gap:5px;background:#eef8f5;color:#167963;border:1px solid #d2ebe3;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.main-branch-chip{padding:9px 13px}
.barcode-action{color:#0e6d58;border-color:#cfe8df;background:#f9fdfb}

.printer-ready{background:#eef8f5;color:#167963;border:1px solid #d2ebe3;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:700}.printer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.printer-panel{min-height:100%}.printer-icon,.transfer-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f0f6f5;color:#0f745d;font-size:20px}.printer-help{color:var(--muted);font-size:12px;line-height:1.75;margin:-2px 0 16px}.printer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.printer-form-grid label,.barcode-test-row label,.barcode-modal-fields label,.transfer-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:var(--muted)}.printer-form-grid input,.printer-form-grid select,.barcode-test-row input,.barcode-test-row select,.barcode-modal-fields input,.transfer-form-grid input,.transfer-form-grid select{height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 10px;color:var(--ink);outline:0}.printer-form-grid input:focus,.printer-form-grid select:focus,.barcode-test-row input:focus,.barcode-test-row select:focus,.transfer-form-grid input:focus,.transfer-form-grid select:focus{border-color:#a7d9ca;box-shadow:0 0 0 3px rgba(24,168,121,.07)}.printer-form-grid .span-2,.transfer-form-grid .span-2{grid-column:span 2}.toggle-field{min-height:40px;flex-direction:row!important;justify-content:space-between;align-items:center;background:#f8fafb;border:1px solid #edf1f3;border-radius:9px;padding:0 10px}.toggle-field input{width:18px;height:18px;accent-color:var(--green)}.printer-actions{display:flex;gap:9px;align-items:center;margin-top:15px}.barcode-test-row{display:grid;grid-template-columns:1fr 120px;gap:10px;margin-top:15px}.barcode-preview{margin-top:12px;min-height:155px;border:1px dashed #cbd8df;border-radius:12px;background:#fafcfd;display:grid;place-items:center;padding:14px;overflow:auto}.barcode-preview.large{min-height:190px}.barcode-label.preview-label{width:280px;min-height:120px;background:#fff;border:1px solid #dce4e8;box-shadow:0 8px 26px rgba(15,39,64,.08);border-radius:4px;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.barcode-brand{font-weight:800;font-size:12px}.barcode-name{font-size:12px;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-bars{width:92%;height:62px;margin:5px auto 2px}.barcode-svg{width:100%;height:100%;display:block}.barcode-text{font-family:Consolas,monospace;font-size:10px;letter-spacing:1px}.barcode-price{font-size:14px;font-weight:800;color:var(--navy);margin-top:2px}.printer-note{display:flex;align-items:flex-start;gap:12px;margin-top:14px;background:#fbfcfd}.printer-note-icon{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef5fb;color:#346b9d;font-weight:800}.printer-note p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.barcode-modal-card{width:min(760px,95vw)}.barcode-modal-content{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.barcode-modal-fields{display:flex;flex-direction:column;gap:12px}.barcode-size-readout{padding:12px;background:#f7f9fa;border-radius:10px;color:var(--muted);font-size:11px}.barcode-modal-fields p{color:var(--muted);font-size:11px;line-height:1.7;margin:0}

.transfer-layout{display:grid;grid-template-columns:1.55fr .75fr;gap:14px;margin-bottom:14px}.transfer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.transfer-line{grid-template-columns:minmax(260px,2fr) 125px 110px 135px 38px}.stock-readout b{color:#176f5b}.transfer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.transfer-summary>div{background:#f8fafb;border:1px solid #edf1f3;border-radius:11px;padding:12px}.transfer-summary small,.transfer-summary strong{display:block}.transfer-summary small{font-size:9px;color:var(--muted);margin-bottom:5px}.transfer-summary strong{font-size:16px;color:var(--navy)}.transfer-submit{margin-top:4px}.transfer-info-card{display:flex;gap:10px;background:#f6fbf9;border:1px solid #dcefe9;border-radius:12px;padding:12px;margin-bottom:13px}.transfer-info-icon{width:34px;height:34px;border-radius:10px;background:#e7f6f1;display:grid;place-items:center}.transfer-info-card b{font-size:12px}.transfer-info-card p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.transfer-latest{display:flex;flex-direction:column}.transfer-latest-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.transfer-latest-row:last-child{border-bottom:0}.transfer-latest-row>span{width:28px;height:28px;border-radius:8px;background:#eef8f5;color:#167963;display:grid;place-items:center}.transfer-latest-row b,.transfer-latest-row small{display:block}.transfer-latest-row b{font-size:10px}.transfer-latest-row small{color:var(--muted);font-size:9px;margin-top:2px}.transfer-latest-row strong{font-size:10px}.transfer-history-panel{margin-bottom:15px}

.notification-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:#fff;z-index:80;box-shadow:-22px 0 55px rgba(15,39,64,.18);padding:20px;direction:rtl;overflow:auto}.notification-backdrop{position:fixed;inset:0;background:rgba(10,27,43,.24);backdrop-filter:blur(2px);z-index:79}.notification-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.notification-head h3{margin:5px 0 0}.notification-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:11px;color:var(--muted)}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.notification-item.unread{background:#f6fbf9;border-color:#cfe9e0}.notification-symbol{width:34px;height:34px;border-radius:10px;background:#eef4f7;display:grid;place-items:center;color:#236f5c;font-weight:800}.notification-title-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.notification-title-row b{font-size:12px}.notification-title-row span{font-size:8px;background:#1aa879;color:#fff;border-radius:999px;padding:3px 6px}.notification-item p{font-size:10px;color:#526579;line-height:1.7;margin:5px 0}.notification-item small{font-size:8px;color:#8998a7}.notification-empty{padding:35px 10px;text-align:center;color:var(--muted);font-size:12px}.icon-btn em.zero{display:none}

@media(max-width:1100px){.printer-grid,.transfer-layout{grid-template-columns:1fr}.transfer-status-panel{order:-1}.transfer-line{grid-template-columns:minmax(220px,2fr) 110px 100px 120px 38px}}
@media(max-width:760px){.printer-form-grid,.transfer-form-grid,.barcode-modal-content{grid-template-columns:1fr}.printer-form-grid .span-2,.transfer-form-grid .span-2{grid-column:auto}.barcode-test-row{grid-template-columns:1fr}.printer-actions{flex-direction:column;align-items:stretch}.transfer-line{grid-template-columns:1fr 1fr}.transfer-line label:first-child{grid-column:1/-1}.transfer-summary{grid-template-columns:1fr}.main-branch-chip{margin-top:8px}.section-head{align-items:flex-start}.notification-drawer{width:94vw}}


/* V0.5 — automatic barcode creation + dedicated returns center */
.barcode-create-btn{border-color:#cfe6df;background:#f7fcfa;color:#126e59}.barcode-create-btn:hover{background:#eef9f5}.barcode-field-label{min-width:0}.barcode-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.barcode-input-row input{min-width:0}.generate-barcode-btn{height:40px;white-space:nowrap;padding:0 12px;border-color:#bfe0d6;background:#f6fbf9;color:#0f755d;font-size:11px;font-weight:800}.field-hint{display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:5px;font-weight:500}.returns-alert{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;padding:13px 14px;border:1px solid #d8ebe4;background:#f7fbfa;border-radius:13px}.returns-alert>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e9f7f2;color:#14765e;font-size:18px}.returns-alert b,.returns-alert small{display:block}.returns-alert b{font-size:12px}.returns-alert small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.7}.returns-history-panel{margin-top:14px}.returns-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.returns-search{margin:0;flex:1;max-width:620px}.returns-filter{display:flex;align-items:end;gap:9px}.returns-filter label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9px;font-weight:700}.returns-filter select{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;min-width:140px;color:var(--ink)}
@media(max-width:760px){.barcode-input-row{grid-template-columns:1fr}.generate-barcode-btn{width:100%}.returns-toolbar{flex-direction:column;align-items:stretch}.returns-search{max-width:none}.returns-filter{justify-content:space-between;align-items:end}.returns-filter label{flex:1}.returns-filter select{width:100%;min-width:0}}

/* V0.6 freshness + visible feature markers */
.version b,.version small{display:block}.version b{color:#b7c9db;font-size:12px}.version small{color:#6f899f;margin-top:2px}.new-badge{font-style:normal;font-size:9px;padding:2px 6px;border-radius:999px;background:#e8f7f2;color:#178364;margin-right:6px;font-weight:800}.build-chip{border:1px solid #d8e9e3;background:#f2faf7;color:#147c5d;border-radius:999px;padding:7px 10px;font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap}.build-chip:hover{background:#e8f7f2}.feature-proof{border:1px dashed #b9ddcf;background:#f7fcfa;border-radius:12px;padding:10px 12px;color:#176f56;font-size:12px;margin-bottom:14px}


/* V0.8 — selling price guardrails + moving average purchase cost */
.pricing-meta{grid-template-columns:repeat(2,1fr)}.pricing-meta span:nth-child(3) b{color:#0f5f98}.pricing-meta span:nth-child(4) b{color:#8a5a12}.profit-strip{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;margin:-2px 0 10px;border:1px dashed #dbe6e1;background:#fbfdfc;border-radius:9px;font-size:9px;color:var(--muted)}.profit-strip b{color:#13775d;margin-right:3px}.stock-in-btn{padding:8px 11px;font-size:10px}.product-price-range{font-size:9px!important;line-height:1.6}.cart-product{display:flex;align-items:flex-start;gap:8px;min-width:0}.cart-unit-price{display:flex;align-items:center;gap:7px;margin-top:6px;color:var(--muted);font-size:9px;font-weight:700}.cart-unit-price input{width:105px;height:31px;border:1px solid #dbe4e8;border-radius:8px;padding:0 7px;font-weight:800;color:var(--navy);outline:0}.cart-unit-price input:focus{border-color:#99cfbd;box-shadow:0 0 0 3px rgba(24,168,121,.07)}.cart-unit-price input.invalid-price{border-color:#e2a09d;background:#fff5f4;color:#b13f3a}.safe-price-note{margin:8px 0 4px;padding:8px 10px;border-radius:9px;background:#f5faf8;border:1px solid #dcece6;color:#557266;font-size:9px;line-height:1.6}.safe-price-note b{font-size:10px!important;color:#13775d}.pricing-status{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 11px;background:#f7faf9;border:1px solid #e3ece8;border-radius:10px;color:var(--muted);font-size:9px}.pricing-status span b{color:var(--navy);margin-right:3px}.stock-modal-card{width:min(900px,95vw)}.stock-batch-product{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);background:#fbfcfd;border-radius:12px;margin-bottom:12px}.stock-batch-product h3{margin:2px 0 3px}.stock-batch-product small,.stock-batch-product span{display:block;color:var(--muted);font-size:9px}.stock-modal-thumb{width:54px;height:54px;border-radius:11px;overflow:hidden;background:#f1f4f6;display:grid;place-items:center;font-size:25px}.stock-modal-thumb img{width:100%;height:100%;object-fit:cover}.stock-current-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.stock-current-grid>div{padding:11px;background:#f8fafb;border:1px solid #edf1f3;border-radius:10px}.stock-current-grid small,.stock-current-grid strong{display:block}.stock-current-grid small{font-size:9px;color:var(--muted);margin-bottom:4px}.stock-current-grid strong{font-size:15px;color:var(--navy)}.stock-batch-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stock-batch-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:var(--muted)}.stock-batch-form input,.stock-batch-form select{height:42px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 10px;color:var(--ink);outline:0}.stock-batch-form input:focus,.stock-batch-form select:focus{border-color:#9fd1c0;box-shadow:0 0 0 3px rgba(24,168,121,.07)}.average-preview{display:grid;grid-template-columns:1fr auto 1.25fr;gap:10px;align-items:center;margin-top:13px;padding:13px;border:1px solid #d8ebe4;background:#f7fbfa;border-radius:12px}.average-preview small,.average-preview strong,.average-preview span{display:block}.average-preview small{font-size:9px;color:var(--muted)}.average-preview strong{font-size:20px;color:var(--navy);margin-top:3px}.average-arrow{font-size:23px;color:#6d8b80}.average-preview .new-average{padding:8px 10px;background:#fff;border:1px solid #cee5dc;border-radius:10px}.average-preview .new-average strong{color:#13775d}.average-preview .new-average span{font-size:8px;color:var(--muted);margin-top:4px;direction:ltr;text-align:right}.purchase-average-preview{color:#1c795f!important;margin-top:4px!important}.pricing-inventory-table{min-width:1180px}.table-product small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.new-average-cell{color:#13775d;font-weight:800}.stock-history-panel{margin-top:14px}
@media(max-width:760px){.stock-current-grid,.stock-batch-form{grid-template-columns:1fr}.average-preview{grid-template-columns:1fr}.average-arrow{transform:rotate(90deg);text-align:center}.profit-strip{flex-direction:column}.cart-line{grid-template-columns:1fr}.qty{justify-content:flex-end}}

.price-risk{color:#b84b43!important;background:#fff4f3;border:1px solid #f0cbc8;border-radius:8px;padding:5px 7px}.stock-pricing-warning{margin-top:10px;padding:10px 12px;border:1px solid #f0d4a8;background:#fff9ef;color:#8c611e;border-radius:10px;font-size:10px;line-height:1.7}.safe-profit-cell{color:#8a681c;font-weight:700}.negative-qty{color:#c14c47;font-weight:800}.branch-stock-input[readonly],#productCostInput[readonly],#productLastPurchaseInput[readonly]{background:#f5f7f8;color:#607083;cursor:not-allowed}

/* V0.9 — dual-column barcode roll */
.barcode-preview-layout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;direction:ltr;flex-wrap:nowrap}
.barcode-preview-layout.split-two .preview-label{width:230px;min-width:230px;min-height:112px}
.barcode-preview-layout.split-two .barcode-bars{height:54px}
@media(max-width:760px){.barcode-preview-layout.split-two{gap:6px;overflow:auto;justify-content:flex-start;padding:4px}.barcode-preview-layout.split-two .preview-label{width:205px;min-width:205px}}

/* V1.0 — standalone AI chat + highly visible dual-barcode control */
.chat-badge{margin-inline-start:auto;background:#e8f7f2;color:#0d7b5d;border:1px solid #cce9df;border-radius:999px;padding:2px 7px;font-size:9px;font-style:normal;font-weight:800}.ai-nav-launch{position:relative}.dual-barcode-callout{border:1px solid #cfe5dd;background:linear-gradient(180deg,#fbfefd,#f5fbf8);border-radius:14px;padding:13px;margin:0 0 14px}.dual-barcode-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dual-barcode-title>div span,.dual-barcode-title>div b{display:block}.dual-barcode-title>div span{font-size:12px;font-weight:800;color:var(--ink)}.dual-barcode-title>div b{font-size:10px;color:#0c7b5c;margin-top:3px}.dual-new{font-size:9px;font-weight:800;background:#0f8b67;color:#fff;border-radius:999px;padding:4px 8px}.barcode-segmented{display:grid;grid-template-columns:1fr 1fr;gap:9px}.barcode-mode-btn{border:1px solid #dce6e2;background:#fff;border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:right;cursor:pointer;color:var(--ink);transition:.15s}.barcode-mode-btn:hover{border-color:#9fd0c0;transform:translateY(-1px)}.barcode-mode-btn.active{border-color:#65b99d;background:#eef9f5;box-shadow:0 0 0 3px rgba(21,148,108,.06)}.barcode-mode-btn strong{font-size:12px;align-self:end}.barcode-mode-btn small{font-size:9px;color:var(--muted);align-self:start}.mode-visual{grid-row:1/3;display:flex;gap:2px;width:46px;height:32px;border:1px solid #b7c9c2;border-radius:7px;padding:3px;background:#f7faf9;direction:ltr}.mode-visual i{display:block;background:repeating-linear-gradient(90deg,#112c42 0 2px,transparent 2px 4px);border-radius:2px;flex:1}.mode-visual.one i{width:100%}.barcode-modal-split{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#f7faf9;border:1px solid #e2ece8;border-radius:10px}.barcode-modal-split>span{font-size:10px;font-weight:800;color:var(--muted)}.mini-segmented{display:flex;background:#eef3f1;border-radius:8px;padding:3px;gap:3px}.mini-segmented button{border:0;background:transparent;border-radius:6px;padding:6px 9px;font-family:inherit;font-size:9px;font-weight:800;color:#64727c;cursor:pointer}.mini-segmented button.active{background:#fff;color:#0d7a5c;box-shadow:0 2px 7px rgba(15,39,64,.08)}
.floating-ai-button{position:fixed;right:24px;bottom:24px;z-index:70;border:0;border-radius:18px;background:#0f2740;color:#fff;box-shadow:0 14px 34px rgba(15,39,64,.25);height:54px;min-width:64px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-weight:800;cursor:pointer}.floating-ai-button span{color:#55d2aa;font-size:18px}.floating-ai-button:hover{transform:translateY(-2px)}.ai-chat-backdrop{position:fixed;inset:0;background:rgba(10,28,43,.28);backdrop-filter:blur(2px);z-index:79}.ai-chat-drawer{position:fixed;top:18px;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px));z-index:80;background:#fff;border:1px solid #dfe7eb;border-radius:20px;box-shadow:0 24px 70px rgba(10,28,43,.26);display:flex;flex-direction:column;overflow:hidden;direction:rtl}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 13px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfefd,#f7fbfa)}.ai-chat-brand{display:flex;align-items:center;gap:11px}.ai-orb{width:42px;height:42px;border-radius:13px;background:#0f2740;color:#58d3ab;display:grid;place-items:center;font-size:18px}.ai-chat-brand span{font-size:9px;letter-spacing:1.4px;color:#0e8b66;font-weight:800}.ai-chat-brand h3{margin:1px 0 2px;font-size:17px}.ai-chat-brand small{font-size:9px;color:var(--muted)}.ai-chat-brand small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#1eb77f;margin-left:4px}.ai-chat-context{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;background:#f8fafb;border-bottom:1px solid var(--line);font-size:10px}.ai-chat-context span{color:var(--muted)}.ai-chat-context b{color:#0e7459}.ai-chat-quick{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;border-bottom:1px solid var(--line)}.ai-chat-quick .ai-suggestion{white-space:nowrap;padding:7px 9px;font-size:9px}.ai-drawer-messages{flex:1;min-height:0;overflow-y:auto;padding:14px;background:#fcfdfd}.ai-drawer-messages .msg{max-width:86%;font-size:12px;line-height:1.75}.ai-drawer-input{display:flex;align-items:flex-end;gap:8px;padding:11px 12px;border-top:1px solid var(--line);background:#fff}.ai-drawer-input textarea{flex:1;resize:none;min-height:42px;max-height:110px;border:1px solid #dce5e9;border-radius:12px;padding:10px 11px;font-family:inherit;font-size:12px;outline:0;line-height:1.6}.ai-drawer-input textarea:focus{border-color:#9fd4c3;box-shadow:0 0 0 3px rgba(20,150,108,.06)}.ai-send-btn{height:42px;border:0;border-radius:11px;background:#12a879;color:#fff;padding:0 15px;font-family:inherit;font-weight:800;cursor:pointer}.ai-disclaimer{padding:0 14px 10px;color:#93a0aa;font-size:8px;text-align:center}.ai-chat-open{overflow:hidden}
@media(max-width:760px){.barcode-segmented{grid-template-columns:1fr}.floating-ai-button{right:14px;bottom:14px}.ai-chat-drawer{top:8px;right:8px;bottom:8px;width:calc(100vw - 16px);border-radius:16px}}


/* V1.1 — two stickers INSIDE the same physical sheet + post-save quick print */
.barcode-preview-layout{width:100%;display:flex;align-items:center;justify-content:center;direction:ltr}
.barcode-sheet-preview{width:min(480px,96%);background:#fff;border:1px solid #d8e1e6;border-radius:5px;box-shadow:0 8px 26px rgba(15,39,64,.08);display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;direction:ltr;position:relative;aspect-ratio:var(--paper-ratio,1.6/1)}
.barcode-sheet-preview .preview-label{flex:1 1 0;width:auto!important;min-width:0!important;min-height:0!important;height:100%;border:0;box-shadow:none;border-radius:0;padding:7px 5px;overflow:hidden}
.barcode-sheet-preview.split-two .preview-label+ .preview-label{border-left:1px dashed #9eabb3}
.barcode-sheet-preview.split-two .barcode-brand{font-size:9px}
.barcode-sheet-preview.split-two .barcode-name{font-size:9px;max-width:96%}
.barcode-sheet-preview.split-two .barcode-bars{height:48px;width:94%;margin:4px auto 1px}
.barcode-sheet-preview.split-two .barcode-text{font-size:8px;letter-spacing:.3px}
.barcode-sheet-preview.split-two .barcode-price{font-size:11px;margin-top:1px}
.dual-barcode-callout .mode-visual.two{position:relative}
.dual-barcode-callout .mode-visual.two:after{content:"";position:absolute;top:3px;bottom:3px;left:50%;border-left:1px dashed #8ca29a}
.post-save-barcode-card{width:min(700px,95vw)}
.post-save-success{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}
.success-check{width:44px;height:44px;border-radius:50%;background:#eaf8f3;color:#0b8a64;display:grid;place-items:center;font-size:24px;font-weight:900;flex:0 0 auto}
.post-save-success small{display:block;color:#0b8a64;font-size:9px;letter-spacing:.12em;font-weight:800}
.post-save-success h2{margin:2px 0 1px;font-size:21px;color:var(--navy)}
.post-save-success p{margin:0;color:var(--muted);font-size:11px}
.post-save-product{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:end}
.post-save-product>div,.post-save-product label{border:1px solid var(--line);border-radius:11px;background:#fafcfd;padding:10px 12px}
.post-save-product small,.post-save-product b,.post-save-product span{display:block}.post-save-product small{font-size:9px;color:var(--muted)}.post-save-product b{font-size:13px;margin-top:2px}.post-save-product span{font-family:Consolas,monospace;color:#61707c;font-size:10px;margin-top:3px}
.post-save-product label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:var(--muted)}
.post-save-product input{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 9px;background:#fff;font:inherit}
.post-save-preview{min-height:180px}
.post-save-tip{margin-top:11px;padding:10px 12px;border:1px solid #d9ebe5;background:#f6fbf9;border-radius:10px;color:#587067;font-size:10px;line-height:1.7}.post-save-tip b{color:#0c7d5e}
.post-save-actions .primary{min-width:230px}
@media(max-width:760px){.post-save-product{grid-template-columns:1fr}.post-save-actions{flex-direction:column}.post-save-actions .primary,.post-save-actions .secondary-btn{width:100%;min-width:0}.barcode-sheet-preview{width:100%}.barcode-sheet-preview.split-two .barcode-bars{height:42px}}
.barcode-split-measure{margin-top:9px;padding:8px 10px;border-radius:9px;background:#fff;border:1px dashed #cfe2da;color:#547167;font-size:9px;font-weight:700;text-align:center;direction:rtl}

/* V1.2 — requested orientation: two barcodes stacked TOP / BOTTOM in one physical sheet */
.barcode-sheet-preview.split-vertical{flex-direction:column!important}
.barcode-sheet-preview.split-vertical .preview-label{width:100%!important;height:auto!important;min-height:0!important;flex:1 1 0}
.barcode-sheet-preview.split-vertical .preview-label+.preview-label{border-left:0!important;border-top:1px dashed #9eabb3!important}
.barcode-sheet-preview.split-vertical .barcode-brand{font-size:7px}
.barcode-sheet-preview.split-vertical .barcode-name{font-size:7px;line-height:1}
.barcode-sheet-preview.split-vertical .barcode-bars{height:30px;width:88%;margin:2px auto 0}
.barcode-sheet-preview.split-vertical .barcode-text{font-size:7px;line-height:1}
.barcode-sheet-preview.split-vertical .barcode-price{font-size:8px;line-height:1;margin-top:0}
.mode-visual.two.vertical{flex-direction:column!important;position:relative}
.mode-visual.two.vertical:after{content:""!important;position:absolute!important;left:3px!important;right:3px!important;top:50%!important;bottom:auto!important;border-left:0!important;border-top:1px dashed #8ca29a!important}
.mode-visual.two.vertical i{width:100%;height:50%}
@media(max-width:760px){.barcode-sheet-preview.split-vertical .barcode-bars{height:24px}}


/* V1.3 — Smart Product Catalog / quick price & stock editing */
.sidebar nav{gap:4px}.nav-item{padding:11px 14px}
.products-smart-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.product-summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 5px 18px rgba(17,41,64,.035)}.product-summary-card small,.product-summary-card span{display:block;color:var(--muted)}.product-summary-card small{font-size:11px;font-weight:700}.product-summary-card strong{display:block;font-size:20px;color:var(--navy);margin:6px 0 3px}.product-summary-card span{font-size:10px}.product-summary-card.profit strong{color:#11825f;font-size:16px}
.smart-toolbar{align-items:flex-end;flex-wrap:wrap}.product-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.product-filters label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px;font-weight:700}.product-filters select{height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font:inherit;color:var(--ink);min-width:125px}.view-switch{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.view-switch button{border:0;background:#fff;padding:10px 12px;color:var(--muted);cursor:pointer;font:inherit;font-size:11px}.view-switch button+button{border-right:1px solid var(--line)}.view-switch button.active{background:#edf8f4;color:#087454;font-weight:800}.smart-help-strip{display:flex;align-items:flex-start;gap:10px;background:#f5faf8;border:1px solid #dceee7;border-radius:12px;padding:10px 12px;margin-bottom:14px}.smart-help-strip>span{font-size:18px}.smart-help-strip b,.smart-help-strip small{display:block}.smart-help-strip b{font-size:12px;color:#165d4a}.smart-help-strip small{font-size:10px;line-height:1.7;color:var(--muted);margin-top:2px}
.products-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-product-card.smart-card{border-radius:14px}.smart-card .admin-product-image{height:132px}.smart-card .admin-product-body{padding:12px}.smart-card .admin-product-title{align-items:center}.smart-card .admin-product-title h3{font-size:15px}.sale-range{text-align:left;white-space:nowrap}.sale-range small,.sale-range strong{display:block}.sale-range small{font-size:9px;color:var(--muted);margin-bottom:3px}.sale-range strong{font-size:12px;color:var(--navy)}.smart-pricing{margin-top:10px}.smart-pricing span{padding:8px;background:#f8fafb;border-radius:9px}.smart-pricing span.safe{background:#f1faf6;border:1px solid #dcefe7}.smart-pricing small{font-size:9px}.smart-pricing b{font-size:11px}.profit-strip.compact{margin-top:8px;padding:7px 9px;font-size:9px}.admin-stock-row.smart-stock{margin:9px 0;gap:6px}.stock-branch{position:relative;padding:8px!important;border:1px solid transparent}.stock-branch em{display:inline-block;margin-top:5px;font-size:8px;font-style:normal;padding:2px 6px;border-radius:999px}.stock-branch.ok{background:#f5faf8;border-color:#e0efe9}.stock-branch.ok em{background:#dff4eb;color:#0d7a59}.stock-branch.low{background:#fff9ef;border-color:#f6e5c4}.stock-branch.low em{background:#fff0cf;color:#99670a}.stock-branch.out{background:#fff4f4;border-color:#f3d9d9}.stock-branch.out em{background:#fee4e4;color:#b83030}.admin-product-actions.smart-actions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding-top:9px}.quick-action{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 5px;font:inherit;font-size:9px;font-weight:800;color:#405366;cursor:pointer;white-space:nowrap}.quick-action:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,39,64,.07)}.quick-action.price{background:#eef8f5;border-color:#cfe9df;color:#087252}.quick-action.qty{background:#f3f7fb;border-color:#dbe6ef;color:#295e86}.quick-action.stock{background:#102d47;color:#fff;border-color:#102d47}.quick-action.barcode{background:#fffaf0;border-color:#f1e2bf;color:#805a08}.quick-action.photo{background:#f5f1ff;border-color:#ded3f5;color:#6848a8}.quick-action.photo.has-photo{background:#eef8ff;border-color:#cfe5f3;color:#24688f}
.products-admin-grid.table-mode{display:block}.smart-products-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.smart-products-table{width:100%;border-collapse:collapse;background:#fff;min-width:980px}.smart-products-table th,.smart-products-table td{padding:11px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}.smart-products-table th{background:#f8fafb;color:var(--muted);font-size:10px}.smart-products-table td{font-size:11px}.table-product-main{display:flex;align-items:center;gap:9px;min-width:190px}.table-product-main b,.table-product-main small{display:block}.table-product-main small{color:var(--muted);font-size:9px;margin-top:2px}.price-range-cell b,.price-range-cell small{display:block}.price-range-cell small{color:var(--muted);font-size:9px;margin-top:3px}.cost-cell{display:grid;gap:4px}.cost-cell span{font-size:9px;color:var(--muted)}.cost-cell b{color:var(--ink)}.table-stock-cell{display:flex;gap:5px}.table-stock-cell .stock-branch{min-width:95px}.table-actions{display:flex;gap:4px}.table-actions .quick-action{padding:7px 6px}.cell-sub{display:block;color:var(--muted);font-size:9px}.audit-pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}.audit-pill.price{background:#eaf7f2;color:#087354}.audit-pill.qty{background:#eef5fb;color:#2b648f}.positive-qty{color:#07835c}.negative-qty{color:#c13a3a}.product-audit-panel{margin-top:14px}
.quick-edit-modal{width:min(720px,96vw)}.quick-edit-product{display:flex;align-items:center;gap:12px;background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:14px}.quick-edit-product h3{margin:2px 0 3px}.quick-edit-product small,.quick-edit-product span{color:var(--muted);font-size:10px}.quick-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-edit-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#405366}.quick-edit-grid input,.quick-edit-grid select{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 11px;font:inherit;background:#fff}.quick-edit-grid .span-2{grid-column:1/-1}.quick-price-preview,.qty-adjust-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.quick-price-preview>div,.qty-adjust-preview>div{background:#f8fafb;border:1px solid var(--line);border-radius:10px;padding:10px}.quick-price-preview small,.quick-price-preview strong,.qty-adjust-preview small,.qty-adjust-preview strong{display:block}.quick-price-preview small,.qty-adjust-preview small{font-size:9px;color:var(--muted);margin-bottom:4px}.quick-price-preview strong,.qty-adjust-preview strong{font-size:13px}.quick-warning{margin-top:10px;background:#fff5e8;border:1px solid #f2d9ae;color:#8a5b08;padding:10px;border-radius:10px;font-size:10px;line-height:1.6}.qty-rule-note{background:#fff9ef;border:1px solid #f4e1bd;color:#74520e;padding:10px 12px;border-radius:10px;font-size:10px;line-height:1.7;margin-bottom:14px}.readout-box{height:44px;display:flex;align-items:center;padding:0 11px;background:#f5f7f9;border:1px solid var(--line);border-radius:10px;font-weight:800;color:var(--navy)}.qty-delta.positive{color:#07835c}.qty-delta.negative{color:#c13a3a}.qty-delta.neutral{color:var(--muted)}
@media(max-width:1180px){.products-smart-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.products-smart-summary{grid-template-columns:1fr}.product-filters{width:100%}.product-filters label{flex:1}.view-switch{width:100%}.view-switch button{flex:1}.quick-edit-grid,.quick-price-preview,.qty-adjust-preview{grid-template-columns:1fr}.quick-edit-grid .span-2{grid-column:auto}.smart-card .admin-product-image{height:150px}}


/* V1.4 — Sales cash drawer, sales vault and independent branch liquidity */
.cash-mini-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.cash-mini-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;box-shadow:0 5px 18px rgba(17,41,64,.035);overflow:hidden}.cash-mini-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#dbe5ea}.cash-mini-card.cashier:before{background:#21ad7d}.cash-mini-card.vault:before{background:#133c5d}.cash-mini-card.liquidity:before{background:#4f83b5}.cash-mini-card.total:before{background:#c7a24d}.cash-mini-card small,.cash-mini-card span{display:block;color:var(--muted);font-size:9px}.cash-mini-card strong{display:block;font-size:17px;color:var(--navy);margin:5px 0 3px}.cash-mini-card.cashier strong{color:#087a59}.cash-mini-card.liquidity strong{color:#2d6694}.cash-mini-link{border:0;background:transparent;color:#0b7a5c;font:inherit;font-size:9px;font-weight:800;padding:7px 0 0;cursor:pointer}
.cash-section-head{align-items:center}.cash-branch-chip{border:1px solid #cfe5dc;background:#f2faf7;color:#126d55;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800}.cash-separation-note{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;margin-bottom:14px;background:#f7fbfa;border:1px solid #d8ebe4;border-radius:13px}.cash-lock-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9f7f2;font-size:18px}.cash-separation-note b,.cash-separation-note p{margin:0}.cash-separation-note p{color:var(--muted);font-size:10px;line-height:1.8;margin-top:3px}.cash-separation-note p strong{color:#23445b}
.cash-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.cash-account-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:0 6px 20px rgba(14,39,62,.04);min-width:0}.cashier-account{border-top:3px solid #20ad7c}.sales-vault-account{border-top:3px solid #163d5c}.liquidity-account{border-top:3px solid #4e82b0}.total-cash-account{border-top:3px solid #c5a34b}.cash-account-head{display:flex;align-items:center;gap:9px}.cash-account-head>span{width:36px;height:36px;border-radius:10px;background:#f4f8fa;display:grid;place-items:center;font-size:17px}.cash-account-head small,.cash-account-head h3{display:block;margin:0}.cash-account-head small{font-size:8px;color:var(--muted);font-weight:700}.cash-account-head h3{font-size:13px;margin-top:2px}.cash-big-balance{display:block;font-size:24px;color:var(--navy);margin:15px 0 8px}.liquidity-account .cash-big-balance{color:#2e6693}.cash-account-card>p{min-height:48px;color:var(--muted);font-size:9px;line-height:1.7;margin:0 0 10px}.cash-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.cash-card-stats span{padding:8px;background:#f8fafb;border-radius:9px}.cash-card-stats small,.cash-card-stats b{display:block}.cash-card-stats small{font-size:8px;color:var(--muted)}.cash-card-stats b{font-size:10px;margin-top:3px;color:#23445b}
.cash-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.cash-action-panel.primary-cash-action{grid-column:1/-1;border-color:#cfe8df;background:linear-gradient(180deg,#fff 0%,#fbfefc 100%)}.cash-flow-arrow{font-size:19px}.cash-action-help{color:var(--muted);font-size:10px;line-height:1.7;margin:0 0 12px}.cash-inline-form{display:grid;grid-template-columns:170px minmax(220px,1fr) auto;gap:9px;align-items:end}.cash-operation-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:end}.cash-operation-form .wide{grid-column:1/-1}.cash-inline-form label,.cash-operation-form label{display:flex;flex-direction:column;gap:5px;color:#405366;font-size:9px;font-weight:800}.cash-inline-form input,.cash-operation-form input,.cash-operation-form select{height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font:inherit;color:var(--ink)}.cash-operation-form button{grid-column:1/-1}.cash-available-line{margin-top:9px;padding:8px 10px;border-radius:9px;background:#f2faf7;color:#3e685b;font-size:9px}.cash-available-line b{color:#0b7759}.liquidity-panel{border-color:#dce8f1}
.cash-history-panel{margin-top:2px}.cash-history-head{align-items:end}.cash-history-filter{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:9px}.cash-history-filter select{height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font:inherit;color:var(--ink);min-width:170px}.cash-account-pill{display:inline-block;padding:4px 7px;border-radius:999px;background:#edf3f6;color:#3c5b70;font-size:8px;font-weight:800}.cash-account-pill.cashier{background:#e8f7f1;color:#087656}.cash-account-pill.salesVault{background:#eaf0f5;color:#173e5d}.cash-account-pill.liquidity{background:#edf5fb;color:#2d6693}.cash-account-pill.transfer{background:#fff7e7;color:#85620f}.cash-amount.in{color:#087a59}.cash-amount.out{color:#bd3c3c}.cash-amount.transfer{color:#80600d}.cash-history-table td{font-size:10px}.cash-history-table th{white-space:nowrap}
@media(max-width:1180px){.cash-mini-strip,.cash-account-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cash-mini-strip,.cash-account-grid,.cash-actions-grid{grid-template-columns:1fr}.cash-action-panel.primary-cash-action{grid-column:auto}.cash-inline-form,.cash-operation-form{grid-template-columns:1fr}.cash-operation-form .wide,.cash-operation-form button{grid-column:auto}.cash-history-head{align-items:stretch;gap:8px}.cash-history-filter select{width:100%}}

/* Brand theme inherited from V1.5 — premium dashboard + empty red battery */
:root{
  --brand-red:#ef4f52;
  --brand-red-soft:#fff1f1;
  --ink:#172b3f;
  --muted:#8290a3;
  --line:#e8edf2;
  --bg:#f6f8fa;
  --green:#12a878;
  --blue:#377ddb;
  --amber:#ef8f24;
}
.brand-battery{
  border-color:var(--brand-red)!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:0 0 0 3px rgba(239,79,82,.07), inset 0 0 0 1px rgba(255,255,255,.03);
}
.brand-battery:after{background:var(--brand-red)!important}
.brand-battery:before{display:none!important;background:none!important;height:0!important}
.brand-battery span{color:#fff!important;text-shadow:0 1px 5px rgba(239,79,82,.5)}
.brand-battery.small{border-color:var(--brand-red)!important}

.dashboard-modern{background:linear-gradient(180deg,#f7f9fb 0%,#f5f7f9 100%)}.welcome-copy h1{font-size:28px;color:#162a3e;margin-bottom:5px}
.welcome-copy p{font-size:13px;color:#77879a}
.dashboard-top-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-start}
.today-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 13px;min-width:190px;box-shadow:0 5px 16px rgba(20,43,66,.035)}
.today-card .today-icon{width:34px;height:34px;border-radius:10px;background:#eef5ff;color:#2f73ca;display:grid;place-items:center;font-size:15px}
.today-card b,.today-card small{display:block}.today-card b{font-size:12px;color:#243b52}.today-card small{font-size:9px;color:#93a0af;margin-top:3px}
.head-actions{display:flex;gap:9px}.head-actions .secondary-btn{background:#fff;border-color:#dce4eb;color:#263d54}.head-actions .primary{box-shadow:0 8px 16px rgba(18,168,120,.14)}

.dashboard-kpis{gap:13px;margin-bottom:13px}
.dashboard-kpis .kpi{min-height:116px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 7px 22px rgba(18,42,64,.045)}
.dashboard-kpis .kpi:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#dce5ed}
.dashboard-kpis .kpi-sales:after{background:#20b283}.dashboard-kpis .kpi-invoices:after{background:#4a8be2}.dashboard-kpis .kpi-stock:after{background:#f2a03a}.dashboard-kpis .kpi-profit:after{background:#26a878}
.dashboard-kpis .kpi small{color:#667b91;font-weight:700;font-size:11px}
.dashboard-kpis .kpi strong{font-size:24px;color:#132b43;margin:7px 0 4px}
.dashboard-kpis .kpi-sales strong,.dashboard-kpis .kpi-profit strong{color:#0d8f67}
.dashboard-kpis .kpi-stock strong{color:#e26b31}
.dashboard-kpis .kpi em{color:#94a1af;font-size:10px}
.dashboard-kpis .kpi-icon{width:45px;height:45px;border-radius:13px;font-size:18px;flex:0 0 45px}
.dashboard-kpis .profit-icon{background:#eaf8f3;color:#0e9068}

.dashboard-finance-strip{gap:12px;margin-bottom:15px}
.dashboard-finance-strip .finance-card{display:flex;align-items:center;gap:13px;min-height:100px;padding:15px 16px;border-radius:14px;box-shadow:0 6px 20px rgba(18,42,64,.04)}
.dashboard-finance-strip .finance-card:before{display:none}
.finance-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef5ff;color:#347bd2;font-weight:800;flex:0 0 38px}
.finance-profit .finance-icon{background:#eaf8f3;color:#0c9369}.finance-company .finance-icon{background:#f5f1e7;color:#927230}.finance-retail .finance-icon{background:#eef5ff;color:#377bd4}
.dashboard-finance-strip .finance-card small{font-size:10px;color:#6f8194;font-weight:700}
.dashboard-finance-strip .finance-card strong{font-size:19px;color:#18314a;margin:5px 0 3px}.dashboard-finance-strip .finance-profit strong{color:#0c8d66}
.dashboard-finance-strip .finance-card span{font-size:9px;color:#99a5b1}

.dashboard-money-section{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 15px 15px;margin-bottom:14px;box-shadow:0 6px 20px rgba(18,42,64,.035)}
.money-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.money-section-head>div{display:flex;align-items:center;gap:9px}.money-icon{width:32px;height:32px;border-radius:9px;background:#eef4fb;color:#315f91;display:grid;place-items:center}.money-section-head b,.money-section-head small{display:block}.money-section-head b{font-size:13px;color:#1d344c}.money-section-head small{font-size:9px;color:#96a3b0;margin-top:2px}.money-manage-link{border:0;background:#f7f9fb;color:#48627d;padding:7px 10px;border-radius:9px;font:inherit;font-size:9px;font-weight:800;cursor:pointer}
.dashboard-cash-strip{margin:0;gap:10px}.dashboard-cash-strip .cash-mini-card{box-shadow:none;background:#fbfcfd;border-color:#edf1f4;display:flex;align-items:center;gap:11px;min-height:88px;padding:12px 13px}.dashboard-cash-strip .cash-mini-card:before{width:2px}.cash-card-icon{width:36px;height:36px;border-radius:10px;background:#eef7f4;color:#138761;display:grid;place-items:center;flex:0 0 36px}.cash-mini-card.vault .cash-card-icon{background:#eef4fb;color:#325f8f}.cash-mini-card.liquidity .cash-card-icon{background:#eef6ff;color:#417eb8}.cash-mini-card.total .cash-card-icon{background:#f7f3e9;color:#9a7a31}.dashboard-cash-strip .cash-mini-card strong{font-size:18px;margin:4px 0 2px}.dashboard-cash-strip .cash-mini-card small{font-size:10px;font-weight:700;color:#718397}.dashboard-cash-strip .cash-mini-card span{font-size:9px;color:#9ba6b2}

.modern-dashboard-grid .panel{border-radius:15px;box-shadow:0 6px 20px rgba(18,42,64,.04)}
.modern-dashboard-grid .panel-head h3{color:#18314a;font-size:15px}.modern-dashboard-grid .panel-head small{color:#9aa7b4;font-size:9px}.modern-dashboard-grid .link-btn{color:#397fd7;font-weight:700;font-size:10px}
.stock-watch-panel .stock-row{padding:9px 0}.stock-watch-panel .stock-row b{color:#243b52}.stock-watch-panel .stock-row b.low{background:#fff1ef;color:#d95f53;padding:4px 7px;border-radius:999px;font-size:10px}
.branch-details-panel .valuation-mini{background:#fbfcfd;border-radius:12px;padding:3px 8px}
.ai-mini{background:linear-gradient(180deg,#fff,#fbfdfc)}.ai-mini .status-dot{color:#0b986c}.ai-mini .ai-suggestion{color:#314b64}.ai-mini .primary.ghost{background:#edf8f4;color:#0c835f}.topbar .build-chip{background:#f2faf7!important;color:#16785f!important;border-color:#d6ebe4!important}
.search-wrap{background:#fbfcfd}.user-card b{color:#20384f}.user-card small{color:#8b99a8}

@media(max-width:1180px){.dashboard-top-tools{width:100%;justify-content:space-between}.dashboard-welcome{flex-direction:column;gap:14px}.dashboard-money-section .cash-mini-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-top-tools{align-items:stretch}.today-card{width:100%}.head-actions{width:100%;display:grid;grid-template-columns:1fr}.dashboard-money-section .cash-mini-strip{grid-template-columns:1fr}.money-section-head{align-items:flex-start;gap:8px;flex-direction:column}}


/* V1.6 — Inventory Pro: clearer valuation, filters, sticky table and quick actions */
.inventory-pro-view{background:linear-gradient(180deg,#f7f9fb 0%,#f5f7f9 100%)}
.inventory-page-head{align-items:flex-start;margin-bottom:14px}.inventory-page-head .eyebrow{letter-spacing:0;color:#6c8094}.inventory-page-head h1{font-size:24px;color:#172f47;margin:5px 0 5px}.inventory-page-head p{font-size:12px;color:#8a99a8}.inventory-head-chip{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #e2e8ed;color:#678096;font-size:9px;font-weight:800}
.inventory-executive-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.inventory-summary-card{background:#fff;border:1px solid #e4e9ed;border-radius:13px;padding:13px 14px;display:flex;align-items:center;gap:10px;min-height:92px;box-shadow:0 5px 17px rgba(18,42,64,.035)}.inventory-summary-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f2f6fa;color:#486982;font-weight:900;flex:0 0 36px}.inventory-summary-card small,.inventory-summary-card strong,.inventory-summary-card em{display:block}.inventory-summary-card small{font-size:9px;color:#77899a;font-weight:800}.inventory-summary-card strong{font-size:16px;color:#1b334a;margin:4px 0 2px;white-space:nowrap}.inventory-summary-card em{font-size:8px;color:#9ba7b2;font-style:normal}.inventory-summary-card.safe .inventory-summary-icon{background:#eef8f4;color:#15835f}.inventory-summary-card.safe strong,.inventory-summary-card.profit strong{color:#11815f}.inventory-summary-card.profit .inventory-summary-icon{background:#eef8f4;color:#11815f}.inventory-summary-card.capital .inventory-summary-icon{background:#f5f2ea;color:#8a6f36}
.inventory-branch-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:12px}.inventory-branch-card{padding:13px 14px;border-radius:13px;box-shadow:0 5px 17px rgba(18,42,64,.03)}.inventory-branch-card.active{border-color:#b9d5e5;box-shadow:0 0 0 2px rgba(57,127,215,.055),0 6px 18px rgba(18,42,64,.04)}.inventory-branch-card .valuation-card-head h3{font-size:15px;color:#1b334a}.inventory-branch-card .valuation-card-head small{font-size:8px}.inventory-branch-card .valuation-card-head>span{padding:5px 8px;background:#f4f7f9;color:#6e8192}.branch-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.branch-value-grid>div{background:#f8fafb;border-radius:9px;padding:8px 9px}.branch-value-grid small,.branch-value-grid b{display:block}.branch-value-grid small{font-size:8px;color:#8796a4;margin-bottom:3px}.branch-value-grid b{font-size:11px;color:#233b52;white-space:nowrap}.branch-value-grid .profit-text b{color:inherit!important}.branch-card-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #eef2f4;font-size:8px;color:#98a4af}.branch-card-footer b{color:#678096;font-size:8px}
.inventory-pro-panel{padding:15px}.inventory-detail-head{margin-bottom:10px}.inventory-detail-head h3{font-size:15px;color:#183149}.inventory-toolbar{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(135px,.7fr));gap:8px;padding:10px;background:#f8fafb;border:1px solid #edf1f4;border-radius:11px;margin-bottom:11px}.inventory-toolbar label{display:flex;flex-direction:column;gap:5px;color:#7e8f9f;font-size:8px;font-weight:800}.inventory-toolbar input,.inventory-toolbar select{height:38px;background:#fff;border:1px solid #dfe6eb;border-radius:9px;padding:0 10px;color:#2e465d;outline:0;font-size:11px}.inventory-toolbar input:focus,.inventory-toolbar select:focus{border-color:#a8c9df;box-shadow:0 0 0 3px rgba(70,131,187,.06)}
.inventory-table-scroll{max-height:560px;overflow:auto;border:1px solid #edf1f4;border-radius:11px}.inventory-pro-table{min-width:1320px}.inventory-pro-table thead th{position:sticky;top:0;z-index:3;background:#f6f8fa;color:#687d90;font-size:9px;box-shadow:0 1px 0 #e5eaee}.inventory-pro-table th,.inventory-pro-table td{padding:10px 8px}.inventory-pro-table td{font-size:10px;color:#30485f}.inventory-product-cell{min-width:210px}.inventory-product-cell .table-product b{font-size:11px;color:#1c344b}.inventory-product-cell .table-product small{font-size:8px;color:#98a4af}.inventory-qty-cell{text-align:center!important;min-width:72px}.inventory-qty-cell>b{display:block;color:#193149;font-size:12px;margin-bottom:4px}.inventory-stock-badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:7px;font-weight:800}.inventory-stock-badge.ok{background:#eaf7f2;color:#0f805d}.inventory-stock-badge.low{background:#fff4df;color:#a66a09}.inventory-stock-badge.out{background:#fff0ef;color:#c64b43}.inventory-product-row.low{background:#fffdf8}.inventory-product-row.out{background:#fffafa}.inventory-product-row.out td{opacity:.88}.safe-price-cell{color:#9b6b12!important;font-weight:800}.max-price-cell{color:#245d91!important;font-weight:800}.inventory-money-cell{font-weight:800;color:#213a51!important}.profit-cell{color:#11815f!important}.inventory-actions-cell{min-width:225px}.inventory-row-actions{display:flex;gap:4px;justify-content:flex-start;white-space:nowrap}.inv-action{border:1px solid #dfe6eb;background:#fff;border-radius:7px;padding:6px 8px;font:inherit;font-size:8px;font-weight:800;color:#455d74;cursor:pointer}.inv-action:hover{transform:translateY(-1px);box-shadow:0 4px 9px rgba(15,39,64,.07)}.inv-action.add{background:#102e49;color:#fff;border-color:#102e49}.inv-action.qty{background:#f2f6fa;color:#2d628d}.inv-action.price{background:#eef8f4;color:#0f7b59;border-color:#d7ebe3}.inv-action.barcode{background:#fff9ef;color:#8a650f;border-color:#f1e3c8}.inventory-total-row td{position:sticky;bottom:0;background:#f2f6f5!important;border-top:2px solid #dce7e3;z-index:2;font-weight:800}.inventory-total-row small{display:block;color:#8797a5;font-size:7px;margin-top:2px}
.all-branches-valuation-panel{margin-bottom:14px}.branches-value-table .current-branch-row{background:#f7fbff}.current-branch-label{display:inline-block;margin-right:7px;padding:2px 6px;border-radius:999px;background:#e8f2fb;color:#3477b6;font-size:7px}.branches-value-table th{font-size:9px}.branches-value-table td{font-size:10px}
.stock-history-panel .panel-head small{color:#8192a2}
@media(max-width:1250px){.inventory-executive-summary{grid-template-columns:repeat(3,1fr)}.branch-value-grid{grid-template-columns:repeat(2,1fr)}.inventory-toolbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.inventory-executive-summary,.inventory-branch-cards,.inventory-toolbar{grid-template-columns:1fr}.inventory-page-head{gap:10px;align-items:flex-start;flex-direction:column}.inventory-summary-card{min-height:82px}}


/* V1.7 — Smart stock alerts and per-branch thresholds */
.stock-limits-help{margin:-2px 0 12px;padding:9px 11px;border:1px solid #dce8e4;background:#f5faf8;border-radius:10px;color:#65798b;font-size:10px;line-height:1.7}.stock-limits-help b{color:#18354e}
.branch-stock-limits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.branch-limit-card{border:1px solid #e2e8ed;background:#fafcfd;border-radius:12px;padding:11px}.branch-limit-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.branch-limit-head b{color:#16334c;font-size:12px}.branch-limit-head span{font-size:8px;color:#0d815e;background:#e9f7f2;padding:3px 7px;border-radius:999px}.branch-limit-card>label,.branch-limit-fields label{margin:0!important}.branch-limit-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.branch-limit-card>small{display:block;color:#8b9aa8;font-size:8px;line-height:1.6;margin-top:8px}
.stock-branch.critical{background:#fff4f1;border-color:#f4d8d0}.stock-branch.critical em{background:#ffe1d9;color:#b6402f}.stock-branch i{display:block;font-style:normal;font-size:7px;color:#8998a5;margin-top:4px}.stock-branch.out i,.stock-branch.critical i{color:#a66b65}
.inventory-stock-badge.critical{background:#ffe4dc;color:#b94231}.inventory-product-row.critical{background:#fff9f7}.inventory-product-row.critical .inventory-qty-cell>b{color:#b44132}.stock-limit-inline{display:block;color:#8b9aa7;font-size:6.8px;margin-top:4px;white-space:nowrap}.stock-reorder-hint{display:block;color:#a96c12;font-size:6.8px;margin-top:2px;white-space:nowrap}
.stock-mini-value{display:grid;justify-items:end;gap:3px}.stock-mini-value>b{font-size:12px;color:#17354e}.stock-mini-value>b.low{color:#a76a0b}.stock-mini-value>b.critical,.stock-mini-value>b.out{color:#c34235}.stock-mini-value .inventory-stock-badge{font-size:7px}.stock-mini-critical{background:#fffdfc}.stock-mini-out{background:#fffafa}
.product-card .stock.low{color:#a76a0b}.product-card .stock.critical,.product-card .stock.out{color:#c34235;font-weight:800}.product-card.stock-card-critical{box-shadow:inset 0 0 0 1px #f4ddd7}.product-card.stock-card-out{opacity:.8}
.notification-symbol.stock-alert{background:#fff2ed;color:#bd4634;border:1px solid #f1d5cd;font-weight:900}
@media(max-width:760px){.branch-stock-limits-grid{grid-template-columns:1fr}.branch-limit-fields{grid-template-columns:1fr 1fr}}


/* V1.8 — Centered safe-price guard; sale price has NO upper cap */
.price-guard-modal{z-index:12000;background:rgba(8,22,38,.62);backdrop-filter:blur(4px)}
.price-guard-card{max-width:560px;text-align:center;padding:32px 34px 28px;border:1px solid rgba(220,53,69,.18);box-shadow:0 28px 90px rgba(9,26,45,.28)}
.price-guard-icon{width:72px;height:72px;border-radius:22px;margin:-2px auto 18px;display:grid;place-items:center;background:#fff1f2;color:#d92d3a;font-size:42px;font-weight:900;border:1px solid #ffd4d8;box-shadow:0 12px 28px rgba(217,45,58,.12)}
.price-guard-copy h2{margin:5px 0 8px;color:#172b43;font-size:27px}.price-guard-copy p{margin:0 auto 18px;color:#687a90;max-width:460px;line-height:1.75}.danger-eyebrow{color:#d92d3a!important}
.price-guard-product{background:#f8fafc;border:1px solid #e7edf3;border-radius:16px;padding:13px 16px;margin:8px 0 14px;text-align:right}.price-guard-product>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.price-guard-product small{color:#8291a4}.price-guard-product b{color:#122a44;font-size:16px}.price-guard-product span{margin-inline-start:auto;color:#8190a2;font-size:12px}
.price-guard-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.price-guard-values>div{padding:14px 10px;border-radius:14px;border:1px solid #e5ebf1;background:#fbfcfd}.price-guard-values small{display:block;color:#7d8ca0;margin-bottom:7px}.price-guard-values strong{font-size:18px;color:#18304a}.price-guard-values .entered{background:#fff6f6;border-color:#ffd9dc}.price-guard-values .entered strong{color:#d92d3a}.price-guard-values .safe{background:#f1fbf7;border-color:#ccefe0}.price-guard-values .safe strong{color:#12825f}.price-guard-values .reference strong{color:#2b66b1}
.price-guard-note{margin:15px 0 4px;padding:12px 14px;border-radius:13px;background:#f6f9fc;color:#53667c;line-height:1.7;font-size:13px}.price-guard-note strong{color:#102d49}.price-guard-actions{justify-content:center!important}.price-guard-actions button{min-width:180px}
.safe-price-note.price-floor-breached{background:#fff1f2!important;color:#c92c39!important;border-color:#ffd2d7!important}.cart-unit-price input.invalid-price{border-color:#df3f4b!important;background:#fff6f6!important;box-shadow:0 0 0 3px rgba(223,63,75,.09)!important}
@media(max-width:700px){.price-guard-values{grid-template-columns:1fr}.price-guard-card{padding:24px 18px}.price-guard-actions{flex-direction:column}.price-guard-actions button{width:100%}}#view-pos .cart-panel{
  min-height:0;
  height:auto;
  max-height:calc(100vh - 184px);
  padding:13px 14px;
  overflow:hidden;
}
#view-pos .cart-panel .panel-head{margin-bottom:8px}
#view-pos .cart-panel .panel-head small{font-size:8px;letter-spacing:.08em}
#view-pos .cart-panel .panel-head h3{font-size:16px;margin-top:1px}
#view-pos .compact-fields{gap:7px;padding-bottom:8px;margin-bottom:2px}
#view-pos .invoice-fields label{gap:4px;font-size:9px}
#view-pos .invoice-fields input{height:34px;border-radius:8px;font-size:11px}
#view-pos .cart-items{
  flex:0 1 auto;
  min-height:46px;
  max-height:218px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  padding-inline-start:2px;
}
#view-pos .cart-items.empty-state{min-height:82px;max-height:82px}
#view-pos .cart-line{padding:8px 0;gap:6px}
#view-pos .cart-line b{font-size:11px}
#view-pos .cart-line small{font-size:8px}
#view-pos .cart-unit-price{margin-top:4px;gap:5px;font-size:8px}
#view-pos .cart-unit-price input{height:28px;width:94px;border-radius:7px;font-size:10px}
#view-pos .qty{gap:5px}
#view-pos .qty button{width:24px;height:24px;border-radius:6px}
#view-pos .totals{padding-top:8px;margin-top:2px}
#view-pos .totals>div:first-child{font-size:11px}
#view-pos .totals strong{font-size:18px}
#view-pos .discount-line{margin:6px 0;font-size:10px}
#view-pos .discount-line input{width:96px;height:32px;border-radius:8px}
#view-pos .grand-total{padding-top:7px!important;margin-top:4px}
#view-pos .grand-total strong{font-size:22px!important}
#view-pos .safe-price-note{margin:5px 0 2px;padding:6px 8px;border-radius:8px;font-size:8px;line-height:1.45}
#view-pos .safe-price-note b{font-size:9px!important}
#view-pos .pay-methods{gap:5px;margin:7px 0}
#view-pos .pay{padding:6px 9px;border-radius:8px;font-size:10px}
#view-pos .checkout{padding:10px 12px;border-radius:9px;font-size:13px}
#view-pos .checkout span{font-size:10px}
@media (max-height:760px) and (min-width:761px){
  #view-pos .cart-items{max-height:150px}
  #view-pos .cart-panel{max-height:calc(100vh - 150px)}
}


/* V2.3 — E2E audited stability, smart search, cash fill, success popup, diagnostics */
.pos-search-stack{position:relative;z-index:8}.pos-search-stack .scan-input{margin-bottom:10px}
.pos-search-suggestions{position:absolute;top:54px;right:0;left:0;background:#fff;border:1px solid #dce8e3;border-radius:13px;box-shadow:0 18px 48px rgba(15,39,64,.14);padding:6px;z-index:60;max-height:310px;overflow:auto}
.pos-search-suggestion{width:100%;border:0;background:#fff;border-radius:10px;padding:9px 10px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;text-align:right;cursor:pointer;color:var(--ink)}
.pos-search-suggestion:hover,.pos-search-suggestion.active{background:#f0faf6}.pos-search-suggestion.exact{background:#edf9f5;border:1px solid #d1ecdf}
.pos-search-suggestion .suggest-visual{width:42px;height:42px;border-radius:9px;background:#f3f6f8;display:grid;place-items:center;overflow:hidden;font-size:21px}.pos-search-suggestion .suggest-visual img{width:100%;height:100%;object-fit:cover}
.pos-search-suggestion b,.pos-search-suggestion small{display:block}.pos-search-suggestion small{color:#8291a4;font-size:10px;margin-top:2px}.pos-search-suggestion .suggest-meta{text-align:left;white-space:nowrap}.pos-search-suggestion .suggest-meta strong{display:block;color:#15304b}.pos-search-suggestion .suggest-meta em{display:block;font-style:normal;font-size:10px;color:#178364;margin-top:3px}.pos-search-suggestion .suggest-meta em.low,.pos-search-suggestion .suggest-meta em.critical{color:#b36a13}.pos-search-suggestion .suggest-meta em.out{color:#cf3c3c}
.scan-input.live-search-active{border-color:#9fd4c1;box-shadow:0 0 0 3px rgba(24,168,121,.06);background:#fbfffd}.product-card.search-match{border-color:#b8dfd1;background:linear-gradient(180deg,#fff,#f9fdfb)}.product-card.exact-barcode{box-shadow:0 0 0 3px rgba(19,130,95,.10)}
.cash-fill-zone{display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:pointer;outline:0;border:1px solid transparent;transition:.15s}.cash-fill-zone:hover,.cash-fill-zone:focus{border-color:#cdeade;background:#eaf8f3}.cash-available-click{display:inline-flex;align-items:center;padding:5px 9px;border-radius:8px;background:#eaf8f3;color:#087958!important;border:1px solid #cdeade;font-weight:800;pointer-events:none}.cash-fill-hint{font-size:10px;color:#8898a9}.cash-fill-zone.is-empty{opacity:.65}.cash-amount-flash{animation:cashAmountFlash .55s ease}@keyframes cashAmountFlash{0%{box-shadow:0 0 0 0 rgba(18,130,95,.28);background:#fff}45%{box-shadow:0 0 0 5px rgba(18,130,95,.09);background:#effaf6}100%{box-shadow:none;background:#fff}}
.sale-success-modal{z-index:12500;background:rgba(8,22,38,.58);backdrop-filter:blur(4px)}.sale-success-card{max-width:620px;text-align:center;padding:34px 34px 28px;border:1px solid rgba(19,130,95,.14);box-shadow:0 28px 90px rgba(9,26,45,.28);position:relative;overflow:hidden}.sale-success-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:6px;background:linear-gradient(90deg,#18a879,#4fc8a2,#1b87f3)}.sale-success-burst{display:flex;justify-content:center;gap:18px;color:#85d7bc;font-size:18px;margin:2px 0 8px}.sale-success-icon{width:82px;height:82px;border-radius:26px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(180deg,#f1fbf7,#e2f6ee);color:#12825f;font-size:42px;font-weight:900;border:1px solid #ccefe0;box-shadow:0 16px 34px rgba(18,130,95,.12)}.sale-success-copy h2{margin:7px 0 8px;color:#172b43;font-size:29px}.sale-success-copy p{margin:0 auto 10px;color:#6c7b8d;max-width:470px;line-height:1.8}.sale-success-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.sale-success-badge{padding:7px 12px;border-radius:999px;background:#eef9f5;border:1px solid #d4ece2;color:#117b5b;font-size:12px;font-weight:800}.sale-success-badge.muted{background:#f6f8fb;border-color:#e4e9ef;color:#65758a}.sale-success-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 12px}.sale-success-metrics>div{padding:14px 10px;border-radius:14px;border:1px solid #e7edf3;background:#fbfcfd}.sale-success-metrics small{display:block;color:#7d8ca0;margin-bottom:6px}.sale-success-metrics strong{font-size:19px;color:#18304a}.sale-success-note{margin:12px 0 4px;padding:12px 14px;border-radius:13px;background:#f6f9fc;color:#53667c;line-height:1.8;font-size:13px}.sale-success-fast-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 7px;color:#718297;font-size:11px}.sale-sound-toggle{border:1px solid #e1e8ee;background:#fff;border-radius:999px;padding:6px 10px;color:#4b6077;cursor:pointer;font-weight:700}.sale-sound-toggle.off{opacity:.58}.sale-success-progress{height:5px;border-radius:999px;background:#edf1f4;overflow:hidden;margin:0 0 8px}.sale-success-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#18a879,#4fc8a2);transform-origin:right center}.sale-success-actions{justify-content:center!important}.sale-success-actions button{min-width:200px}.sale-success-actions kbd{font-family:inherit;font-size:9px;background:rgba(255,255,255,.17);padding:2px 5px;border-radius:5px;margin-inline-start:6px;border:1px solid rgba(255,255,255,.18)}.sale-success-card.sale-tier-great:before{background:linear-gradient(90deg,#1b87f3,#56a8ff,#19a879)}.sale-success-card.sale-tier-great .sale-success-icon{background:linear-gradient(180deg,#eef7ff,#e4f1ff);color:#1b6fd3;border-color:#cfe3fb}.sale-success-card.sale-tier-star:before{background:linear-gradient(90deg,#e4a11b,#f3c84b,#18a879)}.sale-success-card.sale-tier-star .sale-success-icon{background:linear-gradient(180deg,#fff9e9,#fff2c9);color:#b47b00;border-color:#f2df9d}
.data-safety-panel{margin-top:14px}.data-safety-actions{display:flex;gap:9px;flex-wrap:wrap}.diagnostics-result{margin-top:12px;border:1px solid var(--line);background:#f8fafb;border-radius:11px;padding:11px 13px;color:#5f7185;font-size:11px;line-height:1.8}.diagnostics-result.ok{background:#f0faf6;border-color:#d2ebdf;color:#126f54}.diagnostics-result.warn{background:#fff8ed;border-color:#f2dfbd;color:#7d5915}.diagnostics-result.error{background:#fff3f2;border-color:#f0cbc8;color:#9b3632}.diagnostics-result ul{margin:6px 0 0;padding-inline-start:20px}
@media(max-width:760px){.sale-success-metrics{grid-template-columns:repeat(2,1fr)}.sale-success-card{padding:26px 18px}.sale-success-actions{flex-direction:column}.sale-success-actions button{width:100%}.data-safety-actions{flex-direction:column}.data-safety-actions button{width:100%}}


/* V2.4 — product categories */
.product-fields select{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 11px;font:inherit;outline:0;background:#fff;color:var(--ink)}
.product-fields select:focus{border-color:#9dd7c5;box-shadow:0 0 0 3px rgba(24,168,121,.08)}
.category-form-row{align-items:start}.category-form-row .hidden{display:none!important}
.category-chips{display:flex;gap:7px;overflow:auto;padding:0 1px 12px;scrollbar-width:thin}.category-chip{border:1px solid #dfe7eb;background:#fff;color:#526477;padding:7px 11px;border-radius:999px;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.15s}.category-chip:hover{border-color:#b9d8cd;background:#f8fcfa}.category-chip.active{background:#eef9f5;border-color:#9fd3c1;color:#0f7d5d;box-shadow:0 0 0 3px rgba(24,168,121,.05)}
.product-category-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:#f0f5f8;color:#536779;border:1px solid #e1e9ee;font-size:9px;font-weight:800;margin-top:6px}.product-card .product-category-badge{margin-inline:auto;margin-bottom:2px}.admin-product-title .product-category-badge{margin-top:5px}.table-category-badge{display:inline-flex;margin-top:4px;padding:2px 6px;border-radius:999px;background:#f3f7f9;border:1px solid #e1e8ed;color:#687989;font-size:8px;font-weight:800}.inventory-product-cell .table-category-badge{margin-top:3px}
.product-filters{flex-wrap:wrap}.product-filters label{min-width:125px}
@media(max-width:760px){.category-chips{padding-bottom:9px}.product-filters label{min-width:100%}}


/* V2.5 — Employee Login, Roles & Permissions */
.auth-locked{display:none!important}.permission-hidden{display:none!important}
.login-screen{min-height:100vh;background:linear-gradient(135deg,#eef2f6 0%,#f8fafc 55%,#eef4f6 100%);display:grid;place-items:center;padding:28px;direction:rtl}
.login-screen.hidden{display:none!important}.login-shell{width:min(1080px,96vw);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #dfe7ed;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(15,39,64,.16)}
.login-brand-panel{background:linear-gradient(160deg,#0f2740,#0a1d31);color:#fff;padding:54px 50px;display:flex;flex-direction:column;min-height:610px;position:relative}.login-brand-panel:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(213,39,45,.09);left:-90px;bottom:-100px}
.login-brand-mark{display:flex;align-items:center;gap:14px}.login-brand-mark strong{font-size:28px}.login-brand-mark small{display:block;color:#9eb1c4;font-size:11px;letter-spacing:1.8px;margin-top:3px}.login-battery{border-color:#d5272d!important;color:#ffdadc!important}.login-battery:after{background:#d5272d!important}.login-battery:before{display:none!important}
.login-brand-copy{margin-top:95px;max-width:500px}.login-brand-copy .eyebrow{color:#ff8b8f}.login-brand-copy h1{font-size:38px;line-height:1.35;margin:10px 0 14px}.login-brand-copy p{color:#c3ced9;line-height:1.9;font-size:15px}.login-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.login-feature-list span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:12px;color:#dce5ed;font-size:13px}.login-test-note{margin-top:auto;color:#8197aa;line-height:1.7}
.login-card{padding:54px 48px;display:flex;flex-direction:column;justify-content:center}.login-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:26px}.login-card-head h2{margin:4px 0 7px;font-size:29px;color:#132c46}.login-card-head p{margin:0;color:#728398}.login-lock{width:48px;height:48px;border-radius:14px;background:#fff0f1;color:#c9272d;display:grid;place-items:center;font-size:24px;border:1px solid #f2d6d8}.login-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;color:#40566c;font-weight:700;font-size:13px}.login-field input{height:48px;border:1px solid #dce5eb;border-radius:12px;padding:0 13px;font:inherit;outline:0;background:#fbfcfd}.login-field input:focus{border-color:#8ab8aa;box-shadow:0 0 0 3px rgba(24,168,121,.07);background:#fff}.login-primary{height:50px;border:0;border-radius:12px;background:#102b45;color:#fff;font:inherit;font-weight:800;cursor:pointer;margin-top:5px;box-shadow:0 10px 24px rgba(16,43,69,.16)}.login-primary:hover{background:#163955}.login-error{background:#fff1f2;border:1px solid #ffd1d5;color:#b4232a;padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:13px}.demo-logins{margin-top:26px;border-top:1px solid #edf1f4;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-logins small{grid-column:1/-1;color:#8190a2;margin-bottom:2px}.demo-logins button{border:1px solid #dfe7ed;background:#fff;border-radius:10px;padding:9px;font:inherit;font-size:11px;color:#385067;cursor:pointer}.demo-logins button:hover{border-color:#a8cbbf;background:#f8fcfa}.login-demo-pins{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.login-demo-pins span{font-size:9px;color:#8090a3;background:#f5f7f9;padding:5px 7px;border-radius:7px}
.auth-user-card{padding:4px 5px 4px 8px;border:1px solid #edf1f4;border-radius:12px}.logout-btn{border:0;background:#f6f8fa;color:#6f7f91;width:31px;height:31px;border-radius:9px;cursor:pointer;font-size:17px}.logout-btn:hover{background:#fff0f1;color:#b62329}.access-denied{margin:70px auto;max-width:560px;text-align:center;padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px}.access-denied h2{color:#17304a}.access-denied p{color:var(--muted);line-height:1.8}
.employees-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.employee-summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.employee-summary-card small,.employee-summary-card strong{display:block}.employee-summary-card small{color:var(--muted)}.employee-summary-card strong{font-size:23px;margin-top:5px;color:#16304a}.employees-panel{margin-bottom:14px}.employee-role-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4fb;color:#315b86;font-size:10px;font-weight:800}.employee-role-pill.owner{background:#fff0f1;color:#b8242a}.employee-role-pill.manager{background:#fff7e8;color:#9a6712}.employee-role-pill.cashier{background:#eef9f5;color:#117b5b}.permission-tags{display:flex;gap:5px;flex-wrap:wrap}.permission-tags span{font-size:9px;background:#f5f7f9;border:1px solid #e7ebef;padding:4px 6px;border-radius:7px;color:#607287}.roles-panel{margin-bottom:20px}.role-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fbfcfd}.role-card h4{margin:0 0 5px}.role-card p{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.7}.role-card .permission-tags{gap:6px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:auto;padding:34px}.login-brand-copy{margin-top:35px}.login-card{padding:36px}.login-feature-list{grid-template-columns:1fr}.role-matrix,.employees-summary{grid-template-columns:1fr}}


/* V2.6 — smart return finder: invoice number / sold item / barcode / customer */
.return-quick-finder-panel{margin-bottom:14px;border-color:#dceae5;background:linear-gradient(180deg,#fff,#fbfefd)}
.return-quick-finder-panel .panel-head p{margin:5px 0 0;color:var(--muted);font-size:11px}
.return-source-search-wrap{height:48px;border:1px solid #cfe1dc;border-radius:12px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 13px;transition:.15s}
.return-source-search-wrap:focus-within{border-color:#7fc5ae;box-shadow:0 0 0 4px rgba(24,168,121,.07)}
.return-source-search-wrap>span{font-size:19px;color:#6e8390}.return-source-search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink)}
.return-finder-field{gap:7px!important}.return-finder-field>small{font-size:9px;color:var(--muted);font-weight:500}
.return-source-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:310px;overflow:auto;padding:2px 2px 3px}
.return-source-results.quick{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;margin-top:12px}
.return-source-card{border:1px solid #e0e8ec;background:#fff;border-radius:13px;padding:11px;text-align:right;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:8px;min-width:0}
.return-source-card:hover{border-color:#96cfbd;box-shadow:0 7px 20px rgba(15,39,64,.06);transform:translateY(-1px)}
.return-source-card.selected{border-color:#48ad8c;background:#f3fbf8;box-shadow:0 0 0 3px rgba(24,168,121,.07)}
.return-source-card.unavailable{opacity:.65;cursor:not-allowed;background:#fafbfc}.return-source-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.return-source-card-head b{color:#18304a;font-size:12px;word-break:break-all}.return-source-card-head time{font-size:9px;color:var(--muted);white-space:nowrap}
.return-source-party{font-size:10px;color:#56697c;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.return-source-party strong{color:#243c54}
.return-source-items{display:flex;gap:5px;flex-wrap:wrap}.return-item-chip{max-width:100%;padding:4px 7px;border-radius:999px;background:#f2f6f8;border:1px solid #e3eaee;color:#4c6073;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.return-item-chip.match{background:#eef9f5;border-color:#d1ece2;color:#117b5b;font-weight:800}.return-source-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:7px;border-top:1px solid #edf1f3}
.return-source-foot small{color:var(--muted);font-size:9px}.return-source-foot strong{color:#16324b;font-size:12px}.return-source-foot .remaining-ok{color:#13775d}.return-source-foot .remaining-zero{color:#b74747}
.return-source-action{border:0;border-radius:8px;background:#eef9f5;color:#117b5b;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}.return-source-card.selected .return-source-action{background:#13825f;color:#fff}
.return-search-empty{grid-column:1/-1;padding:22px;border:1px dashed #d7e1e6;border-radius:12px;text-align:center;color:var(--muted);background:#fafcfd}.return-search-empty b{display:block;color:#334b61;margin-bottom:5px}
.return-selected-source{border:1px solid #cde8de;background:#f4fbf8;border-radius:13px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.return-selected-source>div b,.return-selected-source>div small{display:block}.return-selected-source>div b{font-size:13px;color:#17364d}.return-selected-source>div small{font-size:9px;color:#647788;margin-top:3px}.return-selected-source .selected-total{font-size:16px;font-weight:900;color:#117b5b;white-space:nowrap}
.return-lines .return-line{border-radius:11px}.return-line-product-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.return-line-product-meta span{font-size:8px;padding:3px 6px;border-radius:999px;background:#f4f7f9;color:#617487}
@media(max-width:1050px){.return-source-results.quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.return-source-results,.return-source-results.quick{grid-template-columns:1fr}.return-selected-source{align-items:flex-start;flex-direction:column}}


/* V2.7 — employee profiles, personal photos, admin renaming */
.profile-summary-btn{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:3px 5px;border-radius:12px;cursor:pointer;text-align:right;color:inherit}.profile-summary-btn:hover{background:#f4f8f7}.profile-summary-btn b,.profile-summary-btn small{display:block}.profile-summary-btn small{color:var(--muted);font-size:11px}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar span{display:grid;place-items:center;width:100%;height:100%}
.employee-profile-strip{display:flex;align-items:center;gap:12px;margin:-2px 0 14px}.employee-profile-card{flex:1;display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--line);border-radius:15px;padding:12px 14px;box-shadow:0 4px 18px rgba(15,39,64,.035)}.employee-profile-mini-left{display:flex;align-items:center;gap:12px}.employee-profile-mini-left h3{margin:2px 0 2px}.employee-profile-mini-left small,.employee-profile-mini-left span{display:block;color:var(--muted);font-size:10px}.employee-profile-mini-meta{display:flex;gap:20px;align-items:center}.employee-profile-mini-meta>div small,.employee-profile-mini-meta>div b{display:block}.employee-profile-mini-meta>div small{color:var(--muted);font-size:9px;margin-bottom:3px}.employee-profile-mini-meta>div b{font-size:11px;color:var(--navy)}.profile-online{color:#12825f!important}.employee-profile-edit{white-space:nowrap}
.employee-avatar{border-radius:50%;background:linear-gradient(180deg,#163653,#0d2740);color:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.employee-avatar img{width:100%;height:100%;object-fit:cover;display:block}.employee-avatar span{font-weight:900}.dashboard-avatar{width:50px;height:50px;font-size:18px;box-shadow:0 5px 14px rgba(15,39,64,.12)}.table-avatar{width:38px;height:38px;font-size:14px}.profile-preview-avatar{width:92px;height:92px;font-size:32px;box-shadow:0 10px 28px rgba(15,39,64,.14)}
.employee-name-cell{display:flex;align-items:center;gap:10px}.employee-profile-modal-card{width:min(720px,95vw)}.profile-mode-note{color:var(--muted);line-height:1.7;margin:-3px 0 12px}.employee-profile-preview{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8fafb}.employee-profile-preview b,.employee-profile-preview small{display:block}.employee-profile-preview b{font-size:19px;color:var(--navy);margin-bottom:3px}.employee-profile-preview small{color:var(--muted)}.employee-photo-actions{display:flex;gap:9px;margin:12px 0}.upload-photo-btn{display:inline-flex;align-items:center;justify-content:center;background:#eef9f5;color:#117b5b;border:1px solid #d2eadf;border-radius:10px;padding:10px 13px;font-weight:800;font-size:12px;cursor:pointer}.upload-photo-btn:hover{background:#e6f6ef}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.profile-form-grid label{display:flex;flex-direction:column;gap:6px;color:#405366;font-size:11px;font-weight:700}.profile-form-grid input{height:43px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit}.profile-form-grid input[readonly]{background:#f5f7f9;color:#738196}.profile-form-grid>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.profile-form-grid>div small,.profile-form-grid>div strong{display:block}.profile-form-grid>div small{font-size:9px;color:var(--muted);margin-bottom:4px}.profile-form-grid>div strong{font-size:12px;color:var(--navy)}.profile-form-grid .span-2{grid-column:1/-1}.profile-security-note{margin-top:12px;padding:10px 12px;background:#fff9ef;border:1px solid #f1dfba;border-radius:10px;color:#765816;font-size:10px;line-height:1.7}
@media(max-width:820px){.employee-profile-strip{flex-direction:column;align-items:stretch}.employee-profile-card{align-items:flex-start;flex-direction:column}.employee-profile-mini-meta{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.profile-form-grid{grid-template-columns:1fr}.profile-form-grid .span-2{grid-column:auto}.employee-profile-edit{width:100%}}


/* V2.9 — purchase new product + liquidity/owner advance financing */
.purchase-lines-head{gap:12px}.purchase-line-actions{display:flex;gap:8px;flex-wrap:wrap}.purchase-new-product-btn{border-color:#cfe8df;background:#f4fbf8;color:#0c7c5c}.purchase-new-product-btn:hover{background:#eaf8f3}
.purchase-funding-preview{margin-top:14px;border:1px solid #d8e8e2;background:linear-gradient(180deg,#fbfefd,#f5faf8);border-radius:14px;padding:13px}.purchase-funding-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.purchase-funding-title small,.purchase-funding-title b{display:block}.purchase-funding-title small{font-size:9px;color:var(--muted)}.purchase-funding-title b{font-size:13px;color:var(--navy);margin-top:3px}.purchase-funding-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.purchase-funding-grid>div{background:#fff;border:1px solid #e5ece9;border-radius:10px;padding:10px}.purchase-funding-grid small,.purchase-funding-grid strong{display:block}.purchase-funding-grid small{font-size:8px;color:var(--muted);margin-bottom:5px}.purchase-funding-grid strong{font-size:13px;color:var(--navy)}.purchase-funding-grid .paid strong{color:#087b59}.purchase-funding-grid .advance{background:#fff8f2;border-color:#f2ddc5}.purchase-funding-grid .advance strong{color:#b26a14}.purchase-funding-preview>p{margin:9px 2px 0;font-size:9px;line-height:1.7;color:#647587}.purchase-funding-preview.needs-advance{border-color:#efcfaa;background:#fffaf4}.purchase-funding-preview.needs-advance #purchaseFundingStatus{background:#fff0db;color:#9a5d0d;border-color:#eed1a8}
.purchase-new-product-modal-card{width:min(820px,96vw)}.purchase-new-product-help{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid #d8ebe4;background:#f7fbfa;border-radius:12px;margin-bottom:14px}.purchase-new-product-help>span{width:34px;height:34px;border-radius:10px;background:#e8f7f2;color:#0d7b5d;display:grid;place-items:center;font-size:20px;font-weight:900}.purchase-new-product-help b,.purchase-new-product-help p{display:block;margin:0}.purchase-new-product-help p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:3px}.purchase-new-product-summary{margin-top:12px;padding:11px 12px;border-radius:10px;background:#f6f9fc;border:1px solid #e6ebf0;color:#53667c;font-size:10px;line-height:1.7}.purchase-new-line{border-color:#cfe6de!important;background:#fbfefd!important}.purchase-new-line-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e8f7f2;color:#0d7b5d;font-size:8px;font-weight:800;margin-inline-start:6px}.purchase-new-line-meta{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.cash-account-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.owner-advance-account{border-top:3px solid #d78a35}.owner-advance-account .cash-big-balance{color:#b76814}.owner-advance-panel{border-color:#efdec7}.owner-advance-panel .panel-head>span{font-size:18px}
@media(max-width:1400px){.cash-account-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.purchase-funding-grid{grid-template-columns:repeat(2,1fr)}.cash-account-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.purchase-funding-grid,.cash-account-grid{grid-template-columns:1fr}.purchase-line-actions{width:100%}.purchase-line-actions button{flex:1}}


/* V3.0 — full owner/company advance management */
.owner-only-panel{grid-column:1/-1}.owner-advance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}.owner-advance-summary>div{background:#f8fafc;border:1px solid #e6ebf0;border-radius:12px;padding:12px}.owner-advance-summary small,.owner-advance-summary strong{display:block}.owner-advance-summary small{color:var(--muted);font-size:10px;margin-bottom:5px}.owner-advance-summary strong{font-size:18px;color:var(--navy)}.owner-advance-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.owner-advance-subpanel{border:1px solid #e3e9ee;border-radius:14px;padding:14px;background:#fbfcfd}.owner-advance-subpanel.add{background:linear-gradient(180deg,#fbfefd,#f7fbf9);border-color:#dcebe5}.owner-advance-subpanel.repay{background:linear-gradient(180deg,#fffefd,#fbfaf7);border-color:#eee5d4}.owner-advance-subhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.owner-advance-subhead>span{width:34px;height:34px;border-radius:10px;background:#eef8f4;display:grid;place-items:center;color:#14805f;font-weight:900}.owner-advance-subhead b,.owner-advance-subhead small{display:block}.owner-advance-subhead small{color:var(--muted);font-size:9px;margin-top:2px}.owner-advance-form{grid-template-columns:1fr 1fr}.owner-advance-form .wide{grid-column:1/-1}.owner-advance-form button{grid-column:1/-1}.owner-advance-effect{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f3f8f6;border:1px solid #ddebe5;color:#557166;font-size:10px;line-height:1.7}.owner-advance-fill-zone{margin-top:10px}.owner-advance-source-balances{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.owner-advance-source-balances span{padding:7px 9px;border-radius:999px;background:#f5f7f9;border:1px solid #e5e9ed;color:#6d7884;font-size:9px}.owner-advance-source-balances b{color:var(--navy)}
@media(max-width:980px){.owner-advance-control-grid{grid-template-columns:1fr}}@media(max-width:700px){.owner-advance-summary{grid-template-columns:1fr}.owner-advance-form{grid-template-columns:1fr}.owner-advance-form .wide{grid-column:auto}}


/* V3.1 — per-employee permission editor + image upload for new purchase products */
.employee-permissions-section{margin-top:14px;border:1px solid #dce7e3;border-radius:14px;background:#fbfefd;padding:14px}
.employee-permissions-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.employee-permissions-head small{color:#0d7b5d;font-size:9px;font-weight:900;letter-spacing:1.1px}.employee-permissions-head h3{margin:3px 0 3px;color:var(--navy)}.employee-permissions-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.permission-editor-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.permission-editor-actions button{padding:8px 10px;font-size:10px}
.employee-permissions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.employee-permission-option{display:flex;align-items:center;gap:8px;border:1px solid #e0e8e5;background:#fff;border-radius:10px;padding:10px;cursor:pointer;min-height:46px}.employee-permission-option:hover{border-color:#afd8ca;background:#f8fcfa}.employee-permission-option input{width:18px;height:18px;accent-color:#14946d;flex:0 0 auto}.employee-permission-option span{font-size:11px;font-weight:800;color:#334a60}.employee-permission-option.finance{border-color:#f0dfbd;background:#fffaf1}.employee-permission-option.finance span{color:#805a15}.employee-permission-option.disabled{opacity:.7;cursor:not-allowed}
.permission-editor-note{margin-top:10px;color:#6b7988;font-size:9px;line-height:1.6}.permission-custom-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eaf7f2;color:#0d7b5d;font-size:8px;font-weight:900;margin-inline-start:6px}
.purchase-new-image-box{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;border:1px solid #dce7e3;background:#fbfefd;border-radius:14px;padding:12px;margin-bottom:14px}.purchase-new-image-preview{height:120px;border:1px dashed #bfd4cc;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#7c8b9b}.purchase-new-image-preview>span{font-size:35px}.purchase-new-image-preview>small{font-size:9px;margin-top:-26px}.purchase-new-image-preview img{width:100%;height:100%;object-fit:cover}.purchase-new-image-actions b,.purchase-new-image-actions span{display:block}.purchase-new-image-actions b{color:var(--navy);font-size:13px;margin-bottom:4px}.purchase-new-image-actions>span{color:var(--muted);font-size:10px;line-height:1.7;margin-bottom:10px}.purchase-new-image-actions>div{display:flex;gap:8px;flex-wrap:wrap}.purchase-draft-product-with-image{display:flex;align-items:center;gap:8px}.purchase-draft-thumb{width:38px;height:38px;border-radius:9px;overflow:hidden;background:#f1f4f6;display:grid;place-items:center;flex:0 0 auto}.purchase-draft-thumb img{width:100%;height:100%;object-fit:cover}.purchase-draft-thumb span{font-size:18px}
@media(max-width:780px){.employee-permissions-head{flex-direction:column}.employee-permissions-grid{grid-template-columns:1fr 1fr}.purchase-new-image-box{grid-template-columns:1fr}.purchase-new-image-preview{height:160px}}@media(max-width:520px){.employee-permissions-grid{grid-template-columns:1fr}}


/* V3.3 — daily sales rollover + clear cashier drawer */
.pos-daily-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:-2px 0 14px}
.pos-daily-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;box-shadow:0 4px 14px rgba(15,39,64,.035)}
.pos-daily-card div{min-width:0}.pos-daily-card small,.pos-daily-card strong,.pos-daily-card span{display:block}.pos-daily-card small{font-size:10px;color:#748498;font-weight:800}.pos-daily-card strong{font-size:20px;color:#15304a;margin:4px 0 2px;white-space:nowrap}.pos-daily-card span{font-size:9px;color:#95a2b0}.pos-daily-card i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:17px;flex:0 0 auto}
.pos-daily-card.sales i{background:#eaf8f3;color:#12825f}.pos-daily-card.sales strong{color:#12825f}.pos-daily-card.invoices i{background:#eef5ff;color:#2b6cb0}.pos-daily-card.drawer{border-color:#cfe7df;background:linear-gradient(180deg,#fff,#fbfffd)}.pos-daily-card.drawer i{background:#eaf8f3;color:#0f7d5d}.pos-daily-card.drawer strong{font-size:22px;color:#0f7d5d}.pos-daily-card.date i{background:#f5f7fa;color:#66788d}.pos-daily-card.date strong{font-size:14px;white-space:normal;line-height:1.5}
.cashier-account .cash-big-balance{font-size:30px;color:#0f7d5d}
.cashier-account{border-color:#cfe8df;box-shadow:0 8px 28px rgba(16,123,91,.06)}
.daily-rollover-toast{font-weight:800}
@media(max-width:1200px){.pos-daily-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pos-daily-strip{grid-template-columns:1fr}.pos-daily-card{padding:11px 12px}}


/* V3.4 — live product search inside branch transfers */
.transfer-product-search{position:relative;min-width:0}
.transfer-product-search>span{display:block;font-size:10px;font-weight:700;color:var(--muted);margin-bottom:6px}
.transfer-product-search-box{height:42px;border:1px solid var(--line);background:#fff;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 10px;transition:.15s}
.transfer-product-search-box:focus-within{border-color:#9fd1c0;box-shadow:0 0 0 3px rgba(24,168,121,.07)}
.transfer-product-search-box .search-icon{color:#6f8092;font-size:13px;flex:0 0 auto}
.transfer-product-search-box input{border:0!important;outline:0!important;background:transparent!important;width:100%;height:38px!important;padding:0!important;font:inherit;color:var(--ink)}
.transfer-product-search-box .clear-transfer-product{border:0;background:#f1f4f6;color:#778697;width:24px;height:24px;border-radius:7px;cursor:pointer;display:grid;place-items:center;padding:0}
.transfer-product-suggestions{position:absolute;z-index:80;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid #dce6e2;border-radius:12px;box-shadow:0 16px 36px rgba(15,39,64,.14);max-height:270px;overflow:auto;padding:6px}
.transfer-product-suggestions.hidden{display:none!important}
.transfer-product-suggestion{width:100%;border:0;background:#fff;border-radius:9px;padding:9px 10px;display:grid;grid-template-columns:1fr auto;gap:8px;text-align:right;cursor:pointer;color:var(--ink)}
.transfer-product-suggestion:hover,.transfer-product-suggestion.active{background:#f0faf6}
.transfer-product-suggestion b{display:block;font-size:12px}.transfer-product-suggestion small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.transfer-product-suggestion em{font-style:normal;font-size:10px;font-weight:800;color:#14815f;white-space:nowrap;align-self:center}
.transfer-product-suggestion em.low{color:#b66c08}.transfer-product-suggestion em.out{color:#c33d3d}
.transfer-search-empty{padding:12px;text-align:center;color:var(--muted);font-size:10px}
.transfer-line{overflow:visible!important}
@media(max-width:800px){.transfer-product-suggestions{position:fixed;left:18px;right:18px;top:auto;max-height:40vh}}


/* V3.5 — shifts / cashier reconciliation */
.shift-status-btn{border:1px solid #d8e8e1;cursor:pointer;font-family:inherit}.shift-status-btn.open{background:#eefaf6;color:#147c5d;border-color:#d3ece2}.shift-status-btn.closed{background:#fff7ed;color:#a66111;border-color:#f0ddc1}.shift-status-btn.blocked{background:#fff3f2;color:#a53d39;border-color:#f0cfcc}
.shift-hero{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f8fbfc);padding:18px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.shift-hero-main{display:flex;align-items:center;gap:14px}.shift-hero-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:#eefaf6;color:#14805f}.shift-hero.closed .shift-hero-icon{background:#fff6e9;color:#a76611}.shift-hero h2{margin:2px 0 4px;font-size:21px}.shift-hero p{margin:0;color:var(--muted);font-size:12px}.shift-hero-side{text-align:left}.shift-hero-side small,.shift-hero-side strong{display:block}.shift-hero-side small{color:var(--muted);font-size:10px}.shift-hero-side strong{margin-top:4px;color:var(--navy);font-size:16px}
.shift-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.shift-summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.shift-summary-card small,.shift-summary-card strong,.shift-summary-card span{display:block}.shift-summary-card small{color:var(--muted);font-size:10px}.shift-summary-card strong{font-size:19px;color:var(--navy);margin:5px 0}.shift-summary-card span{font-size:9px;color:#8190a2}.shift-summary-card.cash strong{color:#0e835f}.shift-summary-card.warn strong{color:#b06a11}
.shift-content-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-bottom:14px}.shift-current-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shift-detail-box{background:#f8fafb;border:1px solid #edf1f3;border-radius:12px;padding:12px}.shift-detail-box small,.shift-detail-box b,.shift-detail-box span{display:block}.shift-detail-box small{font-size:9px;color:var(--muted)}.shift-detail-box b{font-size:14px;margin:5px 0;color:var(--navy)}.shift-detail-box span{font-size:9px;color:#78899c}.shift-rules{display:flex;flex-direction:column;gap:10px}.shift-rules>div{padding:11px;border-radius:11px;background:#f8fafb;border:1px solid #edf1f3}.shift-rules b,.shift-rules span{display:block}.shift-rules b{font-size:12px;color:var(--navy);margin-bottom:4px}.shift-rules span{font-size:10px;color:var(--muted);line-height:1.7}
.shift-history-panel{margin-top:14px}.shift-state-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800}.shift-state-pill.open{background:#eaf8f3;color:#0d7c5d}.shift-state-pill.closed{background:#f1f4f7;color:#5f6e7e}.variance-plus{color:#0e835f;font-weight:800}.variance-minus{color:#c43b3b;font-weight:800}.variance-zero{color:#66788b;font-weight:800}
.shift-modal-card{width:min(760px,95vw)}.shift-modal-info{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.shift-modal-info>div{background:#f8fafb;border:1px solid var(--line);border-radius:11px;padding:11px}.shift-modal-info small,.shift-modal-info b{display:block}.shift-modal-info small{font-size:9px;color:var(--muted);margin-bottom:4px}.shift-modal-info b{font-size:13px}.shift-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shift-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;color:#405366}.shift-form-grid input{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 11px;font:inherit;outline:0}.shift-form-grid input:focus{border-color:#9fd1c0;box-shadow:0 0 0 3px rgba(24,168,121,.07)}.shift-fill-btn{width:100%;border:1px dashed #b9d9ce;background:#f6fbf9;color:#117b5b;border-radius:10px;padding:10px;margin:12px 0 8px;cursor:pointer;font-weight:800}.shift-variance-preview{padding:11px 12px;border-radius:11px;font-size:11px;line-height:1.7}.shift-variance-preview.neutral{background:#f6f8fb;color:#607185}.shift-variance-preview.positive{background:#eefaf6;color:#0f7f5f}.shift-variance-preview.negative{background:#fff2f1;color:#ad3f3a}.shift-close-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.shift-close-metrics>div{background:#f8fafb;border:1px solid var(--line);border-radius:11px;padding:10px}.shift-close-metrics small,.shift-close-metrics b{display:block}.shift-close-metrics small{color:var(--muted);font-size:9px}.shift-close-metrics b{margin-top:5px;font-size:14px;color:var(--navy)}.shift-transfer-check{display:flex;align-items:flex-start;gap:10px;background:#f7fbfa;border:1px solid #dcece6;border-radius:12px;padding:12px;margin-top:12px}.shift-transfer-check input{margin-top:4px}.shift-transfer-check b,.shift-transfer-check small{display:block}.shift-transfer-check b{font-size:11px;color:#17412f}.shift-transfer-check small{font-size:9px;color:#65796f;margin-top:3px;line-height:1.6}.danger-shift-close{background:#15324d}.shift-open-warning{padding:12px;background:#fff7ed;border:1px solid #f0ddc1;color:#8d5c14;border-radius:11px;font-size:11px;line-height:1.8}
@media(max-width:1100px){.shift-summary-grid{grid-template-columns:repeat(2,1fr)}.shift-content-grid{grid-template-columns:1fr}.shift-close-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shift-summary-grid,.shift-current-details,.shift-modal-info,.shift-form-grid,.shift-close-metrics{grid-template-columns:1fr}.shift-hero{align-items:flex-start;flex-direction:column}.shift-hero-side{text-align:right}}


/* V3.6 — professional stocktake / physical inventory count */
.stocktake-view .section-head{align-items:flex-start}.stocktake-hero{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f8fbfc);padding:18px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.stocktake-hero-main{display:flex;align-items:center;gap:14px}.stocktake-hero-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;font-size:27px;background:#edf9f5;color:#12805e}.stocktake-hero h2{margin:2px 0 4px;font-size:21px}.stocktake-hero p{margin:0;color:var(--muted);font-size:11px}.stocktake-hero small{color:#8493a4;font-size:9px}.stocktake-hero-side{text-align:left}.stocktake-hero-side small,.stocktake-hero-side strong{display:block}.stocktake-hero-side strong{margin-top:4px;color:var(--navy)}.stocktake-hero.review .stocktake-hero-icon{background:#fff7e8;color:#a86b0c}.stocktake-hero.approved .stocktake-hero-icon{background:#eaf8f3;color:#0e805d}.stocktake-hero.cancelled .stocktake-hero-icon{background:#f2f4f6;color:#7b8793}
.stocktake-workspace{margin-bottom:14px}.stocktake-workspace-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.stocktake-status-actions{display:flex;align-items:center;gap:8px}.stocktake-state-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.stocktake-state-pill.counting{background:#eaf8f3;color:#0f7f5f}.stocktake-state-pill.review{background:#fff5df;color:#9d6410}.stocktake-state-pill.approved{background:#eaf5ff;color:#2468a6}.stocktake-state-pill.cancelled{background:#f1f3f5;color:#687684}
.stocktake-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:13px}.stocktake-summary-grid article{background:#f8fafb;border:1px solid #edf1f3;border-radius:12px;padding:11px}.stocktake-summary-grid small,.stocktake-summary-grid strong,.stocktake-summary-grid span{display:block}.stocktake-summary-grid small{font-size:9px;color:var(--muted)}.stocktake-summary-grid strong{font-size:17px;color:var(--navy);margin:4px 0}.stocktake-summary-grid span{font-size:8px;color:#8493a4}.stocktake-summary-grid article.warn strong{color:#a66811}.stocktake-summary-grid article.damaged strong,.stocktake-summary-grid article.danger strong{color:#bd3b3b}.stocktake-summary-grid article.positive strong{color:#10815e}
.stocktake-tools{display:grid;grid-template-columns:minmax(360px,1fr) 180px auto;gap:10px;align-items:end;margin-bottom:8px}.stocktake-tools>label,.stocktake-search-wrap>label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;color:#405366}.stocktake-tools select{height:43px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;font:inherit}.stocktake-search-wrap{position:relative}.stocktake-search-box{height:44px;border:1px solid #cfe5dc;border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px}.stocktake-search-box:focus-within{border-color:#8dceb7;box-shadow:0 0 0 3px rgba(24,168,121,.07)}.stocktake-search-box input{border:0;outline:0;width:100%;font:inherit;background:transparent}.stocktake-search-suggestions{position:absolute;top:68px;right:0;left:0;z-index:90;background:#fff;border:1px solid #dce6e2;border-radius:12px;padding:6px;box-shadow:0 18px 44px rgba(15,39,64,.15);max-height:310px;overflow:auto}.stocktake-search-suggestion{width:100%;border:0;background:#fff;border-radius:9px;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:right;cursor:pointer}.stocktake-search-suggestion:hover,.stocktake-search-suggestion.active{background:#f0faf6}.stocktake-search-suggestion b,.stocktake-search-suggestion small{display:block}.stocktake-search-suggestion small{font-size:9px;color:var(--muted);margin-top:3px}.stocktake-scan-help{padding:9px 11px;border-radius:10px;background:#f7fbfa;border:1px solid #e0ece7;color:#5a746a;font-size:9px;margin-bottom:10px}
.stocktake-items-wrap{border:1px solid #edf1f3;border-radius:13px;overflow:hidden}.stocktake-table{min-width:1150px}.stocktake-table thead th{position:sticky;top:0;z-index:2}.stocktake-table input{width:90px;height:36px;border:1px solid #dfe6ea;border-radius:8px;padding:0 7px;text-align:center;font-weight:800;color:var(--navy);background:#fff}.stocktake-table input:focus{outline:0;border-color:#8ecbb6;box-shadow:0 0 0 3px rgba(24,168,121,.06)}.stocktake-table input:disabled{background:#f5f7f9;color:#7d8996}.stocktake-product-cell b,.stocktake-product-cell small{display:block}.stocktake-product-cell small{font-size:8px;color:var(--muted);margin-top:3px}.stocktake-result-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.stocktake-result-pill.uncounted{background:#f1f3f6;color:#768494}.stocktake-result-pill.match{background:#eaf8f3;color:#0e7f5d}.stocktake-result-pill.short{background:#fff0ef;color:#b33c37}.stocktake-result-pill.surplus{background:#edf6ff;color:#256aa7}.stocktake-result-pill.damaged{background:#fff5df;color:#99620d}.stocktake-row-short{background:#fffafa}.stocktake-row-surplus{background:#fbfdff}.stocktake-row-damaged{background:#fffdf8}
.stocktake-footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:12px}.stocktake-footer-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;color:#405366}.stocktake-footer-grid textarea{border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;resize:vertical;min-height:70px}.stocktake-approval-box{padding:12px;border-radius:12px;border:1px solid #dfe8e4;background:#f8fbfa}.stocktake-approval-box b,.stocktake-approval-box span{display:block}.stocktake-approval-box b{font-size:12px;color:var(--navy);margin-bottom:5px}.stocktake-approval-box span{font-size:9px;color:var(--muted);line-height:1.7}.stocktake-main-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.stocktake-approve-btn{background:#153a5a}
.stocktake-history-panel{margin-top:14px}.stocktake-history-table{min-width:1050px}.stocktake-new-modal-card{width:min(760px,95vw)}.stocktake-modal-note{padding:11px 12px;border-radius:11px;background:#f6faf8;border:1px solid #deece6;color:#597267;font-size:10px;line-height:1.8;margin-bottom:13px}.stocktake-new-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stocktake-new-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;color:#405366}.stocktake-new-grid .span-2{grid-column:1/-1}.stocktake-new-grid input,.stocktake-new-grid select{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:#fff;font:inherit}.stocktake-new-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.stocktake-new-preview>div{background:#f8fafb;border:1px solid var(--line);border-radius:11px;padding:11px}.stocktake-new-preview small,.stocktake-new-preview strong{display:block}.stocktake-new-preview small{font-size:9px;color:var(--muted)}.stocktake-new-preview strong{font-size:13px;margin-top:4px;color:var(--navy)}.stocktake-new-warning{grid-column:1/-1;background:#fff6e8!important;border-color:#f1ddb9!important;color:#885a14;font-size:10px;line-height:1.7}
@media(max-width:1100px){.stocktake-summary-grid{grid-template-columns:repeat(2,1fr)}.stocktake-tools{grid-template-columns:1fr 180px}.stocktake-tools .secondary-btn{grid-column:1/-1}.stocktake-footer-grid{grid-template-columns:1fr}}
@media(max-width:680px){.stocktake-summary-grid,.stocktake-tools,.stocktake-new-grid,.stocktake-new-preview{grid-template-columns:1fr}.stocktake-tools .secondary-btn,.stocktake-new-grid .span-2{grid-column:auto}.stocktake-hero{align-items:flex-start;flex-direction:column}.stocktake-hero-side{text-align:right}.stocktake-main-actions{flex-direction:column}.stocktake-main-actions button{width:100%}}


/* V3.7 — Expenses & real net profit */
.dashboard-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.dashboard-kpis .kpi-expenses:after{background:#e16f4a}.dashboard-kpis .kpi-net-profit:after{background:#2c6fbb}
.expense-icon{background:#fff2ed;color:#cc5a37}.net-profit-icon{background:#eef5ff;color:#2f6fb8}
.dashboard-kpis .kpi-expenses strong{color:#c95736}.dashboard-kpis .kpi-net-profit strong{color:#2469ad}.dashboard-kpis .kpi-net-profit strong.negative-value,.negative-value{color:#c53f43!important}.positive-value{color:#0e8a65!important}
.money-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.expenses-section-head{align-items:flex-end}.expenses-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.expense-summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 5px 18px rgba(15,39,64,.04);position:relative;overflow:hidden}.expense-summary-card:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#9fb0bf}.expense-summary-card small,.expense-summary-card strong,.expense-summary-card span{display:block}.expense-summary-card small{color:#6f8092;font-weight:700}.expense-summary-card strong{font-size:21px;color:#17304a;margin:7px 0 4px}.expense-summary-card span{font-size:10px;color:#95a2af}.expense-summary-card.expense:after{background:#e27855}.expense-summary-card.expense strong{color:#c95a38}.expense-summary-card.profit:after{background:#1aa174}.expense-summary-card.profit strong{color:#0e8965}.expense-summary-card.loss:after{background:#d54b50}.expense-summary-card.loss strong{color:#bd3439}
.expenses-workspace-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px}.expense-entry-panel,.expense-breakdown-panel{min-height:340px}.expense-wallet-icon{font-size:25px}.expense-liquidity-banner{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.expense-liquidity-banner>div{background:#f7faf9;border:1px solid #e1ebe7;border-radius:12px;padding:12px}.expense-liquidity-banner small,.expense-liquidity-banner strong{display:block}.expense-liquidity-banner small{font-size:10px;color:#758596}.expense-liquidity-banner strong{font-size:19px;color:#0f6f57;margin-top:4px}.expense-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.expense-form-grid label{display:flex;flex-direction:column;gap:6px;color:#4d6174;font-size:11px;font-weight:700}.expense-form-grid input,.expense-form-grid select{height:43px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:#fff;color:var(--ink);outline:0}.expense-form-grid input:focus,.expense-form-grid select:focus{border-color:#9bcab9;box-shadow:0 0 0 3px rgba(24,168,121,.06)}.expense-form-grid .span-2{grid-column:1/-1}.expense-effect-note{margin:11px 0;padding:10px 12px;border-radius:10px;background:#f5f8fb;color:#607287;border:1px solid #e6ecf2;font-size:11px;line-height:1.6}.expense-effect-note.ok{background:#f1faf6;border-color:#d5eee3;color:#287258}.expense-effect-note.danger{background:#fff2f1;border-color:#f2cfcc;color:#a9423d}.expense-save-btn{width:100%}
.expense-category-breakdown{display:flex;flex-direction:column;gap:10px}.expense-breakdown-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f3}.expense-breakdown-row:last-child{border-bottom:0}.expense-breakdown-row b,.expense-breakdown-row small{display:block}.expense-breakdown-row small{font-size:9px;color:#8a98a6;margin-top:2px}.expense-breakdown-row strong{color:#b95738}.expense-breakdown-row>span{grid-column:1/-1;height:5px;background:#f0f2f4;border-radius:999px;overflow:hidden}.expense-breakdown-row>span i{display:block;height:100%;background:linear-gradient(90deg,#e57e5b,#edaa91);border-radius:999px}
.expense-history-head{gap:12px;align-items:flex-end}.expense-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.expense-filters select,.expense-filters input{height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;min-width:140px}.expense-filters input{min-width:240px}.expense-table{min-width:1050px}.expense-category-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff2ed;color:#af5235;border:1px solid #f3d7cd;font-size:10px;font-weight:800}.expense-money{color:#b75034}.expense-state{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.expense-state.active{background:#eef8f4;color:#18785b}.expense-state.cancelled{background:#f4f5f7;color:#7a8792}.expense-cancelled-row{opacity:.58;text-decoration-color:#bac2ca}.movement-type.expense{background:#fff0eb;color:#b95436}
@media(max-width:1320px){.dashboard-kpis,.expenses-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.expenses-workspace-grid{grid-template-columns:1fr}.expenses-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.expenses-summary-grid{grid-template-columns:1fr}.expense-form-grid{grid-template-columns:1fr}.expense-form-grid .span-2{grid-column:auto}.expense-filters{width:100%}.expense-filters>*{width:100%!important}.expense-liquidity-banner{grid-template-columns:1fr}}


/* V3.8 — Cloud backend foundation */
.cloud-backend-status{direction:rtl;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #dfe8ee;background:#f8fafc;border-radius:11px;min-width:145px}.cloud-backend-status>span{width:9px;height:9px;border-radius:50%;background:#e0a127;box-shadow:0 0 0 4px rgba(224,161,39,.10)}.cloud-backend-status b,.cloud-backend-status small{display:block}.cloud-backend-status b{font-size:10px;color:#263b50}.cloud-backend-status small{font-size:8px;color:#8090a2;margin-top:2px}.cloud-backend-status[data-state="online"]>span{background:#17a579;box-shadow:0 0 0 4px rgba(23,165,121,.10)}.cloud-backend-status[data-state="conflict"]{border-color:#f0d1a7;background:#fffaf2}.cloud-backend-status[data-state="conflict"]>span{background:#e29324}.cloud-backend-status[data-state="offline"]{border-color:#f0cccc;background:#fff7f7}.cloud-backend-status[data-state="offline"]>span{background:#d95050}.cloud-conflict-modal{z-index:15000;background:rgba(8,22,38,.66);backdrop-filter:blur(4px)}.cloud-conflict-card{max-width:560px;text-align:center;padding:32px}.cloud-conflict-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;background:#fff5e8;color:#be7817;border:1px solid #f4ddba;font-size:38px}.cloud-conflict-card h2{margin:0 0 8px;color:#17304a}.cloud-conflict-card p{color:#687b90;line-height:1.8}.cloud-conflict-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 10px}.cloud-conflict-card>small{color:#8795a6}.cloud-sync-flash{animation:cloudPulse .65s ease}@keyframes cloudPulse{50%{box-shadow:0 0 0 5px rgba(23,165,121,.10)}}@media(max-width:800px){.cloud-backend-status{display:none}.cloud-conflict-actions{grid-template-columns:1fr}}



/* V4.2 — Staging lab / two-device monitoring */
.environment-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid #d7e6ef;background:#f7fbfd;color:#395a72;font-size:10px;font-weight:800;white-space:nowrap}
.environment-badge[data-env="staging"]{background:#fff8e8;border-color:#f3ddb2;color:#8b5c0b}
.environment-badge[data-env="production"]{background:#eef9f5;border-color:#cfe9df;color:#0d7659}
.login-card .environment-badge{margin:0 0 10px;justify-content:center;width:100%}
.staging-device-hint{padding:10px 12px;border-radius:11px;margin:0 0 12px;background:#f4f8fc;border:1px solid #dbe5ef;color:#234b68;font-size:12px;font-weight:800;text-align:center}
.danger-btn{border:1px solid #f0c9cc;background:#fff4f5;color:#b3343d;padding:11px 14px;border-radius:10px;font-weight:800;cursor:pointer}.danger-btn:hover{background:#ffecee}.danger-btn:disabled{opacity:.55;cursor:not-allowed}
.staging-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.staging-summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 5px 16px rgba(15,39,64,.04)}
.staging-summary-card small,.staging-summary-card strong{display:block}.staging-summary-card small{color:var(--muted);font-size:10px}.staging-summary-card strong{margin-top:6px;color:var(--navy);font-size:16px}.staging-summary-card.loading{grid-column:1/-1}.staging-summary-card.error strong{color:var(--danger)}
.staging-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin-bottom:14px}
.staging-sessions{display:flex;flex-direction:column;gap:8px}.staging-session-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;border:1px solid #e7edf2;background:#fbfcfd;border-radius:12px;padding:10px 12px}.staging-session-row b,.staging-session-row small{display:block}.staging-session-row small{color:var(--muted);font-size:9px;margin-top:2px}.staging-session-row>span{font-size:10px;color:#3f5d75}.staging-session-row>em{font-style:normal;font-size:9px;color:var(--muted)}.staging-session-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf5f1;color:#0f7f5e;font-weight:900}
.staging-branches{display:grid;gap:10px}.staging-branch-card{border:1px solid #e4ebf0;border-radius:13px;padding:12px;background:#fbfcfd}.staging-branch-card h4{margin:3px 0 9px;color:var(--navy)}.staging-branch-card>div>small{color:var(--muted);font-size:9px}.staging-branch-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.staging-branch-metrics span{background:#fff;border:1px solid #edf1f4;border-radius:9px;padding:8px}.staging-branch-metrics small,.staging-branch-metrics b{display:block}.staging-branch-metrics small{font-size:8px;color:var(--muted)}.staging-branch-metrics b{font-size:11px;color:#17344e;margin-top:3px}
.staging-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.staging-checklist>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:flex-start;border:1px solid #e6edf2;border-radius:12px;padding:12px;background:#fbfcfd}.staging-checklist>div>b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#0f2740;color:#fff}.staging-checklist span{font-size:11px;line-height:1.8;color:#53677a}.staging-last-status{margin-top:12px;padding:11px 13px;border-radius:11px;background:#f6f8fa;border:1px solid #e4e9ee;color:#687a8c;font-size:10px}.staging-last-status.ok{background:#f0faf6;border-color:#d5ecdf;color:#15785c}.staging-last-status.error{background:#fff4f4;border-color:#f0d0d0;color:#a83d3d}
@media(max-width:1200px){.staging-summary-grid{grid-template-columns:repeat(3,1fr)}.staging-layout{grid-template-columns:1fr}.staging-checklist{grid-template-columns:1fr}}
@media(max-width:700px){.staging-summary-grid{grid-template-columns:repeat(2,1fr)}.staging-branch-metrics{grid-template-columns:repeat(2,1fr)}.staging-session-row{grid-template-columns:auto 1fr}.staging-session-row>span,.staging-session-row>em{grid-column:2}}

/* V4.3 employee account administration */
.employee-create-modal-card{width:min(860px,96vw);max-height:92vh;overflow:auto}.employee-create-grid,.employee-account-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.employee-create-grid label,.employee-account-admin-grid label{display:flex;flex-direction:column;gap:6px;color:#405366;font-size:11px;font-weight:800}.employee-create-grid input,.employee-create-grid select,.employee-account-admin-grid input,.employee-account-admin-grid select{height:43px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;font:inherit}.employee-account-admin-section{margin-top:14px;border:1px solid #dce5ef;border-radius:14px;background:#fbfcfe;padding:14px}.employee-admin-subhead h3{margin:3px 0;color:var(--navy)}.employee-admin-subhead small{font-size:9px;font-weight:900;letter-spacing:1px;color:#38658f}.employee-admin-subhead p{margin:2px 0 12px;font-size:10px;line-height:1.6;color:var(--muted)}.employee-branch-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.employee-branch-option{display:flex;align-items:center;gap:7px;border:1px solid #dce5ef;background:#fff;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:800;color:#344c63;cursor:pointer}.employee-branch-option input{width:17px;height:17px;accent-color:#14946d}.employee-branch-option.disabled{opacity:.65;cursor:not-allowed}.employee-branch-title{display:block;margin-top:12px;color:var(--muted);font-weight:800}.employee-active-toggle>span:last-child{height:43px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;font-weight:700}.employee-active-toggle input{width:18px!important;height:18px!important;accent-color:#14946d}.employee-form-error{margin-top:12px;border:1px solid #f0c8c8;background:#fff5f5;color:#a72c2c;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:800}.employee-status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.employee-status-pill.active{background:#eef9f5;color:#117b5b}.employee-status-pill.disabled{background:#fff0f1;color:#b8242a}.employee-table-v27 tr.employee-disabled-row{opacity:.72;background:#fbfbfb}@media(max-width:720px){.employee-create-grid,.employee-account-admin-grid{grid-template-columns:1fr}}

/* ================= V4.4 FIRST DAY SETUP ================= */
.first-day-setup-card{width:min(1180px,96vw);max-height:94vh;overflow:auto}
.first-day-warning{margin:4px 0 16px;padding:13px 15px;border:1px solid #f2d39a;background:#fffaf0;border-radius:14px;color:#7a5511;line-height:1.7}
.first-day-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.first-day-top-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#263f58}
.first-day-top-grid .span-2{grid-column:1/-1}
.first-day-top-grid input,.first-day-top-grid select,.first-day-stock-head input,.first-day-stock-input{width:100%;border:1px solid #dbe4ec;border-radius:12px;background:#fff;padding:12px 13px;font:inherit;color:#102c46;outline:none}
.first-day-top-grid input:focus,.first-day-top-grid select:focus,.first-day-stock-head input:focus,.first-day-stock-input:focus{border-color:#19a67a;box-shadow:0 0 0 3px rgba(25,166,122,.09)}
.first-day-status{display:flex;gap:10px;align-items:center;margin:16px 0;padding:13px 15px;border-radius:14px;border:1px solid #dbe4ec;background:#f8fafc}
.first-day-status b{white-space:nowrap}.first-day-status span{line-height:1.6}.first-day-status.ready{background:#effbf6;border-color:#bfead9;color:#12684d}.first-day-status.locked{background:#fff3f3;border-color:#f1c4c4;color:#a12727}.first-day-status.loading{color:#55697d}
.first-day-stock-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:18px 0 10px}.first-day-stock-head h3{margin:2px 0}.first-day-stock-head p{margin:3px 0 0;color:#7d8d9e}.first-day-stock-head input{max-width:360px}
.first-day-stock-wrap{border:1px solid #e0e7ed;border-radius:16px;overflow:hidden;max-height:355px;overflow-y:auto;background:#fff}.first-day-stock-table{margin:0}.first-day-stock-table th{position:sticky;top:0;background:#f7f9fb;z-index:1}.first-day-stock-table td:first-child b,.first-day-stock-table td:first-child small{display:block}.first-day-stock-table td:first-child small{color:#8090a0;margin-top:3px}.first-day-stock-input{min-width:130px;padding:9px 10px}
.first-day-empty{padding:28px;display:flex;flex-direction:column;gap:7px;text-align:center;color:#6d8091}.first-day-empty b{color:#243d55}
.first-day-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.first-day-summary>div{padding:13px;border:1px solid #dfe8ee;border-radius:14px;background:#f9fbfc}.first-day-summary small,.first-day-summary b{display:block}.first-day-summary small{color:#7c8d9c}.first-day-summary b{font-size:18px;margin-top:5px;color:#112f48}
@media(max-width:800px){.first-day-top-grid{grid-template-columns:1fr}.first-day-top-grid .span-2{grid-column:auto}.first-day-stock-head{align-items:stretch;flex-direction:column}.first-day-stock-head input{max-width:none}.first-day-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V4.5 Vodafone Cash wallet */
.cash-mini-card.vodafone,.cash-account-card.vodafone-account{border-color:rgba(208,31,38,.22);background:linear-gradient(145deg,#fff,#fff8f8)}
.cash-mini-card.vodafone .cash-card-icon,.vodafone-account .cash-account-head>span{background:#fff0f0}
.vodafone-panel{border:1px solid rgba(208,31,38,.16);background:linear-gradient(180deg,#fff,#fffafa)}
.purchase-source-select{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.purchase-source-select select{min-width:150px}
@media(max-width:760px){.purchase-source-select{width:100%;justify-content:space-between}.purchase-source-select select{min-width:0;flex:1}}


/* V4.6 — Vodafone Cash as the main operating treasury */
.cash-mini-card.advance:before{background:#9b7d43}.cash-mini-card.advance .cash-card-icon{background:#faf5e8;color:#8b6a2e}
.expense-source-fixed,.purchase-source-fixed{border:1px solid #e4e9ed;background:#f8fafb;border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:3px;justify-content:center}.expense-source-fixed small{font-size:9px;color:var(--muted)}.expense-source-fixed b,.purchase-source-fixed{color:#b51f2b;font-weight:800}.purchase-source-fixed{display:inline-flex;flex-direction:row;align-items:center}
@media(max-width:760px){.cash-account-grid{grid-template-columns:1fr 1fr}.purchase-source-fixed{width:100%;justify-content:center}}
@media(max-width:520px){.cash-account-grid{grid-template-columns:1fr}}

/* ============================================================
   V4.7 — CLEAN EXECUTIVE DASHBOARD / COMPACT HEADER
   Visual-only cleanup. Business logic and dedicated pages unchanged.
   ============================================================ */

/* Header: one clear row instead of status-chip overload */
.topbar{
  min-height:68px;
  height:68px;
  padding:0 22px;
  gap:16px;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e8edf1;
  box-shadow:0 3px 14px rgba(15,39,64,.035);
}
.topbar .search-wrap{
  flex:1 1 520px;
  min-width:300px;
  max-width:620px;
  height:40px;
  border-radius:12px;
  border-color:#e1e7ec;
  background:#f8fafb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.topbar .search-wrap:focus-within{
  border-color:#b9dcd0;
  background:#fff;
  box-shadow:0 0 0 3px rgba(24,168,121,.06);
}
.topbar .search-wrap input{font-size:13px}
.topbar .top-actions{gap:8px;flex:0 0 auto}
.topbar #cloudBackendStatus,
.topbar #environmentBadge,
.topbar #freshReloadBtn{display:none!important}
.topbar #branchSelect{
  height:40px;
  min-width:170px;
  border:1px solid #dfe7ec;
  border-radius:11px;
  background:#fff;
  color:#183149;
  -webkit-text-fill-color:#183149;
  opacity:1;
  direction:rtl;
  text-align:right;
  padding:0 12px;
  font-size:12px;
  font-weight:800;
  box-shadow:0 2px 8px rgba(15,39,64,.025);
}
.topbar #branchSelect option{color:#183149;background:#fff}
.topbar .sync-badge{
  height:36px;
  padding:0 10px;
  gap:7px;
  border:1px solid #dcebe5;
  background:#f4faf7;
  border-radius:999px;
}
.topbar .sync-badge b{font-size:10px;color:#17775b}
.topbar .sync-badge small{display:none!important}
.topbar .icon-btn{
  width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;cursor:pointer;
  border:1px solid transparent;background:#fff;
}
.topbar .icon-btn:hover{background:#f7f9fb;border-color:#e5eaee}
.topbar .auth-user-card{
  height:42px;
  padding:3px 4px 3px 7px;
  border-color:#e6ebef;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,39,64,.025);
}
.topbar .avatar{width:32px;height:32px;font-size:11px}
.topbar .profile-summary-btn b{font-size:11px}
.topbar .profile-summary-btn small{font-size:9px}
.topbar .logout-btn{width:29px;height:29px;font-size:15px}

/* Dashboard: less vertical noise and a stronger hierarchy */
.dashboard-modern{padding-top:18px}
.dashboard-welcome{margin-bottom:12px;align-items:center}
.welcome-copy .eyebrow{display:none}
.welcome-copy h1{font-size:23px;margin:0 0 3px}
.welcome-copy p{font-size:11px}
.dashboard-top-tools{gap:8px}
.dashboard-top-tools .today-card{display:none!important}
.head-actions{gap:7px}
.head-actions .secondary-btn,.head-actions .primary{padding:9px 12px;font-size:10px;border-radius:9px}

/* Profile already lives in the header */
#view-dashboard .employee-profile-strip{display:none!important}

/* Four useful daily KPIs only: sales, stock, expenses, net profit */
#view-dashboard .kpi-invoices,
#view-dashboard .kpi-profit{display:none!important}
#view-dashboard .dashboard-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:11px;
}
#view-dashboard .dashboard-kpis .kpi{
  min-height:92px;
  padding:13px 14px;
  border-radius:13px;
  box-shadow:0 4px 14px rgba(18,42,64,.035);
}#view-dashboard .dashboard-kpis .kpi small{font-size:9px}
#view-dashboard .dashboard-kpis .kpi em{font-size:8px}
#view-dashboard .dashboard-kpis .kpi-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:15px}

/* Detailed valuation belongs in المخزون والقيمة */
#view-dashboard .dashboard-finance-strip{display:none!important}

/* Money row: Vodafone + drawer + owner advance. Redundant total is hidden. */
#view-dashboard .dashboard-money-section{
  padding:12px 13px 13px;
  margin-bottom:11px;
  border-radius:13px;
  box-shadow:0 4px 14px rgba(18,42,64,.03);
}
#view-dashboard .money-section-head{margin-bottom:9px}
#view-dashboard .money-section-head b{font-size:12px}
#view-dashboard .money-section-head small{font-size:8px}
#view-dashboard .money-head-actions{display:flex;gap:6px}
#view-dashboard .money-manage-link{padding:6px 8px;font-size:8px}
#view-dashboard .dashboard-cash-strip{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
#view-dashboard .dashboard-cash-strip .cash-mini-card.total{display:none!important}
#view-dashboard .dashboard-cash-strip .cash-mini-card{
  min-height:76px;
  padding:10px 11px;
  border-radius:11px;
}
#view-dashboard .dashboard-cash-strip .cash-mini-card.vodafone{order:1}
#view-dashboard .dashboard-cash-strip .cash-mini-card.cashier{order:2}
#view-dashboard .dashboard-cash-strip .cash-mini-card.advance{order:3}
#view-dashboard .dashboard-cash-strip .cash-card-icon{width:31px;height:31px;flex-basis:31px;border-radius:9px;font-size:13px}
#view-dashboard .dashboard-cash-strip .cash-mini-card strong{font-size:16px;margin:3px 0 1px}
#view-dashboard .dashboard-cash-strip .cash-mini-card small{font-size:9px}
#view-dashboard .dashboard-cash-strip .cash-mini-card span{font-size:8px}

/* Remove duplicate dashboard widgets; functionality remains in dedicated pages */
#view-dashboard .branch-details-panel,
#view-dashboard .cashier-preview{display:none!important}

/* Keep only useful overview widgets, arranged cleanly */
#view-dashboard .modern-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#view-dashboard .modern-dashboard-grid .panel{padding:14px;border-radius:13px;box-shadow:0 4px 14px rgba(18,42,64,.03)}
#view-dashboard .sales-trend-panel{grid-column:span 2}
#view-dashboard .latest-movements-panel{grid-column:span 2}
#view-dashboard .bar-chart{height:190px}
#view-dashboard .modern-dashboard-grid .panel-head{margin-bottom:10px}
#view-dashboard .modern-dashboard-grid .panel-head h3{font-size:13px}
#view-dashboard .ai-mini p{font-size:10px;margin:5px 0 10px}
#view-dashboard .ai-suggestion{font-size:9px;padding:8px 9px;margin-bottom:6px}

/* Slightly slimmer sidebar to return more space to business data */
@media(min-width:1181px){
  .sidebar{width:228px;padding-left:15px;padding-right:15px}
  .main{margin-left:228px;width:calc(100% - 228px)}
  .nav-item{padding:11px 12px;font-size:14px}
  .brand{margin-bottom:20px}
}

@media(max-width:1320px){
  #view-dashboard .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-dashboard .dashboard-cash-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 14px}
  .topbar .search-wrap{order:2;max-width:none;min-width:100%;width:100%}
  .topbar .top-actions{order:1;width:100%;justify-content:space-between}
  #view-dashboard .modern-dashboard-grid{grid-template-columns:1fr}
  #view-dashboard .sales-trend-panel,#view-dashboard .latest-movements-panel{grid-column:auto}
}
@media(max-width:760px){
  #view-dashboard .dashboard-kpis,
  #view-dashboard .dashboard-cash-strip{grid-template-columns:1fr}
  #view-dashboard .dashboard-welcome{align-items:stretch}
  #view-dashboard .head-actions{display:grid;grid-template-columns:1fr}
  #view-dashboard .money-section-head{align-items:stretch}
  #view-dashboard .money-head-actions{width:100%}
  #view-dashboard .money-manage-link{flex:1}
}


/* V4.7.2 — compact login + clearer finance colors */
.login-screen-v472{padding:24px;background:linear-gradient(135deg,#eef3f6 0%,#f8fafc 55%,#eef4f6 100%)}
.login-shell-compact{width:min(460px,calc(100vw - 32px));display:block;grid-template-columns:none;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(15,39,64,.15)}
.login-card-compact{padding:38px 36px 34px;display:block;min-height:auto}
.login-brand-inline{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:26px;color:#102b45}
.login-brand-inline .login-battery{width:36px;height:58px;flex:0 0 36px}
.login-brand-inline strong,.login-brand-inline small{display:block}.login-brand-inline strong{font-size:20px}.login-brand-inline small{font-size:9px;letter-spacing:1.5px;color:#7f90a1;margin-top:2px}
.login-title-simple{text-align:center;margin-bottom:22px}.login-title-simple h1{margin:0 0 6px;color:#132c46;font-size:28px}.login-title-simple p{margin:0;color:#7c8da0;font-size:13px}
.login-card-compact .environment-badge{margin:0 0 12px;min-height:28px;font-size:9px;opacity:.85}
.login-card-compact .login-field{font-size:12px;margin-bottom:14px}.login-card-compact .login-field input{height:50px;font-size:15px}
.login-card-compact .login-primary{height:52px;margin-top:4px;font-size:14px}
@media(max-width:560px){.login-screen-v472{padding:14px}.login-card-compact{padding:30px 22px}.login-shell-compact{width:100%}}

/* inventory value language: cost/navy, safe/green, retail/blue, profit/green */
.inventory-summary-card.capital strong{color:#b46a00!important}.inventory-summary-card.max strong{color:#246fd1!important}.inventory-summary-card.max .inventory-summary-icon{background:#edf4ff;color:#246fd1}.inventory-summary-card.safe strong{color:#0f8a61!important}.inventory-summary-card.profit strong{color:#078357!important}.inventory-summary-card.units strong{color:#17344e!important}
.branch-value-grid>div:nth-child(1){background:#f4f7f9}.branch-value-grid>div:nth-child(1) b{color:#17344e}.branch-value-grid>div:nth-child(2){background:#eef9f5}.branch-value-grid>div:nth-child(2) b{color:#0f8a61}.branch-value-grid>div:nth-child(3){background:#eef5ff}.branch-value-grid>div:nth-child(3) b{color:#246fd1}.branch-value-grid>div:nth-child(4){background:#eef9f3}.branch-value-grid>div:nth-child(4) b{color:#078357!important}
.inventory-pro-table td.safe-price-cell,.inventory-pro-table td:nth-child(8){color:#0f8a61;font-weight:800}.inventory-pro-table td.max-price-cell,.inventory-pro-table td:nth-child(9){color:#246fd1;font-weight:800}.inventory-pro-table td.inventory-money-cell,.inventory-pro-table td:nth-child(3),.inventory-pro-table td:nth-child(4){color:#17344e}.inventory-pro-table td.profit-cell{color:#078357}

/* ============================================================
   V4.8.1 — BEST SELLERS DASHBOARD MATCH
   Ranked by real net sold quantity for the current branch.
   ============================================================ */
#view-dashboard.dashboard-v480{padding-top:16px}
#view-dashboard.dashboard-v480 .dashboard-compat-tools{display:none!important}
#view-dashboard.dashboard-v480 .dashboard-hidden-compat{display:none!important}

/* Four compact operational KPIs */
#view-dashboard.dashboard-v480 .dashboard-kpis-v480{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-v480{
  display:flex!important;
  min-height:104px!important;
  padding:16px 17px!important;
  border:1px solid #e8eef2!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(16,45,70,.045)!important;
  overflow:hidden;
}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-v480:after{width:4px!important}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-v480 small{font-size:11px!important;color:#6e8295!important}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-v480 strong{font-size:25px!important;margin:6px 0 4px!important;color:#16324c!important;letter-spacing:-.25px}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-v480 em{font-size:9px!important;font-style:normal!important;color:#9aa8b5!important}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-sales strong{color:#07966b!important}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-pieces strong{color:#246fd1!important}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-invoices strong{color:#d87a13!important}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-stock strong{color:#dc5d3c!important}
#view-dashboard.dashboard-v480 .kpi-pieces:after{background:#4f8fe7!important}
#view-dashboard.dashboard-v480 .kpi-invoices:after{background:#f2a13b!important}
#view-dashboard.dashboard-v480 .kpi-customers:after{background:#8b6fe8!important}
#view-dashboard.dashboard-v480 .kpi-icon.violet{background:#f0ebff;color:#7656d8}
#view-dashboard.dashboard-v480 .trend-positive{color:#0b9a6c!important;font-weight:800}
#view-dashboard.dashboard-v480 .trend-negative{color:#d06c52!important;font-weight:800}

/* Main visual focus */
#view-dashboard.dashboard-v480 .dashboard-primary-grid{
  display:grid;
  grid-template-columns:minmax(0,2.15fr) minmax(300px,.95fr);
  gap:14px;
  align-items:start;
  margin-bottom:14px;
}
#view-dashboard.dashboard-v480 .top-products-panel,
#view-dashboard.dashboard-v480 .category-sales-panel,
#view-dashboard.dashboard-v480 .recent-sales-panel{
  border:1px solid #e6edf2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 25px rgba(15,39,64,.045);
}#view-dashboard.dashboard-v480 .top-products-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}
#view-dashboard.dashboard-v480 .top-products-head h2{font-size:20px;color:#14304b;margin:2px 0 4px}
#view-dashboard.dashboard-v480 .top-products-head p{font-size:10px;color:#8998a8;margin:0;line-height:1.7}
#view-dashboard.dashboard-v480 .top-products-kicker{font-size:9px;color:#d08b12;font-weight:900;letter-spacing:.2px}
#view-dashboard.dashboard-v480 .top-products-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start}
#view-dashboard.dashboard-v480 .period-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:9px;border:1px solid #dfe8ee;background:#f8fafc;color:#61788e;font-size:9px;font-weight:800;white-space:nowrap}
#view-dashboard.dashboard-v480 .period-chip.small{min-height:26px;padding:0 8px;font-size:8px}
#view-dashboard.dashboard-v480 .top-products-all{border:1px solid #dfe8f2;background:#f5f9ff;border-radius:9px;padding:7px 9px}

#view-dashboard.dashboard-v480 .top-products-list{display:flex;flex-direction:column;gap:8px}
#view-dashboard.dashboard-v480 .top-product-row{
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(180px,1.65fr) minmax(90px,.62fr) minmax(105px,.72fr) minmax(110px,.8fr);
  gap:12px;
  align-items:center;
  min-height:76px;
  padding:10px 12px;
  border:1px solid #e8eef2;
  border-radius:14px;
  background:#fff;
  color:#17324b;
  text-align:right;
  cursor:pointer;
  transition:.18s ease;
}
#view-dashboard.dashboard-v480 .top-product-row:hover{transform:translateY(-1px);border-color:#cfdde7;box-shadow:0 7px 17px rgba(20,55,80,.055)}
#view-dashboard.dashboard-v480 .top-product-row.rank-1{background:linear-gradient(90deg,#fff 0%,#f4fcf8 100%);border-color:#dbeee5}
#view-dashboard.dashboard-v480 .top-product-row.rank-2{background:linear-gradient(90deg,#fff 0%,#f4f8fd 100%);border-color:#dfe8f1}
#view-dashboard.dashboard-v480 .top-product-row.rank-3{background:linear-gradient(90deg,#fff 0%,#fff8ed 100%);border-color:#f0e2c8}
#view-dashboard.dashboard-v480 .top-rank{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;color:#60758a;font-size:13px;font-weight:900;border:1px solid #dce5eb}
#view-dashboard.dashboard-v480 .top-rank.medal{box-shadow:inset 0 0 0 4px rgba(255,255,255,.7)}
#view-dashboard.dashboard-v480 .rank-1 .top-rank{background:#fff0bd;border-color:#f0c956;color:#9d6a00}
#view-dashboard.dashboard-v480 .rank-2 .top-rank{background:#eef1f5;border-color:#cfd7df;color:#66798b}
#view-dashboard.dashboard-v480 .rank-3 .top-rank{background:#f8e0ce;border-color:#e8bc9b;color:#985c30}
#view-dashboard.dashboard-v480 .top-product-main{display:flex;align-items:center;gap:10px;min-width:0}
#view-dashboard.dashboard-v480 .top-product-thumb{width:52px;height:52px;flex:0 0 52px;border-radius:12px;background:#f4f7f9;border:1px solid #e5ebef;display:grid;place-items:center;overflow:hidden}
#view-dashboard.dashboard-v480 .top-product-thumb img{width:100%;height:100%;object-fit:cover}
#view-dashboard.dashboard-v480 .top-product-thumb span{font-size:25px}
#view-dashboard.dashboard-v480 .top-product-main b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#17324b}
#view-dashboard.dashboard-v480 .top-product-main small{display:block;font-size:8.5px;color:#8b9bab;margin-top:4px;direction:rtl}
#view-dashboard.dashboard-v480 .top-product-sales strong{display:block;font-size:18px;color:#17324b}
#view-dashboard.dashboard-v480 .top-product-sales small,
#view-dashboard.dashboard-v480 .top-product-trend small,
#view-dashboard.dashboard-v480 .top-product-stock small{display:block;font-size:8px;color:#94a2af;margin-top:3px}
#view-dashboard.dashboard-v480 .top-product-trend b{font-size:13px;color:#0a9c6b}
#view-dashboard.dashboard-v480 .top-product-trend.down b{color:#dc684c}
#view-dashboard.dashboard-v480 .top-product-stock{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
#view-dashboard.dashboard-v480 .top-product-stock .inventory-stock-badge{font-size:8px;padding:4px 7px;border-radius:999px;font-style:normal;font-weight:800}
#view-dashboard.dashboard-v480 .top-products-empty{min-height:260px;border:1px dashed #dce6ec;border-radius:14px;background:#fafcfd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7c8fa0;padding:20px}
#view-dashboard.dashboard-v480 .top-products-empty span{font-size:31px;margin-bottom:8px}#view-dashboard.dashboard-v480 .top-products-empty b{color:#28435b;font-size:14px}#view-dashboard.dashboard-v480 .top-products-empty small{font-size:9px;max-width:400px;line-height:1.8;margin-top:5px}

/* Side analytics */
#view-dashboard.dashboard-v480 .dashboard-side-column{display:grid;grid-template-columns:1fr;gap:14px}#view-dashboard.dashboard-v480 .dashboard-mini-head{margin-bottom:12px}
#view-dashboard.dashboard-v480 .dashboard-mini-head h3{font-size:14px;color:#17324b;margin-top:2px}
#view-dashboard.dashboard-v480 .dashboard-mini-head small{font-size:8px;color:#9aa8b5}
#view-dashboard.dashboard-v480 .category-sales-content{display:grid;grid-template-columns:126px 1fr;gap:14px;align-items:center;min-height:165px}
#view-dashboard.dashboard-v480 .category-donut{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(18,45,67,.05)}
#view-dashboard.dashboard-v480 .category-donut:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #eef2f5}
#view-dashboard.dashboard-v480 .category-donut>div{position:relative;z-index:2;text-align:center;max-width:72px}
#view-dashboard.dashboard-v480 .category-donut b{display:block;font-size:12px;color:#17324b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-dashboard.dashboard-v480 .category-donut small{display:block;font-size:7px;color:#95a3b0;margin-top:2px}
#view-dashboard.dashboard-v480 .category-sales-legend{display:flex;flex-direction:column;gap:9px}
#view-dashboard.dashboard-v480 .category-sales-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:9px}
#view-dashboard.dashboard-v480 .legend-dot{width:8px;height:8px;border-radius:50%}
#view-dashboard.dashboard-v480 .category-sales-legend b{color:#466075;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-dashboard.dashboard-v480 .category-sales-legend em{font-style:normal;font-weight:900;color:#17324b}

#view-dashboard.dashboard-v480 .recent-sales-list{display:flex;flex-direction:column;gap:2px}
#view-dashboard.dashboard-v480 .recent-sale-row{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;padding:8px 2px;border-bottom:1px solid #edf1f4}
#view-dashboard.dashboard-v480 .recent-sale-row:last-child{border-bottom:0}
#view-dashboard.dashboard-v480 .recent-sale-thumb{width:36px;height:36px;border-radius:9px;background:#f5f7f9;border:1px solid #e8edf0;display:grid;place-items:center;overflow:hidden}
#view-dashboard.dashboard-v480 .recent-sale-thumb img{width:100%;height:100%;object-fit:cover}#view-dashboard.dashboard-v480 .recent-sale-thumb span{font-size:18px}
#view-dashboard.dashboard-v480 .recent-sale-row b{font-size:9.5px;color:#263f57;display:block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-dashboard.dashboard-v480 .recent-sale-row small{font-size:7.5px;color:#9aa7b4;display:block;margin-top:2px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-dashboard.dashboard-v480 .recent-sale-row strong{font-size:10.5px;color:#0a9569;white-space:nowrap}
#view-dashboard.dashboard-v480 .dashboard-empty-mini{min-height:120px;display:grid;place-items:center;text-align:center;color:#98a6b3;font-size:9px;border:1px dashed #e2e9ee;border-radius:11px;background:#fbfcfd;padding:12px}

/* Money remains available, but visually secondary */
#view-dashboard.dashboard-v480 .dashboard-money-section{margin:0 0 14px;padding:13px 14px;border-radius:16px}
#view-dashboard.dashboard-v480 .dashboard-cash-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#view-dashboard.dashboard-v480 .dashboard-cash-strip .cash-mini-card{min-height:78px!important}

/* Secondary tools below the key dashboard */
#view-dashboard.dashboard-v480 .dashboard-secondary-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:14px}
#view-dashboard.dashboard-v480 .dashboard-secondary-grid>.panel{border:1px solid #e7edf1;border-radius:16px;box-shadow:0 6px 20px rgba(15,39,64,.035);padding:14px}

@media(max-width:1280px){
  #view-dashboard.dashboard-v480 .dashboard-primary-grid{grid-template-columns:1fr}
  #view-dashboard.dashboard-v480 .dashboard-side-column{grid-template-columns:1fr 1fr}
  #view-dashboard.dashboard-v480 .dashboard-kpis-v480{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  #view-dashboard.dashboard-v480 .top-products-head{flex-direction:column}
  #view-dashboard.dashboard-v480 .dashboard-side-column{grid-template-columns:1fr}
  #view-dashboard.dashboard-v480 .top-product-row{grid-template-columns:36px minmax(150px,1fr) auto;gap:9px}
  #view-dashboard.dashboard-v480 .top-product-trend,#view-dashboard.dashboard-v480 .top-product-stock{display:none}
  #view-dashboard.dashboard-v480 .dashboard-secondary-grid{grid-template-columns:1fr}
  #view-dashboard.dashboard-v480 .dashboard-cash-strip{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  #view-dashboard.dashboard-v480 .dashboard-kpis-v480{grid-template-columns:1fr!important}
  #view-dashboard.dashboard-v480 .top-product-row{grid-template-columns:32px 1fr auto;padding:9px}
  #view-dashboard.dashboard-v480 .top-product-thumb{width:44px;height:44px;flex-basis:44px}
  #view-dashboard.dashboard-v480 .category-sales-content{grid-template-columns:1fr;justify-items:center}
  #view-dashboard.dashboard-v480 .category-sales-legend{width:100%}
}


/* V4.8.1 — visual match to approved best-sellers concept */
#view-dashboard.dashboard-v480{background:linear-gradient(180deg,#f7fafc 0%,#f5f8fb 100%)}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-v480{position:relative;align-items:center;gap:13px}
#view-dashboard.dashboard-v480 .dashboard-kpis-v480 .kpi-icon{width:50px;height:50px;flex:0 0 50px;border-radius:14px;font-size:21px;display:grid;place-items:center}
#view-dashboard.dashboard-v480 .kpi-sales .kpi-icon{background:#e2f8ec!important;color:#07966b!important}
#view-dashboard.dashboard-v480 .kpi-pieces .kpi-icon{background:#e8f1ff!important;color:#246fd1!important}
#view-dashboard.dashboard-v480 .kpi-invoices .kpi-icon{background:#fff1dc!important;color:#d87a13!important}
#view-dashboard.dashboard-v480 .kpi-customers .kpi-icon{background:#f0ebff!important;color:#7456d8!important}
#view-dashboard.dashboard-v480 .kpi-customers strong{color:#7456d8!important}
#view-dashboard.dashboard-v480 .dashboard-primary-grid{grid-template-columns:minmax(0,2.25fr) minmax(310px,.95fr)}
#view-dashboard.dashboard-v480 .top-products-panel{padding:20px;border-radius:20px}
#view-dashboard.dashboard-v480 .top-products-head{padding:0 2px 4px}
#view-dashboard.dashboard-v480 .top-products-head h2{font-size:22px}
#view-dashboard.dashboard-v480 .top-products-kicker{color:#b77900;background:#fff7dc;border:1px solid #f1dfaa;border-radius:999px;padding:4px 8px;display:inline-flex}
#view-dashboard.dashboard-v480 .top-product-row{grid-template-columns:42px minmax(215px,1.6fr) minmax(95px,.6fr) minmax(145px,.82fr) minmax(110px,.72fr);min-height:82px;padding:10px 14px;gap:12px;border-radius:15px}
#view-dashboard.dashboard-v480 .top-product-row.rank-1{background:linear-gradient(270deg,#f2fbf6 0%,#ffffff 76%)}
#view-dashboard.dashboard-v480 .top-product-row.rank-2{background:linear-gradient(270deg,#f3f8ff 0%,#ffffff 76%)}
#view-dashboard.dashboard-v480 .top-product-row.rank-3{background:linear-gradient(270deg,#fff9ee 0%,#ffffff 76%)}
#view-dashboard.dashboard-v480 .top-rank{font-size:14px;font-weight:950}
#view-dashboard.dashboard-v480 .top-product-main{gap:12px}
#view-dashboard.dashboard-v480 .top-product-thumb{width:58px;height:58px;flex-basis:58px;border-radius:13px;background:#fff}
#view-dashboard.dashboard-v480 .top-product-main b{font-size:12.5px}
#view-dashboard.dashboard-v480 .top-product-main small{font-size:8px;margin-top:3px}
#view-dashboard.dashboard-v480 .top-product-tag{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;font-style:normal;font-size:7.5px;font-weight:900;background:#edf4ff;color:#3975bd}
#view-dashboard.dashboard-v480 .top-product-tag.tag-1{background:#fff0ea;color:#d35d3c}
#view-dashboard.dashboard-v480 .top-product-tag.tag-2{background:#eaf3ff;color:#3678c7}
#view-dashboard.dashboard-v480 .top-product-tag.tag-3{background:#e9f8f0;color:#16805b}
#view-dashboard.dashboard-v480 .top-product-sales strong{font-size:17px;font-weight:950;color:#17324b}
#view-dashboard.dashboard-v480 .top-product-demand{display:grid;grid-template-columns:64px auto;grid-template-areas:'bars trend' 'bars note';gap:1px 8px;align-items:center;direction:ltr}
#view-dashboard.dashboard-v480 .mini-demand-bars{grid-area:bars;height:34px;display:flex;align-items:flex-end;gap:3px;padding:2px 0;direction:ltr}
#view-dashboard.dashboard-v480 .mini-demand-bars i{display:block;width:6px;min-height:6px;border-radius:4px 4px 2px 2px;background:#dce5ec;transition:.2s}
#view-dashboard.dashboard-v480 .mini-demand-bars i:nth-last-child(-n+3){background:#69bfa0}
#view-dashboard.dashboard-v480 .mini-demand-bars i.latest{background:#0ca976}
#view-dashboard.dashboard-v480 .top-product-demand b{grid-area:trend;font-size:11px;font-weight:950;direction:rtl;text-align:right}
#view-dashboard.dashboard-v480 .top-product-demand b.up{color:#0a9c6b}
#view-dashboard.dashboard-v480 .top-product-demand b.down{color:#d8674b}
#view-dashboard.dashboard-v480 .top-product-demand small{grid-area:note;font-size:7.5px;color:#96a4b1;direction:rtl;text-align:right;white-space:nowrap}
#view-dashboard.dashboard-v480 .top-product-stock{align-items:flex-start}
#view-dashboard.dashboard-v480 .top-product-stock .inventory-stock-badge{min-width:78px;text-align:center;font-size:8px;padding:5px 8px}
#view-dashboard.dashboard-v480 .category-sales-panel,#view-dashboard.dashboard-v480 .recent-sales-panel{border-radius:19px;padding:17px}
#view-dashboard.dashboard-v480 .category-sales-content{grid-template-columns:135px 1fr;min-height:175px}
#view-dashboard.dashboard-v480 .category-donut{width:132px;height:132px}
#view-dashboard.dashboard-v480 .category-donut:after{width:84px;height:84px}
#view-dashboard.dashboard-v480 .recent-sale-row{min-height:48px;border-radius:10px;padding:6px 4px;border-bottom:1px solid #eef2f5}
#view-dashboard.dashboard-v480 .recent-sale-row strong{color:#0b9a6c;font-weight:950}
@media(max-width:1080px){#view-dashboard.dashboard-v480 .top-product-row{grid-template-columns:38px minmax(170px,1fr) auto auto}#view-dashboard.dashboard-v480 .top-product-demand{display:none}}


/* =========================================================
   V4.8.4 — Multi-seller shifts + return success + automatic stock restore
   ========================================================= */
#view-dashboard.dashboard-v480 .dashboard-secondary-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:14px}
#view-dashboard.dashboard-v480 .latest-movements-panel{align-self:start;min-height:0!important;height:auto!important;padding:15px 16px!important;border-radius:18px!important}
#view-dashboard.dashboard-v480 .latest-movements-panel .panel-head{margin-bottom:10px}
#view-dashboard.dashboard-v480 .latest-movements-panel .panel-head h3{font-size:15px}
#view-dashboard.dashboard-v480 .movement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0!important}
#view-dashboard.dashboard-v480 .movement-row.compact{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e9eef2;border-radius:12px;background:#fbfcfd;box-shadow:none}
#view-dashboard.dashboard-v480 .movement-row.compact .movement-type{white-space:nowrap;font-size:8px;padding:5px 7px;border-radius:999px;font-weight:900}
#view-dashboard.dashboard-v480 .movement-row.compact .movement-main{min-width:0}
#view-dashboard.dashboard-v480 .movement-row.compact .movement-main b{display:block;font-size:9px;color:#19334c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-dashboard.dashboard-v480 .movement-row.compact .movement-main small{display:block;font-size:7.5px;color:#94a2af;margin-top:2px;white-space:nowrap}
#view-dashboard.dashboard-v480 .movement-row.compact strong{font-size:10.5px;color:#18334d;white-space:nowrap}
#view-dashboard.dashboard-v480 .movement-empty{grid-column:1/-1;min-height:74px}
#view-dashboard.dashboard-v480 .ai-data-assistant-card{align-self:start;min-height:0!important;height:auto!important;padding:15px!important;border-radius:18px!important;background:linear-gradient(145deg,#ffffff 0%,#f7fcfa 100%);border-color:#dcece6!important}
#view-dashboard.dashboard-v480 .ai-data-assistant-card .panel-head{margin-bottom:7px}
#view-dashboard.dashboard-v480 .ai-data-assistant-card h3{font-size:15px!important}
#view-dashboard.dashboard-v480 .ai-data-assistant-card p{font-size:9px;line-height:1.75;margin:0 0 10px;color:#7d8f9f}
#view-dashboard.dashboard-v480 .ai-mini-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}
#view-dashboard.dashboard-v480 .ai-mini-quick-grid .ai-suggestion{margin:0;padding:8px 9px;font-size:8.5px;text-align:center;background:#fff;border-color:#e1ebe7}
#view-dashboard.dashboard-v480 .ai-data-assistant-card .primary.ghost{padding:10px 12px;font-size:10px}
.ai-chat-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
.ai-chat-quick .ai-suggestion{margin:0!important;text-align:center!important;font-size:10px!important;padding:9px 8px!important}
.ai-disclaimer{line-height:1.6}
@media(max-width:1080px){#view-dashboard.dashboard-v480 .dashboard-secondary-grid{grid-template-columns:1fr}}
@media(max-width:720px){#view-dashboard.dashboard-v480 .movement-list{grid-template-columns:1fr}#view-dashboard.dashboard-v480 .ai-mini-quick-grid{grid-template-columns:1fr 1fr}}

/* V4.8.4 — centered motivational sale-return confirmation */
.return-success-modal{z-index:12600;background:rgba(8,22,38,.60);backdrop-filter:blur(5px)}
.return-success-card{width:min(570px,94vw);text-align:center;padding:34px 30px 28px;position:relative;overflow:hidden;border:1px solid rgba(19,130,95,.16);box-shadow:0 30px 95px rgba(9,26,45,.30)}
.return-success-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:6px;background:linear-gradient(90deg,#18a879,#51caa4,#1b87f3)}
.return-success-spark{display:flex;justify-content:center;gap:16px;color:#8bd8c0;font-size:18px;margin:0 0 8px}.return-success-icon{width:82px;height:82px;margin:0 auto 15px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(180deg,#f0fbf7,#e1f6ee);border:1px solid #ccefe0;color:#12825f;font-size:42px;font-weight:900;box-shadow:0 16px 34px rgba(18,130,95,.13)}
.return-success-card h2{margin:7px 0 8px;color:#172b43;font-size:30px}.return-success-card>p{margin:0 auto 17px;color:#6b7c8f;line-height:1.8;font-size:15px;max-width:450px}.return-success-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 12px}.return-success-metrics>div{padding:14px 9px;border-radius:14px;border:1px solid #e4ece9;background:#fbfdfc}.return-success-metrics small{display:block;color:#7a8b9d;margin-bottom:6px}.return-success-metrics strong{font-size:16px;color:#18304a}.return-success-note{padding:12px 14px;border-radius:13px;background:#edf9f5;border:1px solid #d6eee5;color:#176f56;font-weight:700;line-height:1.75}.return-success-actions{justify-content:center!important}.return-success-actions button{min-width:230px}@media(max-width:760px){.return-success-card{padding:28px 17px 22px}.return-success-metrics{grid-template-columns:1fr}.return-success-actions button{width:100%}}


/* V4.8.6 - Local hardware auto detect */
.local-hardware-panel{margin-bottom:18px;border:1px solid rgba(42,126,255,.22);background:linear-gradient(135deg,rgba(42,126,255,.045),rgba(255,255,255,.98))}
.hardware-status{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-weight:800;font-size:12px}.hardware-status.online{background:#e8f8ef;color:#087a43}.hardware-status.offline{background:#fff2df;color:#a55a00}
.hardware-machine-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:14px;background:rgba(12,35,63,.055);margin:12px 0}.hardware-machine-card small,.hardware-machine-card b{display:block}.hardware-machine-card small{color:#718096;margin-bottom:3px}.hardware-machine-card b{font-size:14px}
.hardware-select-grid{align-items:end}.scanner-summary{padding:12px 14px;border-radius:12px;background:#eef8f3;min-height:64px}.scanner-summary b,.scanner-summary span{display:block}.scanner-summary b{color:#087a43;margin-bottom:4px}.scanner-summary span{font-size:12px;color:#5d6a78;line-height:1.5}
.hardware-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px}.last-scan-chip{padding:8px 11px;border-radius:999px;background:#f0f3f7;color:#536170;font-size:12px;font-weight:700}.hardware-bridge-note{margin-top:12px;padding:10px 12px;border:1px dashed #b9c7d6;border-radius:12px;color:#536170;font-size:12px;line-height:1.65}.hardware-bridge-note code{direction:ltr;unicode-bidi:embed;background:#eef1f5;padding:2px 5px;border-radius:5px}
@media(max-width:760px){.hardware-machine-card{align-items:stretch;flex-direction:column}.hardware-machine-card button{width:100%}}

.hardware-download{display:inline-flex;margin-inline-start:8px;text-decoration:none;vertical-align:middle}


/* V4.8.8 — previous invoice search + updated invoice details */
.sales-history-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.sales-history-search{flex:1;min-width:320px}.sales-history-search input{width:100%}.sales-print-help{padding:10px 12px;margin:0 0 12px;border-radius:12px;background:#f4fbf8;color:#48645a;font-size:13px}.direct-print-btn{border-color:#bce8d4!important;background:#f0fbf6!important;color:#087f5b!important;font-weight:800}.invoice-detail-hero{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border:1px solid #e6edf2;border-radius:16px;background:#f8fafc;margin-bottom:12px}.invoice-detail-hero small,.invoice-detail-hero span,.invoice-detail-total small{display:block;color:#8190a3}.invoice-detail-hero h3{margin:3px 0;font-size:20px}.invoice-detail-total{text-align:left}.invoice-detail-total strong{font-size:24px;color:#079669}.invoice-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.invoice-detail-meta>div{border:1px solid #e9eef3;border-radius:12px;padding:9px 10px}.invoice-detail-meta small,.invoice-detail-meta b{display:block}.invoice-detail-meta small{color:#8a98aa;font-size:11px}.invoice-detail-table td small{display:block;color:#8997a8;margin-top:2px}.invoice-detail-totals{margin:12px 0 0 auto;max-width:360px;border-top:1px dashed #d6dee6;padding-top:8px}.invoice-detail-totals>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.invoice-detail-totals .print-final{font-size:17px;font-weight:800}.finance-only-detail{color:#0a8f69}.invoice-return-note,.invoice-print-note{margin-top:10px;border-radius:11px;padding:9px 11px;font-size:12px}.invoice-return-note{background:#fff7e7;color:#8a5c00}.invoice-print-note{background:#f5f8fb;color:#718096}.receipt-barcode{display:block;font-size:8px;color:#555}.receipt-count,.receipt-copy-label{text-align:center;font-size:9px;margin:4px 0}.receipt-copy-label{font-weight:800;border:1px solid #111;padding:2px 5px;display:inline-block}
@media(max-width:800px){.sales-history-search{min-width:100%}.invoice-detail-meta{grid-template-columns:1fr 1fr}.invoice-detail-hero{align-items:flex-start}.invoice-detail-total strong{font-size:20px}}

/* V4.9.4 — Smart Stocktake safety, blind count, sync queue */
.stocktake-sync-status{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap;border:1px solid transparent}.stocktake-sync-status.saved{background:#eaf8f3;color:#0e7f5d;border-color:#ccebdd}.stocktake-sync-status.pending,.stocktake-sync-status.saving{background:#fff7e8;color:#93620d;border-color:#f0dfba}.stocktake-sync-status.offline{background:#fff0ef;color:#b43d38;border-color:#f2d2d0}.stocktake-blind-option{padding:10px 12px;border:1px solid #dcebe5;border-radius:11px;background:#f7fbf9}.stocktake-blind-option>span{display:flex;align-items:center;gap:8px;font-weight:900}.stocktake-blind-option input{width:17px!important;height:17px!important}.stocktake-blind-option small{font-size:9px;color:var(--muted);font-weight:600}.stocktake-blind-banner{padding:9px 11px;margin-bottom:10px;border:1px solid #d8ebe3;border-radius:10px;background:#f1faf6;color:#315f50;font-size:9px;font-weight:800}.stocktake-reason-input{min-width:180px!important;width:100%!important;text-align:right!important;font-weight:600!important}.stocktake-audit-cell small{display:block;color:var(--muted);font-size:8px;line-height:1.6}.stocktake-move-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;background:#edf6ff;color:#276aa4}.stocktake-auto-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;background:#fff4dc;color:#93610b}.stocktake-report-note{font-size:9px;color:var(--muted);margin-top:4px}.stocktake-table.blind-table{min-width:820px}.stocktake-table.review-table{min-width:1450px}@media(max-width:680px){.stocktake-status-actions{flex-wrap:wrap}.stocktake-sync-status{order:3;width:100%;justify-content:center}}


/* V4.9.7 - Useful sidebar device status */
.sidebar-device-card{margin-top:auto;padding:12px 12px 11px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:14px;direction:rtl}
.device-card-title{display:flex;align-items:flex-start;gap:9px;margin-bottom:9px}.device-card-title b,.device-card-title small{display:block}.device-card-title b{font-size:13px;color:#fff}.device-card-title small{font-size:10px;color:#9eb2c5;margin-top:2px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device-state-dot{width:10px;height:10px;flex:0 0 10px;margin-top:4px;border-radius:50%;background:#f2a93b;box-shadow:0 0 0 4px rgba(242,169,59,.12)}.device-state-dot.online{background:#4fd0a7;box-shadow:0 0 0 4px rgba(79,208,167,.13)}.device-state-dot.offline{background:#ed6b66;box-shadow:0 0 0 4px rgba(237,107,102,.12)}
.device-card-body{display:grid;gap:5px}.device-card-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:5px;border-top:1px solid rgba(255,255,255,.07);font-size:10px}.device-card-row span{color:#8fa5b9}.device-card-row b{color:#dce8f2;font-size:10px;font-weight:800;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.device-card-row b.ok{color:#87e3c7}.device-card-row b.warn{color:#ffd18a}.device-card-row b.bad{color:#ffaaa6}
@media(max-width:760px){.sidebar-device-card{padding:10px;display:grid;place-items:center}.sidebar-device-card .device-card-title{margin:0}.sidebar-device-card .device-card-title div,.sidebar-device-card .device-card-body{display:none}}

/* V4.9.8 - owner branch access parity with backend + visible branch selector */


/* V4.9.11 — transfer notification drill-down + reliable branch/status + centered 2s toast */
.topbar #branchSelect{display:none!important}
.branch-switcher{position:relative;direction:rtl;min-width:190px}
.branch-switcher-btn{width:100%;height:40px;border:1px solid #dfe7ec;border-radius:11px;background:#fff;color:#183149;display:flex;align-items:center;gap:8px;padding:0 11px;cursor:pointer;box-shadow:0 2px 8px rgba(15,39,64,.025);font-weight:800}
.branch-switcher-btn:hover,.branch-switcher-btn[aria-expanded="true"]{border-color:#b9dcd0;box-shadow:0 0 0 3px rgba(24,168,121,.06)}
.branch-switcher-btn:disabled{opacity:.65;cursor:default}.branch-switcher-btn b{flex:1;text-align:right;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-switcher-icon{color:#1aa67b}.branch-switcher-arrow{font-size:14px;color:#687d91}
.branch-switcher-menu{position:absolute;top:46px;right:0;min-width:230px;background:#fff;border:1px solid #dfe7ec;border-radius:12px;padding:6px;box-shadow:0 18px 45px rgba(16,38,59,.16);z-index:1200}
.branch-switcher-option{width:100%;border:0;background:#fff;color:#183149;border-radius:9px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;cursor:pointer;font-weight:800}.branch-switcher-option:hover{background:#f3faf7}.branch-switcher-option.active{background:#eaf8f3;color:#13785c}.branch-switcher-option small{font-size:9px;color:#71859a;font-weight:700}.branch-switcher-empty{padding:10px;color:#7b8d9e;font-size:11px}
.connection-status-wrap{position:relative;direction:rtl}.topbar .sync-badge{border:1px solid #dcebe5;cursor:pointer;font-family:inherit;color:inherit;min-width:78px;justify-content:center}.topbar .sync-badge:hover,.topbar .sync-badge[aria-expanded="true"]{border-color:#b9dcd0;box-shadow:0 0 0 3px rgba(24,168,121,.05)}
.connection-popover{position:absolute;top:45px;right:0;width:295px;background:#fff;border:1px solid #dfe7ec;border-radius:14px;padding:13px;box-shadow:0 18px 50px rgba(16,38,59,.18);z-index:1250;direction:rtl}
.connection-popover-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #eef2f4}.connection-popover-head b,.connection-popover-head small{display:block}.connection-popover-head b{font-size:13px;color:#173149}.connection-popover-head small{font-size:9px;color:#8695a5;margin-top:2px}.connection-overall-dot{width:10px;height:10px;border-radius:50%;margin-top:4px}.connection-overall-dot.online{background:#19a77c;box-shadow:0 0 0 4px rgba(25,167,124,.11)}.connection-overall-dot.offline{background:#d95151;box-shadow:0 0 0 4px rgba(217,81,81,.10)}
.connection-status-list{display:grid;gap:0;margin:6px 0}.connection-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid #f1f4f6}.connection-status-list>div:last-child{border-bottom:0}.connection-status-list span{font-size:10px;color:#7b8d9e}.connection-status-list b{font-size:10px;color:#30465a;text-align:left;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-status-list b.ok{color:#13805f}.connection-status-list b.warn{color:#b77718}.connection-status-list b.bad{color:#c84545}
.connection-refresh-btn{width:100%;border:1px solid #d8ebe4;background:#f2faf7;color:#16785f;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}.connection-refresh-btn:disabled{opacity:.6;cursor:wait}
@media(max-width:900px){.branch-switcher{min-width:150px}.branch-switcher-menu{min-width:210px}.connection-popover{right:auto;left:0}}
\n\n/* V4.9.11 — actionable transfer notifications and before/after stock detail */\n.notification-item.actionable{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.notification-item.actionable:hover{transform:translateY(-1px);border-color:#9fd8c6;box-shadow:0 8px 20px rgba(15,39,64,.07)}.notification-item.actionable:focus{outline:3px solid rgba(26,168,121,.16);outline-offset:2px}.notification-item.actionable small{color:#397c69;font-weight:700}.transfer-history-row{cursor:pointer}.transfer-history-row:hover td{background:#f5fbf8}.transfer-latest-button{width:100%;border:0;text-align:inherit;font:inherit;cursor:pointer}.transfer-detail-modal-card{width:min(920px,96vw)}.transfer-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.transfer-detail-meta>div{border:1px solid var(--line);background:#f8fafb;border-radius:11px;padding:10px}.transfer-detail-meta small,.transfer-detail-meta b{display:block}.transfer-detail-meta small{font-size:9px;color:var(--muted);margin-bottom:4px}.transfer-detail-meta b{font-size:12px;color:var(--navy);word-break:break-word}.transfer-detail-loading{grid-column:1/-1;text-align:center;color:var(--muted);padding:24px!important}.transfer-detail-explain{background:#f6fbf9;border:1px solid #d8ece5;color:#526f64;border-radius:11px;padding:10px 12px;font-size:10px;line-height:1.8;margin-bottom:12px}.transfer-detail-items{display:flex;flex-direction:column;gap:10px}.transfer-detail-item{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff}.transfer-detail-product{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.transfer-detail-product b,.transfer-detail-product small{display:block}.transfer-detail-product b{font-size:13px;color:var(--navy)}.transfer-detail-product small{font-size:9px;color:var(--muted);margin-top:3px}.transfer-detail-product>strong{background:#edf8f4;color:#0f775b;border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap}.transfer-detail-qty-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.transfer-qty-card{border:1px solid #dfe8ec;background:#fafcfd;border-radius:11px;padding:10px}.transfer-qty-card.out{border-color:#f0d6d2;background:#fffafa}.transfer-qty-card.in{border-color:#cfe9df;background:#f8fdfb}.transfer-qty-card small{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.transfer-qty-card>div{display:flex;align-items:center;gap:8px}.transfer-qty-card b{font-size:18px;color:var(--navy)}.transfer-qty-card span{color:#8a99a6}.transfer-qty-card em{display:block;margin-top:5px;font-style:normal;font-size:9px;font-weight:800}.transfer-qty-card.out em{color:#b54a43}.transfer-qty-card.in em{color:#13805f}.transfer-qty-card.unavailable span{display:block;font-size:8px;line-height:1.5}.transfer-current-stock{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px dashed #dce4e8;margin-top:10px;padding-top:8px;color:#647689;font-size:9px}.transfer-current-stock b{color:#344d65}.transfer-latest.transfer-latest-button{background:transparent}@media(max-width:720px){.transfer-detail-meta{grid-template-columns:1fr 1fr}.transfer-detail-qty-grid{grid-template-columns:1fr}.transfer-detail-product{align-items:flex-start;flex-direction:column}}\n

/* =========================================================
   V4.9.12 — Smart Price Updates Center
   ========================================================= */
.price-updates-view{--price-green:#109c72;--price-red:#df655a;--price-navy:#102c49}
.price-updates-head{align-items:center}.price-live-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:#eefaf6;border:1px solid #ccebdd;color:#0d7e5c;font-size:10px;font-weight:900;letter-spacing:.08em}.price-live-pill span{width:8px;height:8px;border-radius:50%;background:#18b987;box-shadow:0 0 0 5px rgba(24,185,135,.11);animation:priceLivePulse 1.6s infinite}.price-live-pill small{font-weight:700;letter-spacing:0;color:#6b8a80}@keyframes priceLivePulse{50%{box-shadow:0 0 0 9px rgba(24,185,135,0)}}
.price-updates-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.price-updates-summary article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 16px;box-shadow:0 8px 25px rgba(16,44,73,.035)}.price-updates-summary small,.price-updates-summary span{display:block;color:var(--muted);font-size:9px}.price-updates-summary strong{display:block;color:var(--price-navy);font-size:25px;margin:5px 0}.price-updates-summary .up strong{color:#d55d54}.price-updates-summary .down strong{color:#0c9870}
.price-live-board{overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f8fcfb 100%)}.price-updates-live-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.price-live-card{appearance:none;text-align:right;border:1px solid #e1e9ed;background:#fff;border-radius:15px;padding:12px;cursor:pointer;transition:.18s ease;min-width:0}.price-live-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,44,73,.08)}.price-live-card.unread{box-shadow:inset -4px 0 #2cb48a}.price-live-card.up{border-color:#f0d9d6}.price-live-card.down{border-color:#d1eadf}.price-live-product{display:flex;align-items:center;gap:9px;min-width:0}.price-live-product>div:last-child{min-width:0}.price-live-product b,.price-live-product small{display:block}.price-live-product b{font-size:11px;color:#18344f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-live-product small{font-size:8px;color:#8494a2;margin-top:2px}.price-update-thumb{width:38px;height:38px;border-radius:11px;object-fit:cover;background:#f4f8fa}.price-update-placeholder{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef7f4;color:#15916c;font-weight:900}.price-live-values{display:flex;align-items:center;gap:7px;margin:11px 0 7px}.price-live-values span{font-size:10px;color:#8796a4;text-decoration:line-through}.price-live-values em{font-style:normal;font-weight:900}.price-live-card.up .price-live-values em,.price-live-card.up .price-live-values strong{color:#d45850}.price-live-card.down .price-live-values em,.price-live-card.down .price-live-values strong{color:#0b956c}.price-live-values strong{font-size:16px;color:#18344f}.price-live-meta{font-size:8px;color:#78909b}
.price-updates-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 170px 170px auto;gap:10px;align-items:end;margin-bottom:14px}.price-updates-toolbar label{font-size:9px;color:#667a8c;font-weight:800}.price-updates-toolbar select{width:100%;margin-top:5px}.price-updates-list{display:flex;flex-direction:column;gap:9px}.price-update-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(210px,1fr) minmax(180px,.85fr) minmax(180px,.9fr) auto;gap:13px;align-items:center;padding:13px 14px;border:1px solid #e3e9ed;border-radius:15px;background:#fff;transition:.18s ease}.price-update-row.unread{border-color:#bfe4d7;background:linear-gradient(90deg,#f6fcfa,#fff)}.price-update-row.up{box-shadow:inset -4px 0 #e78379}.price-update-row.down{box-shadow:inset -4px 0 #22a77d}.price-update-row.selected,.price-update-row.price-update-focus{outline:3px solid rgba(27,135,243,.14);border-color:#8fc2f2;transform:scale(1.005)}.price-update-product{display:flex;align-items:center;gap:9px;min-width:0}.price-update-product b,.price-update-product small{display:block}.price-update-product b{font-size:11px;color:#17324d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-update-product small{font-size:8px;color:#8796a4;margin-top:3px}.price-update-product small em{font-style:normal;background:#e5f7f0;color:#0b815f;border-radius:999px;padding:2px 6px;margin-inline-start:4px;font-weight:900}.price-update-default>small,.price-update-safe>small,.price-update-who>small{display:block;font-size:8px;color:#8b99a5;margin-bottom:5px}.price-update-default>div,.price-update-safe>div{display:flex;align-items:center;gap:7px}.price-update-default span,.price-update-safe span{font-size:9px;color:#8b99a5;text-decoration:line-through}.price-update-default strong,.price-update-safe strong{font-size:12px;color:#18344f}.price-update-default i,.price-update-safe i{font-style:normal;color:#9aabb6}.price-change-pill{display:inline-block;margin-top:5px;font-style:normal;font-size:8px;font-weight:900;border-radius:999px;padding:3px 7px;background:#f1f5f7;color:#607587}.price-change-pill.up{background:#fff0ee;color:#c75048}.price-change-pill.down{background:#eaf8f3;color:#0b8b66}.price-update-who b,.price-update-who span,.price-update-who em{display:block}.price-update-who b{font-size:10px;color:#18344f}.price-update-who span{font-size:8px;color:#8b99a5;margin-top:2px}.price-update-who em{font-size:8px;color:#607587;font-style:normal;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-open-pos{white-space:nowrap}.price-updates-empty{padding:28px;text-align:center;border:1px dashed #d7e2e7;border-radius:14px;color:#7f909d;background:#fbfcfd}.notification-item.price-notification.price-up{border-inline-start:4px solid #df655a}.notification-item.price-notification.price-down{border-inline-start:4px solid #18a879}.product-price-updated-badge{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;background:#eef8f5;color:#0d8161;border:1px solid #d2ece3;border-radius:999px;padding:3px 7px;font-size:7.5px;font-style:normal;font-weight:900;margin-top:3px}
@media(max-width:1180px){.price-updates-live-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.price-update-row{grid-template-columns:1.2fr 1fr 1fr}.price-update-who{grid-column:1/3}.price-open-pos{grid-column:3}}
@media(max-width:760px){.price-updates-summary{grid-template-columns:1fr 1fr}.price-updates-live-strip{grid-template-columns:1fr}.price-updates-toolbar{grid-template-columns:1fr 1fr}.price-updates-toolbar .scan-input{grid-column:1/-1}.price-updates-toolbar button{grid-column:1/-1}.price-update-row{grid-template-columns:1fr}.price-update-who,.price-open-pos{grid-column:auto}.price-updates-head{align-items:flex-start}.price-live-pill{margin-top:8px}}

/* ===== V4.9.14 Inventory Purchase Intelligence ===== */
.inventory-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.inventory-report-btn{white-space:nowrap}.stagnant-inventory-panel{margin-top:16px;border:1px solid rgba(27,76,95,.12);background:linear-gradient(180deg,#fff 0%,#fbfdfd 100%)}.stagnant-panel-head{gap:18px;align-items:flex-start}.stagnant-panel-head p{margin:5px 0 0;color:#76858e}.stagnant-toolbar{display:grid;grid-template-columns:180px 180px minmax(260px,1fr);gap:12px;align-items:end;margin:14px 0}.stagnant-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#667985}.stagnant-toolbar select,.stagnant-toolbar input{height:42px;border:1px solid #d9e4e7;border-radius:12px;background:#fff;padding:0 12px;font-family:inherit;outline:none}.stagnant-toolbar select:focus,.stagnant-toolbar input:focus{border-color:#35aa8a;box-shadow:0 0 0 3px rgba(53,170,138,.10)}.stagnant-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.stagnant-summary-card{border:1px solid #dfe8eb;border-radius:14px;padding:13px 14px;background:#f8fbfb;min-height:90px}.stagnant-summary-card small,.stagnant-summary-card b,.stagnant-summary-card span{display:block}.stagnant-summary-card small{font-size:11px;color:#71808a}.stagnant-summary-card b{font-size:17px;margin-top:7px;color:#132c40}.stagnant-summary-card span{font-size:10px;color:#829099;margin-top:5px}.stagnant-summary-card.s2{background:#fff8f1;border-color:#f2dcc4}.stagnant-summary-card.s2 b{color:#a65b19}.stagnant-summary-card.s4{background:#f0faf6;border-color:#d5ebdf}.stagnant-summary-card.s4 b{color:#147a5b}.stagnant-table-scroll{max-height:520px}.stagnant-table td,.stagnant-table th{vertical-align:middle}.stagnant-money b{color:#a65b19}.stagnant-age{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef5f3;color:#26725e;font-weight:800;font-size:11px}.stagnant-age.warn{background:#fff4df;color:#a66b13}.stagnant-age.hot{background:#fff0ec;color:#b54f37}.stagnant-table td>small{display:block;color:#7a8992;margin-top:4px;font-size:10px}
@media(max-width:1150px){.stagnant-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stagnant-toolbar{grid-template-columns:1fr 1fr}.stagnant-search{grid-column:1/-1}.inventory-head-actions{justify-content:flex-start}}
@media(max-width:720px){.stagnant-summary-grid,.stagnant-toolbar{grid-template-columns:1fr}.stagnant-search{grid-column:auto}.inventory-head-actions{width:100%;justify-content:stretch}.inventory-head-actions>*{flex:1 1 auto}.inventory-report-btn{font-size:11px}}

/* V4.9.15 — Branch-isolated seller drawers and admin transfer source picker */
.cash-branch-isolation-banner{display:flex;align-items:flex-start;gap:12px;margin:14px 0 18px;padding:14px 16px;border:1px solid #cfe5df;background:linear-gradient(135deg,#f4fbf8,#f8fbff);border-radius:16px;color:#17324a}.cash-branch-isolation-banner>span{font-size:22px}.cash-branch-isolation-banner b{display:block;font-size:14px;margin-bottom:3px}.cash-branch-isolation-banner p{margin:0;color:#637789;font-size:12px;line-height:1.8}.cash-drawer-breakdown{margin:12px 0}.drawer-breakdown-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.drawer-breakdown-head b,.drawer-breakdown-head small{display:block}.drawer-breakdown-head small{color:#7a8c9c;margin-top:2px;font-size:11px}.drawer-breakdown-head>span{font-size:11px;background:#edf5f7;border:1px solid #d9e7ea;border-radius:999px;padding:5px 9px;color:#526979}.drawer-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}.drawer-source-card{appearance:none;border:1px solid #dbe7eb;background:#fff;border-radius:13px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;cursor:pointer;transition:.16s ease;color:#17324a}.drawer-source-card:hover{border-color:#9ecbc0;transform:translateY(-1px)}.drawer-source-card.selected{border-color:#18a57b;box-shadow:0 0 0 2px rgba(24,165,123,.08);background:#f4fbf8}.drawer-source-card span b,.drawer-source-card span small{display:block}.drawer-source-card span small{color:#7c8c98;font-size:10px;margin-top:2px}.drawer-source-card strong{white-space:nowrap;font-size:14px}.drawer-empty-state{padding:12px;border:1px dashed #dce6e9;border-radius:12px;color:#748593;background:#fafcfd}.cash-transfer-form label:first-child{min-width:220px}.cash-transfer-form select{width:100%}@media(max-width:760px){.cash-branch-isolation-banner{padding:12px}.drawer-source-grid{grid-template-columns:1fr}.cash-transfer-form label:first-child{min-width:0}}


/* V4.9.16 — Cash transfer form visual polish only (no business-logic changes) */
.cash-action-panel.primary-cash-action{
  padding:20px 22px 18px;
  border-color:#cfe5df;
  box-shadow:0 8px 26px rgba(15,39,64,.045);
}
.cash-action-panel.primary-cash-action .panel-head{
  margin-bottom:8px;
  padding-bottom:12px;
  border-bottom:1px solid #edf2f1;
}
.cash-action-panel.primary-cash-action .panel-head h3{
  font-size:20px;
  color:#17324a;
}
.cash-action-panel.primary-cash-action .cash-action-help{
  max-width:980px;
  margin:0 0 16px;
  font-size:11px;
  line-height:1.9;
}
.cash-action-panel.primary-cash-action .cash-drawer-breakdown{
  margin:14px 0 16px;
}
.cash-action-panel.primary-cash-action .drawer-source-grid{
  gap:10px;
}
.cash-action-panel.primary-cash-action .drawer-source-card{
  min-height:64px;
  padding:12px 14px;
  border-radius:14px;
}
.cash-action-panel.primary-cash-action .drawer-source-card strong{
  font-size:15px;
}
.cash-transfer-form{
  display:grid;
  grid-template-columns:minmax(260px,1.25fr) minmax(150px,.55fr) minmax(300px,1.5fr) 190px;
  gap:12px;
  align-items:end;
  padding:15px;
  margin-top:4px;
  border:1px solid #dfeae7;
  border-radius:15px;
  background:linear-gradient(180deg,#fbfefd 0%,#f7fbf9 100%);
}
.cash-transfer-form label{
  min-width:0!important;
  gap:7px;
  font-size:11px;
  color:#415669;
}
.cash-transfer-form input,
.cash-transfer-form select{
  width:100%;
  min-width:0;
  height:46px;
  border:1px solid #d7e2e6;
  border-radius:11px;
  background:#fff;
  padding:0 12px;
  font-size:12px;
  color:#17324a;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.cash-transfer-form input:focus,
.cash-transfer-form select:focus{
  border-color:#7fc8b2;
  box-shadow:0 0 0 3px rgba(24,165,123,.08);
  background:#fff;
}
.cash-transfer-form #cashTransferAmount{
  direction:ltr;
  text-align:center;
  font-weight:800;
  font-size:14px;
}
.cash-transfer-form #transferCashToVodafone{
  width:100%;
  height:46px;
  padding:0 18px;
  border-radius:11px;
  white-space:nowrap;
  box-shadow:0 7px 16px rgba(24,165,123,.16);
}
.cash-action-panel.primary-cash-action .cash-available-line{
  min-height:42px;
  margin-top:10px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  border:1px solid #dcece6;
  border-radius:12px;
  background:#f2faf7;
  font-size:10px;
}
.cash-action-panel.primary-cash-action .cash-available-click{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  padding:4px 9px;
  border-radius:999px;
  background:#e4f6ef;
  color:#0b7759;
  font-size:11px;
}
.cash-action-panel.primary-cash-action .cash-fill-hint{
  margin-inline-start:auto;
  color:#759287;
}
@media(max-width:1250px){
  .cash-transfer-form{
    grid-template-columns:minmax(240px,1.2fr) minmax(150px,.65fr);
  }
  .cash-transfer-form label:nth-child(3){grid-column:1/-1}
  .cash-transfer-form #transferCashToVodafone{grid-column:1/-1}
}
@media(max-width:760px){
  .cash-action-panel.primary-cash-action{padding:15px}
  .cash-transfer-form{grid-template-columns:1fr;padding:12px}
  .cash-transfer-form label:nth-child(3),
  .cash-transfer-form #transferCashToVodafone{grid-column:auto}
  .cash-action-panel.primary-cash-action .cash-fill-hint{margin-inline-start:0;width:100%}
}

/* V4.9.17 — Branch-only cash transfer + owner liquidity withdrawal */
.cash-transfer-hidden-source{display:none!important}
.branch-cash-source-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #d8e7e3;border-radius:15px;background:linear-gradient(135deg,#f6fbf9,#fbfdff);color:#17324a}
.branch-cash-source-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f6f1;font-size:20px}
.branch-cash-source-card small,.branch-cash-source-card b,.branch-cash-source-card span{display:block}.branch-cash-source-card small{font-size:10px;color:#7b8d9c;margin-bottom:2px}.branch-cash-source-card b{font-size:15px}.branch-cash-source-card span{font-size:10px;color:#738493;margin-top:3px}.branch-cash-source-card>strong{font-size:18px;color:#0b7759;white-space:nowrap}
.branch-only-transfer-form{grid-template-columns:minmax(170px,.65fr) minmax(320px,1.6fr) 190px}
.owner-liquidity-withdraw-panel{border-color:#ead9d3;background:linear-gradient(180deg,#fff,#fffaf8)}
.owner-liquidity-withdraw-panel .panel-head{padding-bottom:10px;border-bottom:1px solid #f3e8e4}.owner-liquidity-withdraw-panel .panel-head h3{color:#6f342e}
.owner-liquidity-summary{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr);gap:10px;margin:12px 0}.owner-liquidity-summary>div{padding:12px 14px;border:1px solid #efe3de;border-radius:12px;background:#fff}.owner-liquidity-summary small,.owner-liquidity-summary b,.owner-liquidity-summary strong{display:block}.owner-liquidity-summary small{font-size:10px;color:#8b7770;margin-bottom:4px}.owner-liquidity-summary b{font-size:14px;color:#4a352f}.owner-liquidity-summary strong{font-size:20px;color:#a6473d}
.owner-liquidity-withdraw-form{grid-template-columns:minmax(170px,.65fr) minmax(300px,1.55fr) 190px;padding:14px;border:1px solid #f0e2dd;border-radius:14px;background:#fffaf8}.owner-liquidity-withdraw-form label{min-width:0!important;font-size:11px}.owner-liquidity-withdraw-form input{width:100%;height:46px;border:1px solid #e4d8d4;border-radius:11px;background:#fff;padding:0 12px;font:inherit}.owner-liquidity-withdraw-form #ownerLiquidityWithdrawAmount{direction:ltr;text-align:center;font-weight:800}.owner-liquidity-withdraw-form button{height:46px;width:100%;border-radius:11px;white-space:nowrap}
.owner-liquidity-withdraw-panel .cash-available-line{background:#fff7f4;border-color:#f0dfd9;color:#7b5a51}.owner-liquidity-withdraw-panel .cash-available-click{background:#fce8e2;color:#a6473d}
@media(max-width:1100px){.branch-only-transfer-form,.owner-liquidity-withdraw-form{grid-template-columns:1fr 1fr}.branch-only-transfer-form button,.owner-liquidity-withdraw-form button{grid-column:1/-1}}
@media(max-width:760px){.branch-cash-source-card{grid-template-columns:38px 1fr}.branch-cash-source-card>strong{grid-column:1/-1;padding-inline-start:50px}.branch-only-transfer-form,.owner-liquidity-withdraw-form,.owner-liquidity-summary{grid-template-columns:1fr}.branch-only-transfer-form button,.owner-liquidity-withdraw-form button{grid-column:auto}}


/* V4.9.18 — safe product retirement */
.quick-action.archive{border-color:#ead9d6;color:#9a463d;background:#fff8f7}.quick-action.archive:hover{background:#fff0ee}.quick-action.archive.disabled{opacity:.58}.archived-products-btn{white-space:nowrap}.archived-products-modal-card{max-width:860px}.archived-products-note{margin:0 0 16px;padding:12px 14px;border:1px solid #dce8e4;background:#f5fbf8;border-radius:12px;color:#315b50;font-weight:700}.archived-products-list{display:grid;gap:10px;max-height:58vh;overflow:auto;padding:2px}.archived-product-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(240px,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid #e3e9ec;border-radius:14px;background:#fff}.archived-product-main{display:flex;align-items:center;gap:10px}.archived-product-main b,.archived-product-main small{display:block}.archived-product-main small,.archived-product-history small{color:#71808a;margin-top:3px}.archived-product-history span,.archived-product-history small{display:block}.archived-product-history span{font-weight:700;color:#38556b}@media(max-width:760px){.archived-product-row{grid-template-columns:1fr}.archived-product-row>button{width:100%}}

/* V4.9.21 — Product card action layout polish */
.admin-product-actions.smart-actions{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  align-items:stretch;
}
.admin-product-actions.smart-actions .quick-action{
  min-height:34px;
  padding:8px 7px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-product-actions.smart-actions .quick-action.photo{
  grid-column:span 2;
}
@media(max-width:1180px){
  .admin-product-actions.smart-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  .admin-product-actions.smart-actions .quick-action.photo{grid-column:span 2;}
}
@media(max-width:760px){
  .admin-product-actions.smart-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  .admin-product-actions.smart-actions .quick-action{min-height:38px;font-size:10px;}
  .admin-product-actions.smart-actions .quick-action.photo{grid-column:1/-1;}
}

.product-summary-card.profit strong{font-size:22px;line-height:1.35;display:flex;justify-content:center}.product-summary-card.profit strong .dual-money{justify-content:center;width:100%;flex-wrap:wrap}.product-summary-card.profit .dual-safe{color:#0e8b61!important}.product-summary-card.profit .dual-default{color:#256fdd!important}.product-summary-card.profit .dual-arrow{font-size:.95em}

.dual-money-badges{gap:10px;align-items:center}
.profit-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 10px;border-radius:12px;min-width:120px;box-shadow:inset 0 0 0 1px rgba(18,42,64,.06)}
.profit-badge small{font-size:10px!important;line-height:1;color:#7e8d9b!important;margin:0!important}
.profit-badge strong{font-size:1em;line-height:1.15;font-weight:900;letter-spacing:.1px}
.profit-badge.safe{background:linear-gradient(180deg,#eefbf5 0%,#e2f7ee 100%);border:1px solid #c8ecdd}
.profit-badge.safe strong{color:#11845f!important}
.profit-badge.default{background:linear-gradient(180deg,#eff5ff 0%,#e3eeff 100%);border:1px solid #cadcff}
.profit-badge.default strong{color:#236fe0!important}
.dual-money-badges .dual-arrow{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#f2f5f8;color:#7e8d9b!important;font-size:15px;font-weight:900}
.product-summary-card.profit strong .profit-badge{min-width:145px;padding:8px 12px;border-radius:14px}
.product-summary-card.profit strong .profit-badge small{font-size:11px!important}
.product-summary-card.profit strong .profit-badge strong{font-size:1.05em}
.inventory-branch-card .profit-badge,.valuation-row .profit-badge{min-width:92px;padding:5px 8px;border-radius:10px}
.inventory-branch-card .profit-badge small,.valuation-row .profit-badge small{font-size:9px!important}
.inventory-branch-card .profit-badge strong,.valuation-row .profit-badge strong{font-size:.92em}
.profit-cell .profit-badge{min-width:98px;padding:5px 8px;border-radius:10px}
.profit-cell .profit-badge strong{font-size:.92em}
@media (max-width: 900px){.dual-money-badges{gap:7px}.profit-badge{min-width:88px;padding:5px 8px}.profit-badge small{font-size:9px!important}.profit-badge strong{font-size:.92em}.dual-money-badges .dual-arrow{width:22px;height:22px;font-size:13px}}

.employee-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:175px}.employee-delete-btn{border-color:#efc8c5!important;background:#fff7f6!important;color:#b43d38!important}.employee-delete-btn:hover{background:#fff0ef!important;border-color:#e9aaa5!important}.employee-table-v27 td:last-child{white-space:nowrap}

/* V4.9.28 — explicit legacy Vodafone opening breakdown */
.legacy-vodafone-opening-panel{margin:0 0 14px;padding:16px;border:1px solid #d7e6e1;border-radius:16px;background:linear-gradient(135deg,#fbfffd,#f6fbff);box-shadow:0 7px 20px rgba(15,39,64,.035)}
.legacy-vodafone-opening-panel.hidden{display:none!important}
.legacy-opening-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.legacy-opening-head small{display:block;font-size:9px;letter-spacing:.08em;color:#268266;font-weight:800}.legacy-opening-head h3{margin:3px 0 0;font-size:15px;color:#19384f}.legacy-opening-head>strong{font-size:25px;color:#087b59;white-space:nowrap}.legacy-opening-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.legacy-opening-grid article{padding:12px;border:1px solid #e3ebee;border-radius:12px;background:#fff}.legacy-opening-grid small,.legacy-opening-grid b,.legacy-opening-grid span{display:block}.legacy-opening-grid small{font-size:9px;color:#82909c;font-weight:800}.legacy-opening-grid b{font-size:17px;margin:5px 0;color:#163b57}.legacy-opening-grid span{font-size:8px;color:#8d99a4;line-height:1.5}.legacy-opening-grid .goods{background:#f3fbf7;border-color:#d8eee4}.legacy-opening-grid .goods b{color:#0b805c}.legacy-opening-grid .external{background:#fff9ef;border-color:#f2e2bf}.legacy-opening-grid .external b{color:#9a6810}.legacy-opening-grid .opening{background:#f2f7ff;border-color:#d8e4f6}.legacy-opening-grid .opening b{color:#2a69ad}.legacy-opening-grid .delta b.up{color:#0b805c}.legacy-opening-grid .delta b.down{color:#b94b43}.legacy-opening-note{margin:11px 0 0;padding:10px 12px;border-radius:10px;background:#eef8f5;color:#557167;font-size:9px;line-height:1.8}.legacy-opening-note b,.legacy-opening-note strong{color:#0d7255}@media(max-width:1050px){.legacy-opening-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.legacy-opening-head{align-items:flex-start;flex-direction:column}.legacy-opening-grid{grid-template-columns:1fr}.legacy-opening-head>strong{font-size:22px}}


/* V4.9.29 — cashier/POS layout restore after large catalog import
   Prevent product/category min-content from stealing the invoice column. */
#view-pos .pos-grid{
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1.6fr) minmax(360px,.9fr);
  gap:14px;
  align-items:start;
}
#view-pos .products-panel,
#view-pos .cart-panel{
  min-width:0;
  max-width:100%;
}
#view-pos .products-panel{
  overflow:visible;
}
#view-pos .pos-search-stack,
#view-pos .scan-input,
#view-pos .category-chips,
#view-pos .product-grid{
  min-width:0;
  max-width:100%;
}
#view-pos .category-chips{
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}
#view-pos .product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#view-pos .product-card{
  min-width:0;
  overflow:hidden;
}
#view-pos .product-card b,
#view-pos .product-card small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
#view-pos .cart-panel{
  width:100%;
  justify-self:stretch;
}
#view-pos .invoice-fields,
#view-pos .totals,
#view-pos .pay-methods{
  min-width:0;
  max-width:100%;
}
@media(max-width:1250px) and (min-width:1101px){
  #view-pos .pos-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.9fr)}
  #view-pos .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
  #view-pos .pos-grid{grid-template-columns:minmax(0,1fr)}
  #view-pos .cart-panel{width:100%;max-width:none}
  #view-pos .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #view-pos .product-grid{grid-template-columns:minmax(0,1fr)}
}


/* V4.9.30 — mandatory daily shifts + read-only legacy sales history */
.sales-history-toolbar{align-items:end;flex-wrap:wrap}
.sales-filter-field{display:flex;flex-direction:column;gap:5px;min-width:150px}
.sales-filter-field>span{font-size:11px;font-weight:800;color:var(--muted,#718096)}
.sales-filter-field select{height:42px;border:1px solid #dfe7ee;border-radius:12px;background:#fff;padding:0 12px;font-family:inherit;font-weight:700;color:#17324d}
.legacy-sales-history-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:10px 0 14px;padding:12px 14px;border:1px solid #d9e7f5;border-radius:14px;background:#f6faff;color:#2b4a67}
.legacy-sales-history-notice b{color:#173b60}.legacy-sales-history-notice span{font-size:12px}
.sale-source-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 9px;border-radius:10px;font-size:11px;font-weight:800;line-height:1.25;white-space:nowrap}
.sale-source-badge.live{background:#eafaf4;color:#087b5b;border:1px solid #c9eee0}
.sale-source-badge.legacy{background:#fff7e6;color:#9a6200;border:1px solid #f4dfad}
.sale-source-badge small{font-size:9px;font-weight:700}.legacy-sale-row{background:#fffdf8}.legacy-sale-row td:first-child small{display:block;color:#8a6a2b;margin-top:3px}
.history-profit-note{display:inline-block;padding:4px 8px;border-radius:9px;background:#f1f4f7;color:#687684;font-size:11px;font-weight:800}
.finance-only-detail.history-only{background:#fff8e9!important;border-color:#f0d99d!important}.finance-only-detail.history-only small{display:block;font-size:10px;color:#8a6a2b}
.legacy-history-note{background:#fff8e9!important;border-color:#edcf83!important;color:#765514!important}
.legacy-inline-tag{font-weight:800;color:#9a6200}
.shift-pill.expired{background:#fff4e8!important;color:#a94c00!important;border-color:#f0c394!important}
#toast.show{max-width:min(92vw,680px);text-align:center;font-weight:800;line-height:1.55}
@media(max-width:900px){.sales-filter-field{min-width:calc(50% - 8px);flex:1}.sales-history-search{width:100%;flex-basis:100%}}

/* V4.9.32 — product image save reliability */
#saveProductBtn:disabled{opacity:.68;cursor:wait;filter:saturate(.8)}

/* V4.9.33 — reliable product save feedback */
.product-save-status{margin:14px 0 0;padding:12px 14px;border-radius:11px;font-weight:800;line-height:1.65;text-align:right;border:1px solid #f2b7b4;background:#fff3f2;color:#9f2e2b}.product-save-status.info{border-color:#cbdff5;background:#f2f7ff;color:#245b91}.product-save-status.success{border-color:#bfe6d8;background:#eefaf6;color:#147c5d}.product-save-status.hidden{display:none!important}#saveProductBtn:disabled{opacity:.72;cursor:wait}


/* V4.9.34 — opening stock integrity + live valuation */
.product-opening-stock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 14px;padding:12px;border:1px solid #ccebdd;background:#f3fbf7;border-radius:16px}
.product-opening-stock-summary>div{display:flex;flex-direction:column;gap:4px;padding:9px 10px;background:#fff;border:1px solid #e4efe9;border-radius:12px}
.product-opening-stock-summary small{color:#728097;font-size:12px}.product-opening-stock-summary b{font-size:16px;color:#17324d}
.product-opening-stock-summary.editing{background:#f6f8fb;border-color:#dfe5ec}
.branch-limit-card label:first-of-type input:not([readonly]){border:2px solid #94dec0;background:#fbfffd;font-weight:800}
@media(max-width:760px){.product-opening-stock-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V4.9.37 - clearer expected profit card */
.profit-clear-card{
  min-width:0;
}

.profit-clear-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  width:100%;
  margin-top:8px;
}

.profit-clear-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:13px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
}

.profit-clear-row > div{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.profit-clear-row b{
  font-size:12px;
  font-weight:800;
}

.profit-clear-row em{
  font-size:10px;
  font-style:normal;
  opacity:.75;
}

.profit-clear-row > strong{
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}

.profit-clear-row.default{
  border-width:2px;
}

.profit-clear-row.positive{
  background:rgba(16,185,129,.08);
  border-color:rgba(16,185,129,.22);
}

.profit-clear-row.positive > strong{
  color:#059669;
}

.profit-clear-row.negative{
  background:rgba(239,68,68,.07);
  border-color:rgba(239,68,68,.20);
}

.profit-clear-row.negative > strong{
  color:#dc2626;
}

.profit-clear-row.neutral{
  background:rgba(59,130,246,.06);
  border-color:rgba(59,130,246,.18);
}

.profit-clear-row.neutral > strong{
  color:#2563eb;
}

.profit-clear-hint{
  display:block;
  margin-top:8px;
  font-size:10px;
  font-weight:700;
  opacity:.72;
}


/* =========================================================
   V4.9.65 — PRICE UPDATE IMAGE CONTAINMENT FIX
   ========================================================= */

.price-update-thumb{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  flex:0 0 38px !important;
  overflow:hidden !important;
  border-radius:11px !important;
  background:#f4f8fa !important;
}

.price-update-thumb.has-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

.price-live-product,
.price-update-product{
  min-width:0 !important;
  overflow:hidden;
}


/* =========================================================
   V4.9.67 — SMART INVOICE DETAILS UI
   SCREEN ONLY — invoice modal clarity
   ========================================================= */

#invoiceDetails{
  direction:rtl;
  color:#10283f;
}

/* ---------- HERO ---------- */

#invoiceDetails .invoice-detail-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,260px);
  gap:16px;
  align-items:stretch;
  padding:18px 20px;
  margin-bottom:14px;
  border:1px solid #dce7ef;
  border-radius:16px;
  background:
    linear-gradient(135deg,#ffffff 0%,#f7fbfd 62%,#eefbf6 100%);
  box-shadow:0 7px 22px rgba(31,55,74,.06);
}

#invoiceDetails .invoice-detail-hero > div:first-child{
  min-width:0;
}

#invoiceDetails .invoice-detail-hero small{
  display:block;
  color:#718297;
  font-size:13px;
  font-weight:800;
  margin-bottom:5px;
}

#invoiceDetails .invoice-detail-hero h3{
  margin:0 0 5px;
  color:#0d2238;
  font-size:18px;
  line-height:1.4;
  font-weight:900;
  overflow-wrap:anywhere;
}

#invoiceDetails .invoice-detail-hero span{
  color:#64788c;
  font-size:13px;
  font-weight:700;
}

#invoiceDetails .invoice-detail-total{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:14px 18px;
  border-radius:14px;
  border:1px solid #ccebdd;
  background:#effbf5;
}

#invoiceDetails .invoice-detail-total small{
  color:#55756a;
}

#invoiceDetails .invoice-detail-total strong{
  display:block;
  margin-top:3px;
  color:#079669;
  font-size:28px;
  line-height:1.15;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}

/* ---------- META DETAILS ---------- */

#invoiceDetails .invoice-detail-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-bottom:16px;
}

#invoiceDetails .invoice-detail-meta > div{
  min-height:60px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:10px 13px;
  border:1px solid #dee8ef;
  border-radius:12px;
  background:#fff;
}

#invoiceDetails .invoice-detail-meta small{
  color:#8291a3;
  font-size:12px;
  font-weight:800;
}

#invoiceDetails .invoice-detail-meta b{
  color:#112b43;
  font-size:15px;
  line-height:1.45;
  font-weight:900;
  overflow-wrap:anywhere;
}

/* ---------- PRODUCTS HEADER ---------- */

#invoiceDetails .invoice-lines-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:8px 0 8px;
}

#invoiceDetails .invoice-lines-head h3{
  margin:0;
  color:#10283f;
  font-size:18px;
  font-weight:950;
}

#invoiceDetails .invoice-lines-head h3::before{
  content:"▣";
  color:#0aa572;
  margin-left:7px;
}

#invoiceDetails .invoice-lines-head .chip{
  font-size:12px;
  font-weight:800;
  color:#64788c;
}

/* ---------- PRODUCTS TABLE ---------- */

#invoiceDetails .table-scroll{
  border:1px solid #dde8ef;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

#invoiceDetails .invoice-detail-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:0;
}

#invoiceDetails .invoice-detail-table thead th{
  padding:12px 14px;
  background:#f2f6f9;
  color:#52677c;
  border-bottom:1px solid #d9e5ec;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

#invoiceDetails .invoice-detail-table tbody tr{
  background:#effbf8;
  box-shadow:inset -4px 0 0 #10a77a;
}

#invoiceDetails .invoice-detail-table tbody tr:nth-child(even){
  background:#f3f9ff;
  box-shadow:inset -4px 0 0 #4a91dc;
}

#invoiceDetails .invoice-detail-table tbody td{
  padding:15px 14px;
  border-bottom:1px solid #dceae6;
  color:#183148;
  vertical-align:middle;
  font-size:15px;
  font-weight:750;
}

#invoiceDetails .invoice-detail-table tbody tr:last-child td{
  border-bottom:0;
}

/* Product name */
#invoiceDetails .invoice-detail-table tbody td:first-child{
  min-width:230px;
}

#invoiceDetails .invoice-detail-table tbody td:first-child b{
  display:block;
  color:#102b43;
  font-size:17px;
  line-height:1.45;
  font-weight:950;
  margin-bottom:4px;
}

/* Barcode */
#invoiceDetails .invoice-detail-table tbody td:first-child small{
  display:block;
  color:#75879a;
  font-size:12px;
  font-weight:750;
  letter-spacing:.15px;
}

/* Quantity */
#invoiceDetails .invoice-detail-table tbody td:nth-child(2){
  text-align:center;
  color:#213c55;
  font-size:17px;
  font-weight:900;
}

/* Unit price */
#invoiceDetails .invoice-detail-table tbody td:nth-child(3){
  color:#163b59;
  font-size:18px;
  font-weight:950;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* Line total */
#invoiceDetails .invoice-detail-table tbody td:nth-child(4){
  color:#079669;
  font-size:19px;
  font-weight:950;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* ---------- TOTALS ---------- */

#invoiceDetails .invoice-detail-totals{
  width:min(100%,460px);
  margin:16px 0 0 auto;
  padding:10px 15px;
  border:1px solid #d7e5eb;
  border-radius:15px;
  background:#fbfdfe;
  box-shadow:0 5px 16px rgba(30,61,78,.05);
}

#invoiceDetails .invoice-detail-totals > div{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:8px 4px;
  border-bottom:1px solid #e3ebef;
}

#invoiceDetails .invoice-detail-totals > div:last-child{
  border-bottom:0;
}

#invoiceDetails .invoice-detail-totals span{
  color:#60758a;
  font-size:14px;
  font-weight:850;
}

#invoiceDetails .invoice-detail-totals b{
  color:#102e47;
  font-size:18px;
  font-weight:950;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

#invoiceDetails .invoice-detail-totals .print-final{
  margin:2px -7px;
  padding:10px 11px;
  border:0;
  border-radius:10px;
  background:#eef6ff;
}

#invoiceDetails .invoice-detail-totals .print-final span{
  color:#244d72;
  font-size:15px;
}

#invoiceDetails .invoice-detail-totals .print-final b{
  color:#0b4f85;
  font-size:21px;
}

/* Profit */
#invoiceDetails .finance-only-detail{
  margin:5px -7px -2px;
  padding:11px !important;
  border:0 !important;
  border-radius:11px;
  background:#e9faf2;
}

#invoiceDetails .finance-only-detail span{
  color:#087f5b;
  font-size:15px;
  font-weight:950;
}

#invoiceDetails .finance-only-detail b{
  color:#059669;
  font-size:22px;
  font-weight:950;
}

/* ---------- NOTE ---------- */

#invoiceDetails .invoice-print-note{
  margin-top:13px;
  padding:11px 14px;
  border:1px solid #e1e8ed;
  border-radius:11px;
  background:#f8fafb;
  color:#708194;
  font-size:12px;
  font-weight:750;
  line-height:1.6;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width:900px){
  #invoiceDetails .invoice-detail-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #invoiceDetails .invoice-detail-hero{
    grid-template-columns:1fr;
  }

  #invoiceDetails .invoice-detail-total{
    min-height:78px;
  }
}

@media (max-width:620px){
  #invoiceDetails .invoice-detail-meta{
    grid-template-columns:1fr;
  }

  #invoiceDetails .invoice-detail-table tbody td:first-child{
    min-width:180px;
  }

  #invoiceDetails .invoice-detail-totals{
    width:100%;
  }
}


/* =========================================================
   V4.9.68 — BULK PRICE TOOL
   ========================================================= */

.bulk-price-tool-v4968{
  margin:14px 0 16px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid #cfe7de;
  border-radius:15px;
  background:linear-gradient(135deg,#f5fcf9,#eef8ff);
}

.bulk-price-tool-v4968 > div{
  display:flex;
  align-items:center;
  gap:11px;
}

.bulk-price-icon-v4968{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#e4f8ef;
  font-size:21px;
}

.bulk-price-tool-v4968 b{
  display:block;
  color:#133149;
  font-size:15px;
  font-weight:900;
}

.bulk-price-tool-v4968 small{
  display:block;
  margin-top:3px;
  color:#728397;
  font-weight:700;
}

.bulk-price-tool-v4968 > button{
  border:0;
  border-radius:11px;
  padding:11px 16px;
  background:#079669;
  color:white;
  font-weight:900;
  cursor:pointer;
}

.bulk-price-overlay-v4968{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(12,29,42,.55);
  backdrop-filter:blur(4px);
}

.bulk-price-overlay-v4968.hidden{
  display:none!important;
}

.bulk-price-card-v4968{
  width:min(720px,96vw);
  max-height:90vh;
  overflow:auto;
  padding:20px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 25px 70px rgba(0,0,0,.25);
  direction:rtl;
}

.bulk-price-head-v4968{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:18px;
}

.bulk-price-head-v4968 small{
  color:#079669;
  font-weight:900;
}

.bulk-price-head-v4968 h2{
  margin:4px 0;
  color:#102b43;
  font-size:24px;
  font-weight:950;
}

.bulk-price-head-v4968 p{
  margin:0;
  color:#78899a;
}

.bulk-price-head-v4968 > button{
  width:38px;
  height:38px;
  border:0;
  border-radius:10px;
  background:#f2f5f7;
  font-size:24px;
  cursor:pointer;
}

.bulk-price-grid-v4968{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.bulk-price-grid-v4968 label{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.bulk-price-grid-v4968 label > span{
  color:#526a7e;
  font-size:13px;
  font-weight:850;
}

.bulk-price-grid-v4968 select,
.bulk-price-grid-v4968 input{
  min-height:46px;
  width:100%;
  border:1px solid #d8e2e9;
  border-radius:11px;
  background:#fff;
  padding:9px 12px;
  color:#153149;
  font:inherit;
  font-weight:800;
  outline:none;
}

.bulk-price-amount-wrap-v4968{
  grid-column:1/-1;
}

.bulk-price-amount-v4968{
  display:flex;
  align-items:center;
  gap:8px;
}

.bulk-price-amount-v4968 b{
  white-space:nowrap;
  color:#079669;
}

.bulk-price-presets-v4968{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:14px 0;
}

.bulk-price-presets-v4968 > span{
  color:#697d8e;
  font-size:13px;
  font-weight:800;
}

.bulk-price-presets-v4968 button{
  border:1px solid #cae7dc;
  border-radius:9px;
  padding:7px 13px;
  background:#f1fbf7;
  color:#087d5b;
  font-weight:900;
  cursor:pointer;
}

.bulk-price-preview-v4968{
  border:1px solid #dde8ee;
  border-radius:14px;
  overflow:hidden;
}

.bulk-price-preview-head-v4968{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#f4f8fa;
}

.bulk-price-preview-head-v4968 > div{
  padding:11px;
  text-align:center;
  border-left:1px solid #e1e9ed;
}

.bulk-price-preview-head-v4968 > div:last-child{
  border-left:0;
}

.bulk-price-preview-head-v4968 small{
  display:block;
  color:#76889a;
  font-size:11px;
  font-weight:800;
}

.bulk-price-preview-head-v4968 strong{
  display:inline-block;
  margin-top:3px;
  color:#12324b;
  font-size:19px;
}

.bulk-price-sample-v4968 > div{
  padding:11px 13px;
  display:grid;
  grid-template-columns:minmax(150px,1.4fr) 1fr 1fr;
  gap:8px;
  align-items:center;
  border-top:1px solid #edf1f4;
}

.bulk-price-sample-v4968 b{
  color:#16324a;
  font-weight:900;
}

.bulk-price-sample-v4968 span{
  color:#687b8c;
  font-size:12px;
}

.bulk-price-sample-v4968 em{
  color:#8795a3;
  font-style:normal;
  text-decoration:line-through;
}

.bulk-price-sample-v4968 strong{
  color:#079669;
  margin-right:4px;
}

.bulk-price-sample-v4968 small{
  grid-column:1/-1;
  color:#c17b00;
  font-weight:800;
}

.bulk-price-more-v4968{
  padding:9px;
  text-align:center;
  background:#fafcfd;
  color:#758695;
  font-size:12px;
  font-weight:800;
}

.bulk-price-preview-error-v4968{
  padding:20px;
  text-align:center;
  color:#c24141;
  font-weight:900;
}

.bulk-price-warning-v4968{
  margin-top:12px;
  padding:11px 13px;
  border:1px solid #f1dfac;
  border-radius:11px;
  background:#fffaf0;
  color:#886314;
  font-size:12px;
  font-weight:750;
  line-height:1.6;
}

.bulk-price-actions-v4968{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:17px;
}

.bulk-price-actions-v4968 button{
  min-width:120px;
  border-radius:11px;
  padding:11px 16px;
  font-weight:900;
  cursor:pointer;
}

.bulk-price-actions-v4968 .secondary{
  border:1px solid #dbe4e9;
  background:#fff;
  color:#506578;
}

.bulk-price-actions-v4968 .primary{
  border:0;
  background:#079669;
  color:#fff;
}

.bulk-price-actions-v4968 button:disabled{
  opacity:.55;
  cursor:wait;
}

@media(max-width:650px){
  .bulk-price-tool-v4968{
    align-items:stretch;
    flex-direction:column;
  }

  .bulk-price-grid-v4968{
    grid-template-columns:1fr;
  }

  .bulk-price-amount-wrap-v4968{
    grid-column:auto;
  }

  .bulk-price-sample-v4968 > div{
    grid-template-columns:1fr;
  }

  .bulk-price-preview-head-v4968{
    grid-template-columns:1fr 1fr 1fr;
  }
}


/* =========================================================
   V4.9.72 — PRODUCT SEARCH QUICK CLEAR
   ========================================================= */

#view-products .scan-input.admin-search{
  position:relative;
}

#view-products #productAdminSearch{
  padding-left:46px;
}

.product-search-clear-v4972{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%) scale(.85);

  width:30px;
  height:30px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:0;
  border-radius:50%;

  background:#eef3f6;
  color:#52697b;

  font-size:22px;
  font-weight:900;
  line-height:1;

  cursor:pointer;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transition:
    opacity .15s ease,
    transform .15s ease,
    background .15s ease;
}

.product-search-clear-v4972.visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(-50%) scale(1);
}

.product-search-clear-v4972:hover{
  background:#ffe8e8;
  color:#d33b3b;
}

.product-search-clear-v4972:active{
  transform:translateY(-50%) scale(.92);
}


/* =========================================================
   V4.9.73 — HARD PRODUCT SEARCH CLEAR
   ========================================================= */

#view-products .product-search-v4973{
  position:relative !important;
  overflow:visible !important;
}

#view-products .product-search-v4973 #productAdminSearch{
  padding-left:54px !important;
}

#productSearchClearV4973{
  position:absolute !important;

  left:12px !important;
  right:auto !important;
  top:50% !important;

  transform:translateY(-50%) !important;

  width:34px !important;
  height:34px !important;

  display:grid !important;
  place-items:center !important;

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

  border:1px solid #d9e4ea !important;
  border-radius:50% !important;

  background:#f3f7f9 !important;
  color:#667b8c !important;

  font-size:23px !important;
  font-weight:900 !important;
  line-height:1 !important;

  z-index:20 !important;

  cursor:pointer !important;

  opacity:.28;
  pointer-events:none;

  transition:
    opacity .15s ease,
    background .15s ease,
    color .15s ease,
    transform .15s ease !important;
}

#productSearchClearV4973.has-text{
  opacity:1 !important;
  pointer-events:auto !important;
}

#productSearchClearV4973.has-text:hover{
  background:#ffeaea !important;
  border-color:#f3bcbc !important;
  color:#d33b3b !important;
}

#productSearchClearV4973.has-text:active{
  transform:translateY(-50%) scale(.90) !important;
}


/* =========================================================
   V4.9.74 — STRONG BRANCH CARD COLOR IDENTITY
   ========================================================= */

#inventoryBranchCards{
  gap:16px !important;
}

/* Base */
#inventoryBranchCards .inventory-branch-card{
  --branch-accent:#2563eb;
  --branch-soft:#eff6ff;
  --branch-soft-2:#f8fbff;
  --branch-rgb:37,99,235;

  position:relative;
  overflow:hidden;

  border:2px solid rgba(var(--branch-rgb),.65) !important;
  border-radius:16px !important;

  background:
    linear-gradient(
      135deg,
      rgba(var(--branch-rgb),.10) 0%,
      rgba(255,255,255,.97) 42%,
      rgba(var(--branch-rgb),.06) 100%
    ) !important;

  box-shadow:
    0 6px 18px rgba(var(--branch-rgb),.08),
    inset 0 1px 0 rgba(255,255,255,.90) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

/* Palette — each branch gets its own identity */
#inventoryBranchCards .branch-tone-0{
  --branch-accent:#1677ff;
  --branch-rgb:22,119,255;
}

#inventoryBranchCards .branch-tone-1{
  --branch-accent:#16a66f;
  --branch-rgb:22,166,111;
}

#inventoryBranchCards .branch-tone-2{
  --branch-accent:#e5484d;
  --branch-rgb:229,72,77;
}

#inventoryBranchCards .branch-tone-3{
  --branch-accent:#9333ea;
  --branch-rgb:147,51,234;
}

#inventoryBranchCards .branch-tone-4{
  --branch-accent:#f59e0b;
  --branch-rgb:245,158,11;
}

#inventoryBranchCards .branch-tone-5{
  --branch-accent:#06aeb6;
  --branch-rgb:6,174,182;
}

/* Strong colored strip */
#inventoryBranchCards .branch-accent-bar{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:5px;

  background:linear-gradient(
    90deg,
    transparent,
    var(--branch-accent),
    transparent
  );

  opacity:.95;
}

/* Hover */
#inventoryBranchCards .inventory-branch-card:hover{
  transform:translateY(-3px);

  box-shadow:
    0 14px 30px rgba(var(--branch-rgb),.18),
    0 0 0 1px rgba(var(--branch-rgb),.18) !important;
}

/* CURRENT branch = much stronger */
#inventoryBranchCards .inventory-branch-card.active{
  border-width:2.5px !important;
  border-color:var(--branch-accent) !important;

  background:
    linear-gradient(
      135deg,
      rgba(var(--branch-rgb),.16) 0%,
      rgba(255,255,255,.98) 48%,
      rgba(var(--branch-rgb),.12) 100%
    ) !important;

  box-shadow:
    0 15px 36px rgba(var(--branch-rgb),.21),
    0 0 0 3px rgba(var(--branch-rgb),.08),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* Head */
#inventoryBranchCards .valuation-card-head{
  position:relative;
  z-index:1;
  padding-top:4px;
}

#inventoryBranchCards .branch-title-v4974{
  display:flex;
  align-items:center;
  gap:10px;
}

#inventoryBranchCards .branch-store-icon{
  width:40px;
  height:40px;

  display:grid;
  place-items:center;

  flex:0 0 40px;

  border-radius:12px;

  background:var(--branch-accent);
  color:#fff;

  font-size:18px;
  font-weight:950;

  box-shadow:
    0 7px 15px rgba(var(--branch-rgb),.24);
}

#inventoryBranchCards .branch-title-v4974 small{
  color:#748598;
  font-weight:800;
}

#inventoryBranchCards .branch-title-v4974 h3{
  margin-top:2px;
  color:#102b43;
  font-size:18px;
  font-weight:950;
}

#inventoryBranchCards .active .branch-title-v4974 h3{
  color:var(--branch-accent);
}

/* Pieces badge */
#inventoryBranchCards .branch-units-badge{
  padding:6px 11px !important;

  border:1px solid rgba(var(--branch-rgb),.22) !important;
  border-radius:999px !important;

  background:rgba(var(--branch-rgb),.12) !important;
  color:var(--branch-accent) !important;

  font-size:12px !important;
  font-weight:950 !important;
}

/* Metric boxes */
#inventoryBranchCards .branch-value-grid{
  gap:8px !important;
}

#inventoryBranchCards .branch-value-grid > .branch-metric{
  min-height:72px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  border:1px solid rgba(26,67,91,.08);
  border-radius:11px;

  transition:
    transform .15s ease,
    box-shadow .15s ease;
}

#inventoryBranchCards .branch-value-grid > .branch-metric:hover{
  transform:translateY(-1px);
}

/* رأس المال */
#inventoryBranchCards .branch-metric.cost{
  background:#fff8e7 !important;
  border-color:#f4dda4 !important;
}

#inventoryBranchCards .branch-metric.cost small{
  color:#8b681d !important;
}

/* البيع الآمن */
#inventoryBranchCards .branch-metric.safe{
  background:#ecfaf5 !important;
  border-color:#c9ede0 !important;
}

#inventoryBranchCards .branch-metric.safe b{
  color:#07855f !important;
}

/* البيع الافتراضي */
#inventoryBranchCards .branch-metric.retail{
  background:#edf5ff !important;
  border-color:#d4e5fc !important;
}

#inventoryBranchCards .branch-metric.retail b{
  color:#1768d7 !important;
}

/* الربح */
#inventoryBranchCards .branch-metric.profit{
  background:#effbf6 !important;
  border-color:#d3eee3 !important;
}

/* Footer */
#inventoryBranchCards .branch-card-footer{
  margin-top:9px !important;
  padding-top:9px !important;

  border-top:1px dashed rgba(var(--branch-rgb),.22) !important;
}

#inventoryBranchCards .branch-card-footer > span{
  color:#728497;
  font-weight:750;
}

#inventoryBranchCards .branch-card-footer > b{
  color:var(--branch-accent);
  font-weight:900;
}

/* Current branch chip */
#inventoryBranchCards .current-branch-label{
  position:relative;
  padding:5px 9px;

  border-radius:8px;

  background:rgba(var(--branch-rgb),.12);

  color:var(--branch-accent) !important;
}

#inventoryBranchCards .current-branch-label::before{
  content:"●";
  margin-left:5px;
  font-size:8px;
  vertical-align:middle;
}

/* Decorative glow */
#inventoryBranchCards .inventory-branch-card::after{
  content:"";
  position:absolute;

  width:130px;
  height:130px;

  left:-48px;
  top:-55px;

  border-radius:50%;

  background:rgba(var(--branch-rgb),.10);
  filter:blur(3px);

  pointer-events:none;
}

@media(max-width:720px){
  #inventoryBranchCards .branch-store-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  #inventoryBranchCards .branch-title-v4974 h3{
    font-size:16px;
  }
}



/* =========================================================
   MOBILE RESPONSIVE R1
   BATARYA 1% — Browser / iPhone / Android
   UI ONLY — NO BUSINESS LOGIC
   ========================================================= */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

html,
body{
  max-width:100%;
}

img,
svg,
canvas,
video{
  max-width:100%;
}

/* =========================
   TABLET / SMALL LAPTOP
   ========================= */

@media (max-width:900px){

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  body{
    margin:0 !important;
  }

  /* APP SHELL */
  #appShell,
  .app-shell{
    display:block !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
  }

  #appShell > main,
  .app-shell > main,
  .main-content,
  .app-main{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
  }


  /* =========================
     SIDEBAR -> MOBILE NAV BAR
     ========================= */

  #appShell .sidebar{
    position:sticky !important;

    top:0 !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

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

    margin:0 !important;

    padding:
      max(7px,env(safe-area-inset-top))
      9px
      7px !important;

    overflow:visible !important;

    border-radius:0 !important;

    z-index:900 !important;

    box-shadow:
      0 5px 18px rgba(15,39,64,.14) !important;
  }

  #appShell .sidebar > .brand{
    display:none !important;
  }

  #mainNav{
    display:flex !important;
    flex-direction:row !important;

    align-items:center !important;

    gap:6px !important;

    width:100% !important;

    margin:0 !important;
    padding:0 1px 2px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    white-space:nowrap !important;

    scroll-behavior:smooth;
    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;
  }

  #mainNav::-webkit-scrollbar{
    display:none;
  }

  #mainNav .nav-item{
    flex:0 0 auto !important;

    width:auto !important;
    min-width:88px !important;

    min-height:43px !important;

    margin:0 !important;

    padding:8px 11px !important;

    border-radius:10px !important;

    justify-content:center !important;

    font-size:11px !important;

    white-space:nowrap !important;

    touch-action:manipulation;
  }

  #mainNav .nav-item span{
    display:inline !important;
  }

  #mainNav .nav-item.active{
    box-shadow:
      0 3px 10px rgba(0,0,0,.12) !important;
  }


  /* =========================
     TOP BAR
     ========================= */

  .topbar{
    position:relative !important;

    top:auto !important;

    width:100% !important;
    min-width:0 !important;

    min-height:56px !important;

    padding:8px 10px !important;

    gap:7px !important;

    flex-wrap:wrap !important;
  }

  .topbar > *{
    min-width:0 !important;
  }

  .topbar .auth-user-card{
    max-width:170px !important;
  }

  .topbar .profile-summary-btn{
    min-width:0 !important;
  }

  .topbar .profile-summary-btn > div:last-child{
    min-width:0 !important;
  }

  .topbar .profile-summary-btn b{
    max-width:90px;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }


  /* =========================
     PAGE CONTENT
     ========================= */

  .view{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    padding:12px !important;
  }

  .panel,
  .smart-card,
  .valuation-card{
    min-width:0 !important;

    max-width:100% !important;
  }

  .panel{
    padding:14px !important;
  }

  .panel-head{
    gap:8px !important;

    flex-wrap:wrap !important;

    align-items:flex-start !important;
  }

  .panel-head > *{
    min-width:0 !important;
  }


  /* =========================
     TABLES
     ========================= */

  .table-scroll,
  .smart-products-table-wrap,
  .stagnant-table-scroll{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    overflow-x:auto !important;
    overflow-y:auto;

    -webkit-overflow-scrolling:touch;

    border-radius:12px;
  }

  .table{
    min-width:700px;
  }

  .smart-products-table{
    min-width:820px;
  }

  .inventory-pro-table{
    min-width:980px;
  }

  .employee-table-v27{
    min-width:760px;
  }

  th,
  td{
    white-space:nowrap;
  }

  td .table-product,
  td .table-product-main{
    white-space:normal;
  }


  /* =========================
     FORMS / TOUCH
     ========================= */

  input,
  select,
  textarea{
    max-width:100% !important;

    /* prevents Safari zoom on focus */
    font-size:16px !important;
  }

  .view button,
  .modal button{
    touch-action:manipulation;
  }

  button,
  select,
  input[type="button"],
  input[type="submit"]{
    min-height:42px;
  }


  /* =========================
     MODALS
     ========================= */

  .modal{
    padding:8px !important;

    overflow:hidden !important;
  }

  .modal-card{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;

    max-height:calc(100vh - 16px) !important;
    max-height:calc(100dvh - 16px) !important;

    margin:auto !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;

    overscroll-behavior:contain;

    border-radius:18px !important;
  }

  .modal-card [class*="-grid"]{
    min-width:0 !important;
  }

  .modal-actions{
    position:sticky;

    bottom:0;

    z-index:5;

    padding-top:10px;

    background:
      linear-gradient(
        to top,
        #fff 78%,
        rgba(255,255,255,.80)
      );
  }


  /* =========================
     AI
     ========================= */

  .ai-chat-drawer{
    max-width:100vw !important;
  }

  .floating-ai-button{
    right:max(10px,env(safe-area-inset-right)) !important;
  }
}


/* =========================
   PHONE PORTRAIT
   ========================= */

@media (max-width:760px){

  /* SUMMARY CARDS */

  #productsSummary,
  #inventorySummary,
  #shiftLiveSummary,
  #employeesSummary,
  .price-updates-summary,
  .staging-summary-grid,
  .stagnant-summary-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:8px !important;
  }


  /* BRANCH CARDS */

  #inventoryBranchCards{
    grid-template-columns:1fr !important;

    gap:11px !important;
  }

  #inventoryBranchCards .inventory-branch-card{
    width:100% !important;
  }

  .branch-value-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }


  /* PRODUCT / POS LAYOUT */

  .pos-layout,
  .pos-grid,
  .pos-workspace,
  .cashier-layout{
    grid-template-columns:1fr !important;
  }

  #productsAdminGrid:not(.table-mode),
  .products-grid,
  .product-grid,
  .pos-products-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }


  /* TOOLBARS */

  .price-updates-toolbar,
  .stagnant-toolbar{
    grid-template-columns:1fr !important;
  }

  .price-updates-toolbar > *,
  .stagnant-toolbar > *{
    grid-column:auto !important;
    width:100% !important;
  }


  /* COMMON GRIDS */

  .printer-grid,
  .employee-create-grid,
  .profile-form-grid,
  .employee-account-admin-grid,
  .drawer-source-grid{
    grid-template-columns:1fr !important;
  }


  /* PRODUCT ACTIONS */

  .inventory-row-actions,
  .table-actions,
  .smart-actions{
    flex-wrap:wrap !important;
  }


  /* HEADERS */

  .inventory-head-actions,
  .money-head-actions{
    width:100% !important;

    justify-content:flex-start !important;
  }


  /* AI FULL WIDTH */

  .ai-chat-drawer{
    width:100vw !important;

    right:0 !important;
    left:0 !important;
  }
}


/* =========================
   SMALL PHONE
   360px — 480px
   ========================= */

@media (max-width:480px){

  .view{
    padding:9px !important;
  }

  .panel{
    padding:11px !important;

    border-radius:13px !important;
  }

  #mainNav{
    gap:5px !important;
  }

  #mainNav .nav-item{
    min-width:76px !important;

    min-height:41px !important;

    padding:7px 9px !important;

    font-size:10px !important;
  }


  /* TOPBAR */

  .topbar{
    padding:7px 8px !important;
  }

  .topbar .profile-summary-btn small{
    display:none !important;
  }

  .topbar .auth-user-card{
    max-width:135px !important;
  }

  #branchSelect{
    max-width:145px !important;
  }


  /* KPIs */

  #productsSummary,
  #inventorySummary,
  #shiftLiveSummary,
  #employeesSummary,
  .price-updates-summary,
  .staging-summary-grid,
  .stagnant-summary-grid{
    gap:6px !important;
  }

  .product-summary-card,
  .inventory-summary-card,
  .employee-summary-card,
  .shift-summary-card{
    padding:10px !important;

    min-width:0 !important;
  }


  /* FORMS */

  .modal-card [class*="-grid"]{
    grid-template-columns:1fr !important;
  }

  .modal-actions{
    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:7px !important;
  }

  .modal-actions button{
    width:100% !important;

    margin:0 !important;
  }


  /* FULL MOBILE AI */

  .ai-chat-drawer{
    top:0 !important;
    bottom:0 !important;

    width:100vw !important;
    max-width:100vw !important;

    height:100vh !important;
    height:100dvh !important;

    border-radius:0 !important;
  }

  .floating-ai-button{
    bottom:max(
      12px,
      env(safe-area-inset-bottom)
    ) !important;
  }


  /* LONG TEXT */

  h1,
  h2,
  h3,
  strong,
  b{
    overflow-wrap:anywhere;
  }
}


/* =========================
   SHORT LANDSCAPE PHONE
   ========================= */

@media
  (max-width:900px)
  and (max-height:550px)
  and (orientation:landscape){

  #appShell .sidebar{
    padding:4px 8px !important;
  }

  #mainNav .nav-item{
    min-height:36px !important;
    height:36px !important;

    padding:5px 9px !important;
  }

  .view{
    padding:8px !important;
  }

  .modal-card{
    max-height:calc(100dvh - 8px) !important;
  }
}



/* =========================================================
   V4.9.76 — CLEAR ALL NOTIFICATIONS
   ========================================================= */

#notificationDrawer .notification-clear-all-v4976{
  appearance:none;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:6px;

  min-height:34px;

  margin-inline-start:7px;

  padding:7px 11px;

  border:1px solid #f0c8c8;
  border-radius:9px;

  background:#fff6f6;

  color:#c33e46;

  font-family:inherit;
  font-size:11px;
  font-weight:900;

  cursor:pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    transform .15s ease,
    box-shadow .15s ease;
}

#notificationDrawer .notification-clear-all-v4976:hover{
  background:#ffeded;

  border-color:#e9aaaa;

  transform:translateY(-1px);

  box-shadow:
    0 5px 14px rgba(180,52,60,.10);
}

#notificationDrawer .notification-clear-all-v4976:active{
  transform:translateY(0);
}

#notificationDrawer .notification-clear-all-v4976 span{
  font-size:12px;
}

#notificationDrawer .notification-clear-all-v4976:disabled,
#notificationDrawer .notification-clear-all-v4976.disabled{
  opacity:.42;

  cursor:not-allowed;

  transform:none;

  box-shadow:none;
}


@media(max-width:600px){

  #notificationDrawer .notification-clear-all-v4976{
    min-height:38px;

    padding:8px 10px;

    font-size:11px;
  }
}


/* =========================================================
   PRODUCTS_CARDS_UI_R1
   Modern product summary cards
   STAGING visual layer only
   ========================================================= */

#view-products{
  --pc-navy:#102b46;
  --pc-muted:#7890a6;
}


/* =========================================================
   SUMMARY GRID
   ========================================================= */

#view-products #productsSummary.products-smart-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
  margin-bottom:20px;
  align-items:stretch;
}


/* =========================================================
   BASE CARD
   ========================================================= */

#view-products #productsSummary .product-summary-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  min-height:185px;

  padding:
    24px
    22px
    20px;

  border-radius:22px;

  border:
    1px
    solid
    rgba(194,210,224,.80);

  background:#fff;

  box-shadow:
    0 10px 28px rgba(16,43,70,.07);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}


#view-products #productsSummary .product-summary-card:hover{
  transform:translateY(-3px);

  box-shadow:
    0 17px 38px rgba(16,43,70,.11);
}


/* Keep text over decorative wave */

#view-products #productsSummary .product-summary-card > small,
#view-products #productsSummary .product-summary-card > strong,
#view-products #productsSummary .product-summary-card > span{
  position:relative;
  z-index:2;
}


/* =========================================================
   MAIN TEXT
   ========================================================= */

#view-products #productsSummary .product-summary-card > small{
  display:block;

  color:#607b92;

  font-size:13px;
  font-weight:900;

  margin-bottom:14px;
}


#view-products #productsSummary .product-summary-card > strong{
  display:block;

  color:var(--pc-navy);

  font-size:29px;
  font-weight:1000;

  letter-spacing:-.6px;

  line-height:1.2;

  margin:
    6px
    0
    10px;
}


#view-products #productsSummary .product-summary-card > span{
  display:block;

  color:#8094a7;

  font-size:11px;
  font-weight:700;

  line-height:1.7;
}


/* =========================================================
   ICON
   ========================================================= */

#view-products #productsSummary .product-summary-card::before{
  position:absolute;

  top:18px;
  left:18px;

  width:48px;
  height:48px;

  border-radius:16px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:23px;
  font-weight:1000;

  z-index:2;

  border:1px solid rgba(255,255,255,.70);

  box-shadow:
    0 7px 18px rgba(16,43,70,.08);
}


/* =========================================================
   DECORATIVE WAVE
   ========================================================= */

#view-products #productsSummary .product-summary-card::after{
  content:"";

  position:absolute;

  left:-12%;
  bottom:-59px;

  width:125%;
  height:120px;

  border-radius:
    55%
    45%
    0
    0
    /
    58%
    52%
    0
    0;

  transform:rotate(-3deg);

  z-index:0;

  opacity:.48;

  pointer-events:none;
}


/* =========================================================
   CARD 1 - PRODUCTS
   PURPLE
   ========================================================= */

#view-products #productsSummary .product-summary-card:nth-child(1){
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #fbfaff 55%,
      #f3efff 100%
    );

  border-color:#ddd5ff;
}


#view-products #productsSummary .product-summary-card:nth-child(1)::before{
  content:"◇";

  color:#7448e8;

  background:#f0eaff;

  box-shadow:
    0 0 0 8px rgba(116,72,232,.055);
}


#view-products #productsSummary .product-summary-card:nth-child(1)::after{
  background:
    linear-gradient(
      90deg,
      rgba(153,122,255,.20),
      rgba(117,74,232,.08)
    );
}


/* =========================================================
   CARD 2 - PIECES
   ORANGE
   ========================================================= */

#view-products #productsSummary .product-summary-card:nth-child(2){
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #fffaf3 55%,
      #fff1dd 100%
    );

  border-color:#f4dfbd;
}


#view-products #productsSummary .product-summary-card:nth-child(2)::before{
  content:"▤";

  color:#e88617;

  background:#fff0d9;

  box-shadow:
    0 0 0 8px rgba(232,134,23,.055);
}


#view-products #productsSummary .product-summary-card:nth-child(2)::after{
  background:
    linear-gradient(
      90deg,
      rgba(242,170,70,.20),
      rgba(255,203,127,.08)
    );
}


/* =========================================================
   CARD 3 - STOCK COST
   BLUE
   ========================================================= */

#view-products #productsSummary .product-summary-card:nth-child(3){
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f6fbff 55%,
      #eaf5ff 100%
    );

  border-color:#cfe4f7;
}


#view-products #productsSummary .product-summary-card:nth-child(3)::before{
  content:"▦";

  color:#267eea;

  background:#e8f3ff;

  box-shadow:
    0 0 0 8px rgba(38,126,234,.055);
}


#view-products #productsSummary .product-summary-card:nth-child(3)::after{
  background:
    linear-gradient(
      90deg,
      rgba(69,153,242,.18),
      rgba(119,192,255,.07)
    );
}


/* =========================================================
   CARD 4 - EXPECTED PROFIT
   GREEN
   ========================================================= */

#view-products #productsSummary .product-summary-card:nth-child(4),
#view-products #productsSummary .product-summary-card.profit{
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f6fdfa 54%,
      #eafaf3 100%
    );

  border-color:#caeadc;
}


#view-products #productsSummary .product-summary-card:nth-child(4)::before{
  content:"↗";

  color:#099b68;

  background:#e1f8ee;

  box-shadow:
    0 0 0 8px rgba(9,155,104,.055);
}


#view-products #productsSummary .product-summary-card:nth-child(4)::after{
  background:
    linear-gradient(
      90deg,
      rgba(31,189,131,.17),
      rgba(107,225,181,.06)
    );
}


/* =========================================================
   PROFIT CARD
   ========================================================= */

#view-products #productsSummary
.product-summary-card.profit > strong{
  font-size:inherit;
  margin-top:5px;
}


#view-products #productsSummary
.product-summary-card.profit
.dual-money-badges{
  display:grid;

  grid-template-columns:1fr;

  gap:9px;

  width:100%;
}


#view-products #productsSummary
.product-summary-card.profit
.profit-badge{
  display:flex;

  flex-direction:column;

  align-items:flex-start;

  gap:4px;

  width:100%;

  box-sizing:border-box;

  padding:
    11px
    14px;

  border-radius:14px;

  border:1px solid transparent;
}


#view-products #productsSummary
.product-summary-card.profit
.profit-badge small{
  font-size:11px;
  font-weight:900;
}


#view-products #productsSummary
.product-summary-card.profit
.profit-badge strong{
  font-size:18px;
  font-weight:1000;
}


#view-products #productsSummary
.product-summary-card.profit
.profit-badge.safe{
  background:
    linear-gradient(
      135deg,
      #e5faf1,
      #d5f5e8
    );

  border-color:#bdebd8;

  color:#087b58;
}


#view-products #productsSummary
.product-summary-card.profit
.profit-badge.default{
  background:
    linear-gradient(
      135deg,
      #eef6ff,
      #deecff
    );

  border-color:#cbdffd;

  color:#176fcf;
}


/* Arrow remains hidden even if an old JS copy renders it */

#view-products #productsSummary .dual-arrow{
  display:none !important;
}


/* =========================================================
   BULK PRICE TOOL
   ========================================================= */

#view-products #bulkPriceToolV4968.bulk-price-tool-v4968{
  position:relative;

  overflow:hidden;

  margin:
    2px
    0
    20px !important;

  padding:
    20px
    24px !important;

  min-height:78px;

  border:
    1px
    solid
    #bce7d8 !important;

  border-radius:
    21px !important;

  background:
    radial-gradient(
      circle at 8% 50%,
      rgba(39,193,137,.10),
      transparent 24%
    ),
    linear-gradient(
      135deg,
      #f3fffa 0%,
      #f7fcff 55%,
      #f0fbf7 100%
    ) !important;

  box-shadow:
    0 10px 28px rgba(16,126,92,.06) !important;
}


/* Soft decorative bubble */

#view-products #bulkPriceToolV4968::after{
  content:"";

  position:absolute;

  left:-30px;
  bottom:-55px;

  width:290px;
  height:130px;

  border-radius:50%;

  background:
    rgba(45,197,143,.075);

  pointer-events:none;
}


#view-products #bulkPriceToolV4968 button{
  min-height:44px;

  border-radius:13px !important;

  font-weight:900 !important;

  box-shadow:
    0 7px 18px rgba(11,156,108,.13);
}


/* =========================================================
   TOP ACTION BUTTONS
   ========================================================= */

#view-products .section-head .head-actions button{
  min-height:43px;

  border-radius:12px;

  transition:
    transform .16s ease,
    box-shadow .16s ease;
}


#view-products .section-head .head-actions button:hover{
  transform:translateY(-2px);
}


#view-products #addProductBtn{
  box-shadow:
    0 7px 18px rgba(12,164,113,.17);
}


/* =========================================================
   TOOLBAR PANEL
   ========================================================= */

#view-products .smart-products-panel{
  border-radius:22px;

  border-color:#e0e9ef;

  box-shadow:
    0 9px 28px rgba(16,43,70,.045);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1200px){

  #view-products #productsSummary.products-smart-summary{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


@media(max-width:700px){

  #view-products #productsSummary.products-smart-summary{
    grid-template-columns:1fr;
    gap:12px;
  }


  #view-products #productsSummary .product-summary-card{
    min-height:150px;
  }


  #view-products #productsSummary .product-summary-card > strong{
    font-size:25px;
  }

}



/* V4.9.76 — CASHIER PRICE STYLE BOOST */
.cashier-price-line-v4976{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:6px 0 10px;
}

.cashier-price-chip-v4976{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  border:1px solid transparent;
  white-space:nowrap;
  letter-spacing:0;
}

.cashier-price-chip-v4976.safe{
  background:#e8f8ef;
  color:#0b8a52;
  border-color:#bfe8cf;
}

.cashier-price-chip-v4976.default{
  background:#edf4ff;
  color:#1f64d8;
  border-color:#c7d9ff;
}

.cashier-price-chip-v4976.open{
  background:#fff3e8;
  color:#b85f00;
  border-color:#ffd8af;
}

.cashier-total-label-v4976{
  font-size:13px !important;
  font-weight:700 !important;
  color:#5f6b7a !important;
  letter-spacing:0 !important;
}

.cashier-total-value-v4976{
  font-size:27px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  color:#0b7c66 !important;
  letter-spacing:0 !important;
}

.cashier-sale-price-value-v4976{
  font-size:24px !important;
  font-weight:900 !important;
  color:#0c2238 !important;
}

@media (max-width: 900px){
  .cashier-price-chip-v4976{
    font-size:12px;
    padding:4px 10px;
  }

  .cashier-total-value-v4976{
    font-size:23px !important;
  }

  .cashier-sale-price-value-v4976{
    font-size:21px !important;
  }
}


/* =========================================================
   CART_PRICE_BADGES_R1
   Price limits inside POS cart only
   ========================================================= */

#view-pos .cart-price-limits{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:wrap !important;

  margin-top:5px !important;
  margin-bottom:2px !important;

  font-size:11px !important;
  line-height:1.3 !important;

  color:inherit !important;
}


#view-pos .cart-limit-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:4px 9px !important;

  border-radius:999px !important;

  font-size:11px !important;
  font-weight:900 !important;

  white-space:nowrap !important;

  border:1px solid transparent !important;
}


/* الحد الأدنى */
#view-pos .cart-limit-badge.safe{
  color:#087a55 !important;

  background:#e7f8f0 !important;

  border-color:#bce8d5 !important;
}


/* السعر الافتراضي */
#view-pos .cart-limit-badge.default{
  color:#185fb8 !important;

  background:#edf5ff !important;

  border-color:#c9ddfb !important;
}


/* لا يوجد حد أقصى رقمي */
#view-pos .cart-limit-badge.open{
  color:#ae5a08 !important;

  background:#fff3e7 !important;

  border-color:#f3d0aa !important;
}


/* Slightly bigger on desktop */
@media(min-width:1100px){

  #view-pos .cart-limit-badge{
    font-size:12px !important;
    padding:5px 10px !important;
  }

}

/* CART_PRICE_BADGES_R1 */


/* =========================================================
   SALES_PRODUCT_COLUMN_R1
   ========================================================= */

.sale-products-cell{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:150px;
}

.sale-product-line{
  display:flex;
  align-items:center;
  gap:6px;

  padding:4px 8px;

  border-radius:8px;

  background:#f4faf7;
  border:1px solid #d8eee4;

  font-size:12px;
  line-height:1.35;
}

.sale-product-line b{
  color:#153c35;
  font-weight:800;
}

.sale-product-line small{
  color:#09805f;
  font-weight:800;
  white-space:nowrap;
}

.sale-products-more{
  color:#60737d;
  font-size:11px;
  font-weight:700;
}

.sale-products-empty{
  color:#8b98a4;
  font-size:12px;
}

/* SALES_PRODUCT_COLUMN_R1 */


/* V4.9.76 — SHORTAGES A4 + PRODUCT SALES UI */
.v4976-action{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:8px 13px;border:1px solid #cfe1dc;border-radius:11px;
  background:#f5fbf8;color:#176d56;font:inherit;font-size:11px;font-weight:900;
  cursor:pointer;transition:.15s;white-space:nowrap
}
.v4976-action:hover,.v4976-action.active{background:#e9f7f1;border-color:#9bcfbe;transform:translateY(-1px)}
.v4976-hidden{display:none!important}
#view-sales.v4976-product-sales-open>*:not(#productSalesPanelV4976){display:none!important}
.v4976-product-sales{display:block!important;padding:4px 0 20px}
.v4976-sales-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;padding:18px;border:1px solid #dce7e4;background:linear-gradient(180deg,#fbfefd,#f4faf7);border-radius:18px}
.v4976-sales-head small{font-size:9px;font-weight:900;color:#188060;letter-spacing:.08em}.v4976-sales-head h2{margin:4px 0 3px;color:#18354e;font-size:22px}.v4976-sales-head p{margin:0;color:#73838e;font-size:11px}
.v4976-sales-actions{display:flex;gap:8px;align-items:center}.v4976-close{min-height:38px;padding:8px 12px;border:1px solid #ead7d5;border-radius:11px;background:#fff6f5;color:#a33b35;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.v4976-sales-filters{display:grid;grid-template-columns:145px 145px 165px minmax(220px,1fr) 150px;gap:10px;margin-bottom:12px;padding:13px;border:1px solid #e1e9ed;background:#fff;border-radius:15px}
.v4976-sales-filters label{display:grid;gap:5px;color:#647582;font-size:9px;font-weight:800}.v4976-sales-filters input,.v4976-sales-filters select{width:100%;height:39px;border:1px solid #dce5e9;border-radius:9px;background:#fff;padding:0 9px;font:inherit;color:#20394d;outline:none}.v4976-sales-filters input:focus,.v4976-sales-filters select:focus{border-color:#9ccfbe;box-shadow:0 0 0 3px rgba(23,135,98,.06)}
.v4976-sales-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.v4976-sales-summary>div{padding:13px;border:1px solid #e1e8ec;border-radius:14px;background:#fff}.v4976-sales-summary small{display:block;color:#788894;font-size:9px;margin-bottom:6px}.v4976-sales-summary b{display:block;color:#173b52;font-size:18px}
.v4976-sales-table td small{display:block;color:#7a8993;font-size:8px;margin-top:3px}.v4976-sales-table .v4976-netqty{display:inline-flex;min-width:34px;justify-content:center;padding:4px 7px;border-radius:999px;background:#edf8f3;color:#12765a}.v4976-sales-table th{white-space:nowrap}.v4976-sales-table td{vertical-align:middle}
@media(max-width:1100px){.v4976-sales-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.v4976-sales-filters .grow{grid-column:span 2}.v4976-sales-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.v4976-sales-head{flex-direction:column}.v4976-sales-actions{width:100%;flex-wrap:wrap}.v4976-sales-filters{grid-template-columns:1fr}.v4976-sales-filters .grow{grid-column:auto}.v4976-sales-summary{grid-template-columns:1fr 1fr}}

/* V4976_SHORTAGES_PANEL_R2_CSS */
.shortages-panel-v4976{margin:0 0 16px;padding:16px;border:1px solid #dce7e3;border-radius:18px;background:linear-gradient(180deg,#fbfefd 0%,#f7fbf9 100%);box-shadow:0 8px 24px rgba(23,53,78,.04)}
.shortages-head-v4976{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.shortages-head-v4976 small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#16815f}.shortages-head-v4976 h2{margin:3px 0;font-size:21px;color:#18364d}.shortages-head-v4976 p{margin:0;color:#73828d;font-size:10px}.shortages-print-v4976{border:1px solid #b9dfd0;background:#eaf8f2;color:#106f54;border-radius:11px;padding:9px 14px;font:inherit;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.shortages-print-v4976:hover{background:#dcf3e9}
.shortages-summary-v4976{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.shortages-summary-v4976>div{padding:10px 12px;border:1px solid #e0e8ec;background:#fff;border-radius:12px}.shortages-summary-v4976 small{display:block;color:#7b8a95;font-size:8px;margin-bottom:4px}.shortages-summary-v4976 b{font-size:18px;color:#17384f}.shortages-summary-v4976 .out{background:#fff7f5;border-color:#efd7d1}.shortages-summary-v4976 .critical{background:#fffaf3;border-color:#eedfc4}.shortages-summary-v4976 .low{background:#fffdf5;border-color:#eee6c7}
.shortages-toolbar-v4976{display:grid;grid-template-columns:minmax(260px,1fr) 160px auto;gap:9px;align-items:end;margin-bottom:10px}.shortages-toolbar-v4976 label{display:grid;gap:4px;color:#6e7f8c;font-size:8px;font-weight:800}.shortages-toolbar-v4976 input,.shortages-toolbar-v4976 select{height:38px;border:1px solid #dbe5e9;border-radius:9px;background:#fff;padding:0 10px;font:inherit;color:#203a4e;outline:none}.shortages-toolbar-v4976 input:focus,.shortages-toolbar-v4976 select:focus{border-color:#9bd0bd;box-shadow:0 0 0 3px rgba(24,129,95,.06)}.shortages-toolbar-v4976>span{align-self:center;color:#7b8994;font-size:9px;font-weight:800;white-space:nowrap}
.shortages-table-scroll-v4976{max-height:420px}.shortages-table-v4976 th{white-space:nowrap}.shortages-table-v4976 td{vertical-align:middle}.shortages-product-v4976 b{display:block;color:#18364e}.shortages-product-v4976 small{display:block;color:#7d8b96;font-size:8px;margin-top:3px}.shortages-barcode-v4976{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.shortages-status-v4976{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900}.shortages-status-v4976.out{background:#ffe7e1;color:#b43c2d}.shortages-status-v4976.critical{background:#fff0d8;color:#a66608}.shortages-status-v4976.low{background:#fff7d9;color:#92700a}.shortages-row-out td{background:#fffafa}.shortages-row-critical td{background:#fffdf9}.shortages-row-low td{background:#fffefb}.shortages-order-v4976{width:78px;height:32px;border:1px solid #d8e3e6;border-radius:8px;padding:0 7px;text-align:center;font:inherit;font-weight:900;background:#fff}
@media(max-width:800px){.shortages-head-v4976{flex-direction:column}.shortages-summary-v4976{grid-template-columns:repeat(2,minmax(0,1fr))}.shortages-toolbar-v4976{grid-template-columns:1fr}.shortages-toolbar-v4976>span{justify-self:start}}

/* V4976_SHORTAGES_PER_BRANCH_R3_CSS */
.shortages-branch-field-r3{min-width:180px!important}.shortages-branch-field-r3 select{font-weight:900;color:#123f31!important;border-color:#afd9c9!important;background:#f3fbf8!important}.shortages-branch-note-r3{margin:-1px 0 10px;padding:7px 10px;border-radius:9px;background:#f2f7fa;color:#657887;font-size:9px;font-weight:800}.shortages-current-branch-r3{display:flex;align-items:center;gap:7px;margin:0 0 8px;padding:8px 10px;border:1px solid #cfe5dc;border-radius:10px;background:#f5fbf8}.shortages-current-branch-r3 span{font-size:8px;color:#6d8078}.shortages-current-branch-r3 b{font-size:11px;color:#0f7055}.shortages-current-branch-r3 small{margin-inline-start:auto;color:#7e8d95;font-size:8px}
@media(min-width:801px){.shortages-toolbar-v4976{grid-template-columns:180px minmax(240px,1fr) 160px auto!important}}
@media(max-width:800px){.shortages-current-branch-r3{align-items:flex-start;flex-direction:column}.shortages-current-branch-r3 small{margin-inline-start:0}}

/* =========================================================
   V4.9.76 — SALES PAGE LAYOUT POLISH R1
   VISUAL ONLY
   ========================================================= */

#view-sales{
  padding-top:4px;
}

/* Header: title on the right, actions grouped together on the left */
#view-sales .v4976-sales-main-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  margin-bottom:16px!important;
  min-height:auto!important;
}

#view-sales .v4976-sales-main-head > div:first-child{
  min-width:0;
}

#view-sales .v4976-sales-main-head h1{
  margin-top:5px!important;
  margin-bottom:5px!important;
}

#view-sales .v4976-sales-main-head p{
  margin:0!important;
  line-height:1.65!important;
}

#view-sales .v4976-sales-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  flex-wrap:wrap;
  direction:rtl;
}

#view-sales .v4976-sales-header-actions button{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-weight:900!important;
  white-space:nowrap;
  box-shadow:none!important;
}

#view-sales .v4976-sales-header-actions .v4976-primary-sales-action{
  min-width:142px;
}

#view-sales .v4976-sales-header-actions .v4976-secondary-sales-action{
  min-width:134px;
  background:#f5fbf8!important;
  color:#126d53!important;
  border:1px solid #cfe4dc!important;
}

#view-sales .v4976-sales-header-actions .v4976-secondary-sales-action:hover{
  background:#eaf7f1!important;
  border-color:#9fcfbe!important;
}

/* KPI cards */
#view-sales #salesSummary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 14px!important;
}

#view-sales #salesSummary .summary-card{
  min-height:82px!important;
  padding:14px 16px!important;
  border-radius:16px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
}

#view-sales #salesSummary .summary-card small{
  margin-bottom:7px!important;
  line-height:1.45!important;
}

#view-sales #salesSummary .summary-card strong{
  font-size:19px!important;
  line-height:1.25!important;
}

/* Filters/search bar */
#view-sales .sales-history-toolbar{
  display:flex!important;
  align-items:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:13px 14px!important;
  margin:0 0 10px!important;
  border:1px solid #e2e9ed!important;
  border-radius:16px!important;
  background:#fff!important;
}

#view-sales .sales-history-search{
  flex:1 1 430px!important;
  min-width:300px!important;
}

#view-sales .sales-filter-field{
  flex:0 0 185px;
  min-width:165px!important;
}

#view-sales .sales-filter-field select,
#view-sales .sales-history-search input,
#view-sales #salesSearch{
  height:42px!important;
  border-radius:11px!important;
}

#view-sales .sales-history-toolbar button{
  min-height:42px!important;
  border-radius:11px!important;
}

/* Legacy/history notices */
#view-sales .legacy-sales-history-notice{
  margin:8px 0 10px!important;
  padding:10px 13px!important;
  border-radius:13px!important;
}

#view-sales .legacy-sales-history-notice span{
  font-size:11px!important;
}
/* Invoice table */
#view-sales #salesTableWrap{
  background:#fff;
  border:1px solid #e2e8ec;
  border-radius:16px;
  overflow:hidden;
}

#view-sales #salesTableWrap .table-scroll{
  margin:0!important;
}

#view-sales #salesTableWrap table{
  width:100%!important;
  margin:0!important;
}

#view-sales #salesTableWrap thead th{
  padding:11px 9px!important;
  font-size:10.5px!important;
  font-weight:900!important;
  color:#647789!important;
  background:#f7f9fa!important;
  border-bottom:1px solid #dfe6ea!important;
  white-space:nowrap;
}

#view-sales #salesTableWrap tbody td{
  padding:11px 9px!important;
  font-size:11px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #edf1f3!important;
}

#view-sales #salesTableWrap tbody tr:last-child td{
  border-bottom:0!important;
}

#view-sales #salesTableWrap tbody tr:hover{
  background:#fbfdfc!important;
}

#view-sales #salesTableWrap td:first-child b{
  font-size:10.5px!important;
}

#view-sales #salesTableWrap .actions-cell{
  min-width:225px;
  white-space:nowrap;
}

#view-sales #salesTableWrap .actions-cell .mini-btn{
  min-height:30px!important;
  padding:5px 9px!important;
  margin:2px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
}

/* Product badges shown inside invoice rows */
#view-sales #salesTableWrap td .chip,
#view-sales #salesTableWrap td [class*="product"]{
  line-height:1.35;
}

/* Product-sales subpage opened from the new button */
#view-sales .v4976-product-sales{
  max-width:100%;
}

#view-sales .v4976-sales-head{
  margin-bottom:12px!important;
  padding:15px 16px!important;
}

#view-sales .v4976-sales-filters{
  gap:9px!important;
  padding:11px!important;
  margin-bottom:10px!important;
}

#view-sales .v4976-sales-summary{
  gap:10px!important;
  margin-bottom:10px!important;
}

#view-sales .v4976-sales-summary>div{
  min-height:72px;
  padding:11px 13px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#view-sales .v4976-sales-table th{
  padding:10px 8px!important;
  font-size:10px!important;
}

#view-sales .v4976-sales-table td{
  padding:10px 8px!important;
  font-size:10.5px!important;
}

@media(max-width:1200px){
  #view-sales #salesSummary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #view-sales .sales-history-search{
    flex-basis:100%!important;
  }

  #view-sales .sales-filter-field{
    flex:1 1 180px;
  }
}

@media(max-width:760px){
  #view-sales .v4976-sales-main-head{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  #view-sales .v4976-sales-header-actions{
    justify-content:stretch;
  }

  #view-sales .v4976-sales-header-actions button{
    flex:1 1 150px;
  }

  #view-sales #salesSummary{
    grid-template-columns:1fr!important;
  }

  #view-sales .sales-history-search,
  #view-sales .sales-filter-field{
    flex:1 1 100%!important;
    min-width:100%!important;
  }

  #view-sales #salesTableWrap .actions-cell{
    min-width:190px;
  }
}

/* V4.9.76 — BUSINESS MARKET ANALYTICS R1 */
#view-analytics{padding-top:2px}#view-analytics .hidden{display:none!important}
.bma-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.bma-head h1{margin:3px 0 4px;font-size:30px;color:#132d47}.bma-head p{margin:0;color:#7b8c99;font-size:12px}.bma-live{border:1px solid #ccebdd;background:#f0fbf7;color:#087d5d;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900}
.bma-toolbar{display:grid;grid-template-columns:minmax(220px,1.1fr) 180px minmax(320px,1fr);gap:10px;align-items:end;background:#fff;border:1px solid #e1e8ed;border-radius:16px;padding:12px 14px;margin-bottom:12px}.bma-toolbar label,.bma-frame{display:flex;flex-direction:column;gap:5px}.bma-toolbar label>span,.bma-frame>span{font-size:9px;color:#748797;font-weight:900}.bma-toolbar select{height:42px;border:1px solid #dfe7ed;border-radius:11px;background:#fff;padding:0 11px;font:inherit;font-weight:800;color:#17324d}.bma-frame>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bma-frame button,.bma-tabs button{border:1px solid #dde6eb;background:#f8fafb;color:#5d7082;border-radius:10px;padding:9px 10px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.bma-frame button.active,.bma-tabs button.active{background:#132b43;color:#fff;border-color:#132b43}
.bma-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-bottom:12px}.bma-kpi{background:#fff;border:1px solid #e2e8ed;border-radius:15px;padding:12px 13px;min-width:0;box-shadow:0 7px 22px rgba(18,45,71,.035)}.bma-kpi small,.bma-kpi span{display:block}.bma-kpi small{font-size:8px;color:#8493a0;font-weight:900}.bma-kpi strong{display:block;font-size:18px;color:#17324d;margin:5px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bma-kpi span{font-size:8px;color:#8493a0}.bma-kpi.up strong{color:#0a8d68}.bma-kpi.down strong{color:#c94f4a}
.bma-board{background:#0c1622;border:1px solid #17293b;border-radius:18px;padding:15px;box-shadow:0 14px 40px rgba(9,25,40,.12);margin-bottom:12px}.bma-chart-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}.bma-chart-head small{color:#7fa0b9;font-size:9px}.bma-chart-head h2{color:#f3f8fb;font-size:19px;margin:3px 0 0}.bma-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.bma-tabs button{background:#101f2e;border-color:#24394b;color:#9fb5c6;padding:8px 10px}.bma-tabs button.active{background:#1a9d75;border-color:#1a9d75;color:#fff}
.bma-legend{display:flex;gap:15px;align-items:center;color:#9fb4c5;font-size:9px;margin:2px 0 5px}.bma-legend span{display:flex;align-items:center;gap:6px}.bma-legend i{width:18px;height:3px;border-radius:999px}.bma-legend i.a{background:#20d49a}.bma-legend i.b{background:#60a5fa}.bma-legend small{margin-inline-start:auto;color:#6f889b}
.bma-stage{position:relative;height:420px;min-height:300px;overflow:hidden;border-radius:12px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px}#bmaChart,#bmaChart svg{width:100%;height:100%;display:block}.bma-grid{stroke:#213344;stroke-width:1;vector-effect:non-scaling-stroke}.bma-axis,.bma-x{fill:#6f879a;font-size:11px;font-family:Tahoma,Arial}.bma-vol{fill:#284153;opacity:.52}.bma-line-a{fill:none;stroke:#20d49a;stroke-width:3.2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.bma-line-b{fill:none;stroke:#60a5fa;stroke-width:2.8;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.bma-cross{stroke:#71889b;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.bma-dot-a{fill:#20d49a;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.bma-dot-b{fill:#60a5fa;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.bma-tip{position:absolute;z-index:5;min-width:170px;background:#fff;color:#17324d;border-radius:11px;padding:9px 11px;box-shadow:0 12px 30px rgba(0,0,0,.22);pointer-events:none;font-size:9px}.bma-tip b,.bma-tip span,.bma-tip small{display:block}.bma-tip b{font-size:10px;margin-bottom:5px}.bma-tip span{margin:2px 0}.bma-tip small{color:#7d8c98;margin-top:4px}.bma-foot{display:flex;justify-content:space-between;gap:12px;color:#667f92;font-size:8px;margin-top:7px}
.bma-lower{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}.bma-panel{background:#fff;border:1px solid #e1e8ed;border-radius:16px;padding:14px}.bma-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.bma-panel-head small{display:block;color:#18a879;font-size:8px;font-weight:900}.bma-panel-head h3{margin:3px 0 0;color:#17324d;font-size:17px}.bma-panel-head>span{font-size:8px;color:#8796a3}.bma-pulse-row{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#f8fafb;border:1px solid #edf1f3;border-radius:11px;font-size:10px;margin-bottom:7px}.bma-pulse-row span{color:#607486;font-weight:800}.bma-pulse-row strong.up{color:#0b8e69}.bma-pulse-row strong.down{color:#c94d48}.bma-pulse-row strong.neutral{color:#52697c}.bma-pulse-note{padding:10px 11px;border-radius:11px;background:#f1f7fb;color:#4d6477;font-size:9px;line-height:1.65}
.bma-movers{display:grid;gap:5px}.bma-mover{display:grid;grid-template-columns:28px minmax(0,1fr) 70px;align-items:center;gap:9px;padding:7px 8px;border-bottom:1px solid #edf1f3}.bma-mover:last-child{border-bottom:0}.bma-mover em{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eef6f3;color:#128262;font-style:normal;font-size:9px;font-weight:900}.bma-mover b,.bma-mover small{display:block}.bma-mover b{font-size:10px;color:#17324d}.bma-mover small{font-size:8px;color:#81909c;margin-top:2px}.bma-mover>strong{text-align:left;font-size:10px}.bma-mover>strong.up{color:#0a8e68}.bma-mover>strong.down{color:#c94f4a}.bma-mover>strong.neutral{color:#708493}.bma-empty{padding:25px;text-align:center;color:#8998a5}.bma-help{display:flex;gap:8px;margin-top:12px;padding:10px 12px;border:1px solid #dfe8ed;background:#f8fbfc;border-radius:12px;color:#6b7f8f;font-size:9px;line-height:1.7}.bma-help b{color:#17324d;white-space:nowrap}#bmaNav::after{content:'جديد';font-size:6px;font-weight:900;background:#e6faf3;color:#07805d;border-radius:999px;padding:2px 5px;margin-inline-start:auto}
@media(max-width:1350px){.bma-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.bma-toolbar{grid-template-columns:1fr 1fr}.bma-frame{grid-column:1/-1}.bma-lower{grid-template-columns:1fr}.bma-stage{height:360px}}@media(max-width:720px){.bma-head,.bma-chart-head{align-items:flex-start;flex-direction:column}.bma-toolbar{grid-template-columns:1fr}.bma-frame{grid-column:auto}.bma-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bma-tabs{justify-content:flex-start}.bma-stage{height:320px}.bma-help{flex-direction:column}}

/* V4.9.76 — DYNAMIC PRICING RECOMMENDATIONS R2 */
.bma-reco{margin-top:12px;background:#fff;border:1px solid #dfe7ec;border-radius:18px;padding:15px;box-shadow:0 10px 30px rgba(18,45,71,.045)}
.bma-reco-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:12px}.bma-reco-head small{display:block;color:#18a879;font-size:8px;font-weight:900;letter-spacing:.08em}.bma-reco-head h2{margin:3px 0 4px;color:#17324d;font-size:20px}.bma-reco-head p{margin:0;color:#7f8f9c;font-size:9px}.bma-market-mode{min-width:245px;border:1px solid #dbe8ee;border-radius:13px;background:#f7fafc;padding:10px 12px}.bma-market-mode small,.bma-market-mode span{display:block;color:#7c8d9a;font-size:8px}.bma-market-mode strong{display:block;color:#17324d;font-size:12px;margin:3px 0}
.bma-reco-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.bma-reco-cards>div{padding:10px 12px;border-radius:13px;border:1px solid #e4eaee;background:#f9fbfc}.bma-reco-cards small,.bma-reco-cards span{display:block;font-size:8px}.bma-reco-cards small{color:#788a98;font-weight:900}.bma-reco-cards strong{display:block;font-size:20px;margin:3px 0;color:#17324d}.bma-reco-cards span{color:#91a0aa}.bma-reco-cards .raise{background:#effaf6;border-color:#caebdf}.bma-reco-cards .raise strong{color:#0a8b66}.bma-reco-cards .lower{background:#fff4f2;border-color:#f1d4cf}.bma-reco-cards .lower strong{color:#c45149}.bma-reco-cards .review{background:#fff9ec;border-color:#efdfb6}.bma-reco-cards .review strong{color:#a56a08}
.bma-reco-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;gap:8px;align-items:center;margin-bottom:10px}.bma-reco-toolbar input,.bma-reco-toolbar select{height:40px;border:1px solid #dce5ea;border-radius:11px;background:#fff;padding:0 11px;font:inherit;font-size:10px;color:#17324d}.bma-reco-toolbar span{font-size:8px;color:#7f909d;text-align:left}
.bma-reco-table-scroll{overflow:auto;border:1px solid #e6ecef;border-radius:13px}.bma-reco-table{width:100%;border-collapse:collapse;min-width:1420px;font-size:9px}.bma-reco-table th{position:sticky;top:0;z-index:1;background:#f5f8fa;color:#687d8e;text-align:right;padding:9px 8px;border-bottom:1px solid #dfe7ec;white-space:nowrap}.bma-reco-table td{padding:9px 8px;border-bottom:1px solid #edf1f3;vertical-align:middle;color:#263f54}.bma-reco-table tr:last-child td{border-bottom:0}.bma-reco-table td b,.bma-reco-table td small{display:block}.bma-reco-table td small{color:#8797a3;font-size:7.5px;margin-top:2px}.bma-reco-table tr.reco-raise{box-shadow:inset -3px 0 #21aa80}.bma-reco-table tr.reco-lower{box-shadow:inset -3px 0 #df776e}.bma-reco-table tr.reco-review{box-shadow:inset -3px 0 #d9aa45}.bma-reco-pill{display:inline-flex;align-items:center;justify-content:center;min-width:65px;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:900}.bma-reco-pill.raise{background:#e8f8f2;color:#087d5d}.bma-reco-pill.lower{background:#fff0ee;color:#c34b43}.bma-reco-pill.hold{background:#eef3f6;color:#5b7080}.bma-reco-pill.review{background:#fff6df;color:#9c6508}.bma-growth{font-weight:900}.bma-growth.up{color:#0b8b67}.bma-growth.down{color:#c34f48}.bma-growth.neutral{color:#718392}.bma-reasons{display:flex;flex-wrap:wrap;gap:4px;max-width:290px}.bma-reasons span{display:inline-flex;padding:3px 6px;border-radius:999px;background:#f1f5f7;color:#536a7a;font-size:7px}.bma-reasons em{font-style:normal;padding:3px 6px;border-radius:999px;font-size:7px;font-weight:900}.bma-reasons .conf-high{background:#e7f8f1;color:#087c5c}.bma-reasons .conf-med{background:#eef4fb;color:#356b9a}.bma-reasons .conf-low{background:#fff4e2;color:#a36a0c}.bma-reco-empty{padding:28px;text-align:center;color:#84949f}.bma-reco-foot{display:flex;gap:6px;margin-top:10px;padding:9px 10px;border-radius:11px;background:#f8fafb;color:#6d8190;font-size:8px}.bma-reco-foot b{color:#17324d;white-space:nowrap}
@media(max-width:1050px){.bma-reco-head{align-items:flex-start;flex-direction:column}.bma-market-mode{width:100%;min-width:0}.bma-reco-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bma-reco-toolbar{grid-template-columns:1fr 1fr}.bma-reco-toolbar span{grid-column:1/-1;text-align:right}}@media(max-width:650px){.bma-reco-cards{grid-template-columns:1fr 1fr}.bma-reco-toolbar{grid-template-columns:1fr}.bma-reco-toolbar span{grid-column:auto}.bma-reco-foot{flex-direction:column}}

/* =========================================================
   V4.9.76 — BUSINESS MARKET ANALYTICS R3
   SMART PRICE-MOVEMENT LABELS + MARGIN PRESSURE
   ========================================================= */
#view-analytics .bma-kpi.pressure-high{
  background:#fff2f0;
  border-color:#f0c8c4;
  box-shadow:inset 0 3px #d75b52;
}
#view-analytics .bma-kpi.pressure-high strong{color:#c84943}
#view-analytics .bma-kpi.pressure-mid{
  background:#fff8e9;
  border-color:#ead9aa;
  box-shadow:inset 0 3px #d6a43c;
}
#view-analytics .bma-kpi.pressure-mid strong{color:#9c6a09}
#view-analytics .bma-kpi.pressure-good{
  background:#eefaf6;
  border-color:#c9e9dd;
  box-shadow:inset 0 3px #1da77d;
}
#view-analytics .bma-kpi.pressure-good strong{color:#087f5e}
#view-analytics .bma-kpi.pressure-normal{
  background:#f6f9fb;
  border-color:#dce6eb;
  box-shadow:inset 0 3px #7890a2;
}
#view-analytics .bma-kpi.pressure-normal strong{color:#526b7c}
#view-analytics .bma-kpi.movement-up strong{color:#0a8d68}
#view-analytics .bma-kpi.movement-down strong{color:#c94f4a}
#view-analytics .bma-kpi.movement-neutral strong{color:#526b7c}


/* ================= SMART DASHBOARD R1 ================= */

.smartdash-v4976{

  margin:
    0
    0
    18px;

  padding:
    18px;

  border:
    1px
    solid
    #dfe9ee;

  border-radius:
    20px;

  background:
    linear-gradient(
      135deg,
      #fbfefe 0%,
      #f6fbfa 100%
    );

  box-shadow:
    0
    8px
    26px
    rgba(
      21,
      54,
      75,
      .045
    );

}


.smartdash-head{

  display:flex;

  align-items:flex-start;

  justify-content:space-between;

  gap:18px;

  margin-bottom:14px;

}


.smartdash-head h2{

  margin:
    2px
    0
    4px;

  font-size:20px;

  color:#102b42;

}


.smartdash-head p{

  margin:0;

  color:#78909f;

  font-size:11px;

  font-weight:650;

}


.smartdash-eyebrow{

  font-size:9px;

  letter-spacing:.08em;

  color:#11a77a;

  font-weight:900;

}


.smartdash-role{

  flex:
    0
    0
    auto;

  border:
    1px
    solid
    #d7eee7;

  background:
    #effaf6;

  color:
    #168765;

  border-radius:
    999px;

  padding:
    7px
    10px;

  font-size:
    10px;

  font-weight:
    850;

}


.smartdash-mini-kpis{

  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  gap:10px;

  margin-bottom:12px;

}


.smartdash-mini-kpis article{

  border:
    1px
    solid
    #e4ebef;

  background:#fff;

  border-radius:14px;

  padding:
    12px
    14px;

  min-height:78px;

}


.smartdash-mini-kpis small{

  display:block;

  color:#768a99;

  font-size:10px;

  font-weight:750;

}


.smartdash-mini-kpis strong{

  display:block;

  font-size:23px;

  margin:
    4px
    0
    2px;

  color:#18334a;

}


.smartdash-mini-kpis span{

  font-size:9.5px;

  color:#8b9aa6;

  font-weight:650;

}


.smartdash-mini-kpis article.danger{

  border-color:#f3d4d4;

  background:#fffafa;

}


.smartdash-mini-kpis article.danger strong{

  color:#d44f4f;

}


.smartdash-mini-kpis article.warn{

  border-color:#f3dfbd;

  background:#fffdf8;

}


.smartdash-mini-kpis article.warn strong{

  color:#c37a17;

}


.smartdash-mini-kpis article.good strong{

  color:#14956d;

}


.smartdash-mini-kpis article.info strong{

  color:#3478c6;

}


.smartdash-main-grid{

  display:grid;

  grid-template-columns:
    minmax(
      0,
      1.15fr
    )
    minmax(
      320px,
      .85fr
    );

  gap:12px;

}


.smartdash-panel{

  border:
    1px
    solid
    #e3ebef;

  background:#fff;

  border-radius:16px;

  padding:13px;

  min-width:0;

}


.smartdash-panel-head{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  margin-bottom:9px;

}


.smartdash-panel-head small{

  display:block;

  font-size:8px;

  letter-spacing:.08em;

  color:#8ea0ad;

  font-weight:900;

}


.smartdash-panel-head h3{

  font-size:14px;

  margin:
    2px
    0
    0;

  color:#18334a;

}


.smartdash-panel-head>span{

  font-size:9px;

  color:#94a1aa;

}


.smartdash-actions{

  display:grid;

  gap:7px;

}


.smartdash-action{

  width:100%;

  display:grid;

  grid-template-columns:
    34px
    minmax(
      0,
      1fr
    )
    auto;

  align-items:center;

  gap:9px;

  text-align:right;

  border:
    1px
    solid
    #e8eef1;

  background:#fff;

  border-radius:12px;

  padding:
    9px
    10px;

  cursor:pointer;

  transition:
    .15s
    ease;

}


.smartdash-action:hover{

  transform:
    translateY(
      -1px
    );

  box-shadow:
    0
    7px
    18px
    rgba(
      27,
      64,
      85,
      .07
    );

}


.smartdash-action-icon{

  display:grid;

  place-items:center;

  width:32px;

  height:32px;

  border-radius:10px;

  background:#f4f8fa;

  font-size:15px;

  font-weight:900;

}


.smartdash-action b{

  display:block;

  font-size:11px;

  color:#17344b;

}


.smartdash-action small{

  display:block;

  margin-top:2px;

  font-size:8.8px;

  color:#8797a3;

}


.smartdash-action em{

  max-width:170px;

  font-style:normal;

  font-size:9px;

  font-weight:850;

  border-radius:999px;

  padding:
    6px
    8px;

  background:#f3f7f9;

  color:#4e6576;

}


.smartdash-action.danger{

  border-color:#f3d1d1;

  background:#fffafa;

}


.smartdash-action.danger .smartdash-action-icon{

  background:#fff0f0;

  color:#d44f4f;

}


.smartdash-action.danger em{

  background:#fff0f0;

  color:#c74646;

}


.smartdash-action.warn{

  border-color:#f2dfbc;

  background:#fffdf8;

}


.smartdash-action.warn .smartdash-action-icon{

  background:#fff6e8;

  color:#c67b18;

}


.smartdash-action.warn em{

  background:#fff4df;

  color:#a96b18;

}


.smartdash-action.slow .smartdash-action-icon{

  background:#f4efff;

  color:#7855b4;

}


.smartdash-action.info .smartdash-action-icon{

  background:#eef6ff;

  color:#3478c6;

}


.smartdash-coverage{

  display:grid;

  gap:8px;

}


.smartdash-coverage button{

  width:100%;

  border:0;

  background:#fafcfd;

  border-radius:11px;

  padding:
    9px
    10px;

  text-align:right;

  cursor:pointer;

}


.smartdash-cover-title{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:8px;

}


.smartdash-cover-title b{

  font-size:10.5px;

  color:#18334a;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}


.smartdash-cover-title strong{

  font-size:9px;

}


.smartdash-cover-title strong.danger{

  color:#d44f4f;

}


.smartdash-cover-title strong.warn{

  color:#c47b18;

}


.smartdash-cover-title strong.good{

  color:#15956c;

}


.smartdash-cover-bar{

  height:5px;

  background:#e9eff2;

  border-radius:999px;

  overflow:hidden;

  margin:
    6px
    0
    4px;

}


.smartdash-cover-bar i{

  display:block;

  height:100%;

  border-radius:999px;

}


.smartdash-cover-bar i.danger{

  background:#df6262;

}


.smartdash-cover-bar i.warn{

  background:#e6a23c;

}


.smartdash-cover-bar i.good{

  background:#25b486;

}


.smartdash-coverage small{

  font-size:8.5px;

  color:#93a0a9;

}


.smartdash-seller-grid{

  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:9px;

}


.smartdash-pair{

  display:grid;

  grid-template-columns:
    38px
    minmax(
      0,
      1fr
    )
    auto;

  align-items:center;

  gap:10px;

  border:
    1px
    solid
    #dfece8;

  background:#fff;

  border-radius:14px;

  padding:11px;

  text-align:right;

  cursor:pointer;

}


.smartdash-pair:hover{

  border-color:#a9dccc;

  box-shadow:
    0
    7px
    20px
    rgba(
      19,
      115,
      87,
      .07
    );

}


.smartdash-pair-icon{

  display:grid;

  place-items:center;

  width:36px;

  height:36px;

  border-radius:11px;

  background:#ebf9f4;

  color:#15956d;

  font-size:18px;

  font-weight:900;

}


.smartdash-pair small{

  display:block;

  font-size:8.5px;

  color:#8ca09a;

}


.smartdash-pair b{

  display:block;

  font-size:10.5px;

  color:#17344b;

  margin:
    2px
    0;

}


.smartdash-pair em{

  font-style:normal;

  font-size:9px;

  color:#15956d;

  font-weight:800;

}


.smartdash-go{

  font-size:8.5px;

  color:#4b7db2;

  font-weight:850;

  white-space:nowrap;

}


.smartdash-empty{

  border:
    1px
    dashed
    #dce6eb;

  background:#fafcfd;

  border-radius:12px;

  padding:18px;

  text-align:center;

  color:#84949f;

}


.smartdash-empty b{

  display:block;

  color:#526b7c;

  font-size:11px;

  margin-bottom:4px;

}


.smartdash-empty span{

  font-size:9px;

}


/* ======================================
   DASHBOARD COMPACT POLISH
====================================== */

#view-dashboard .dashboard-kpis{

  gap:10px;

  margin-bottom:14px;

}


#view-dashboard .dashboard-kpis .kpi{

  min-height:96px;

  padding:
    12px
    14px;

  border-radius:15px;

}


#view-dashboard .dashboard-kpis .kpi strong{

  font-size:22px;

  margin:
    5px
    0
    3px;

}


#view-dashboard .dashboard-kpis .kpi-icon{

  width:40px;

  height:40px;

  flex-basis:40px;

  border-radius:11px;

}


#topProductsList .top-product-row{

  padding-top:9px;

  padding-bottom:9px;

  min-height:68px;

}


#topProductsList .top-product-thumb{

  width:42px;

  height:42px;

}


#topProductsList .top-product-main b{

  font-size:11px;

}


#topProductsList .top-product-main small,
#topProductsList .top-product-sales small,
#topProductsList .top-product-demand small,
#topProductsList .top-product-stock small{

  font-size:8px;

}


@media(max-width:1100px){

  .smartdash-main-grid{

    grid-template-columns:
      1fr;

  }


  .smartdash-seller-grid{

    grid-template-columns:
      1fr;

  }

}


@media(max-width:720px){

  .smartdash-v4976{

    padding:13px;

  }


  .smartdash-head{

    flex-direction:column;

  }


  .smartdash-mini-kpis{

    grid-template-columns:
      1fr;

  }


  .smartdash-action{

    grid-template-columns:
      32px
      minmax(
        0,
        1fr
      );

  }


  .smartdash-action em{

    grid-column:2;

    max-width:none;

    justify-self:start;

  }


  .smartdash-pair{

    grid-template-columns:
      36px
      minmax(
        0,
        1fr
      );

  }


  .smartdash-go{

    grid-column:2;

  }

}



/* ========================================================
   BATARYA 1% - DASHBOARD CLEANUP R2
   ======================================================== */


/* ----------------------------------------
   REMOVE DUPLICATED BIG AI CARD
---------------------------------------- */

#view-dashboard .ai-data-assistant-card{
    display:none !important;
}


/* ----------------------------------------
   HIDE OLD HUGE CASH SECTION
---------------------------------------- */

#view-dashboard .dashboard-live-cashier-panel{
    display:none !important;
}


/* ----------------------------------------
   LAST MOVEMENTS - COMPACT
---------------------------------------- */

#view-dashboard .dashboard-movements-compact-r2{
    padding:12px 14px !important;
    min-height:0 !important;
}

#view-dashboard .dashboard-movements-compact-r2 .panel-head{
    margin-bottom:8px !important;
}

#view-dashboard .dashboard-movements-compact-r2 .movement-list{
    display:grid !important;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );
    gap:7px !important;
}

#view-dashboard .dashboard-movements-compact-r2 .movement-row.compact{
    min-height:46px !important;
    padding:7px 9px !important;
    margin:0 !important;
    border:1px solid #e7edf1;
    border-radius:10px;
    background:#fbfcfd;
}

#view-dashboard .dashboard-movements-compact-r2 .movement-main{
    min-width:0;
}

#view-dashboard .dashboard-movements-compact-r2 .movement-main b{
    display:block;
    max-width:220px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9px !important;
}

#view-dashboard .dashboard-movements-compact-r2 .movement-main small{
    font-size:8px !important;
}

#view-dashboard .dashboard-movements-compact-r2 .movement-row>strong{
    font-size:10px !important;
}

.dashboard-movement-ai-r2{
    border:1px solid #dce9e5;
    background:#f3faf7;
    color:#158565;
    padding:6px 9px;
    border-radius:999px;
    cursor:pointer;
    font-size:9px;
    font-weight:850;
}


/* ----------------------------------------
   SMALL AI BUTTON
---------------------------------------- */

.smartdash-ai-shortcut-r2{
    border:1px solid #d8ebe5;
    background:#fff;
    color:#137e61;

    height:34px;

    padding:
        0
        11px;

    border-radius:999px;

    font-size:9.5px;
    font-weight:850;

    cursor:pointer;

    white-space:nowrap;

    box-shadow:
        0
        4px
        12px
        rgba(20,120,90,.05);
}

.smartdash-ai-shortcut-r2:hover{
    background:#eef9f5;
    border-color:#b8ddd1;
}

.smartdash-ai-shortcut-r2 span{
    color:#13a276;
    font-size:13px;
}


/* ----------------------------------------
   COMPACT MONEY SNAPSHOT
---------------------------------------- */

.dashboard-finance-strip-r2{

    margin:
        12px
        0
        18px;

    padding:
        13px
        14px;

    border:
        1px
        solid
        #dfe9ed;

    border-radius:
        16px;

    background:
        #fff;

    box-shadow:
        0
        6px
        22px
        rgba(
            20,
            49,
            69,
            .035
        );
}


.finance-strip-head-r2{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    margin-bottom:10px;
}


.finance-strip-head-r2>div{

    display:flex;

    align-items:center;

    gap:9px;
}


.finance-strip-head-r2 small{

    color:#12a477;

    font-size:8px;

    font-weight:900;

    letter-spacing:.06em;
}


.finance-strip-head-r2 b{

    color:#18344a;

    font-size:13px;
}


.finance-strip-head-r2 span{

    color:#8b9aa4;

    font-size:9px;
}


.finance-strip-open-r2{

    border:
        1px
        solid
        #dfe9ed;

    background:#f8fbfc;

    color:#37687d;

    padding:
        6px
        10px;

    border-radius:
        9px;

    cursor:pointer;

    font-size:9px;

    font-weight:800;
}


.finance-strip-open-r2:hover{
    background:#eef7f4;
    color:#148261;
}


.finance-strip-grid-r2{

    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:8px;
}


.finance-strip-grid-r2 article{

    display:flex;

    align-items:center;

    gap:9px;

    min-width:0;

    padding:
        9px
        10px;

    border:
        1px
        solid
        #e9eef1;

    border-radius:
        11px;

    background:#fbfcfd;
}


.finance-strip-grid-r2 article>div{
    min-width:0;
}


.finance-strip-grid-r2 small{

    display:block;

    margin-bottom:2px;

    color:#8999a5;

    font-size:8.5px;

    font-weight:700;
}


.finance-strip-grid-r2 strong{

    display:block;

    color:#18344a;

    font-size:13px;

    font-weight:900;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}


.finance-strip-grid-r2 em{

    display:block;

    margin-top:1px;

    color:#9aa6ae;

    font-size:7.5px;

    font-style:normal;
}


.finance-strip-icon-r2{

    flex:
        0
        0
        31px;

    width:31px;

    height:31px;

    border-radius:9px;

    display:grid;

    place-items:center;

    font-size:13px;

    font-weight:900;
}


.finance-strip-icon-r2.cash{
    background:#eaf8f3;
    color:#11916b;
}


.finance-strip-icon-r2.voda{
    background:#fff3f3;
    color:#d44b4b;
}


.finance-strip-icon-r2.shifts{
    background:#eef5ff;
    color:#377cd2;
}


.finance-strip-icon-r2.transfer{
    background:#f5f0ff;
    color:#7853b7;
}


.finance-last-transfer-r2{
    font-size:11px !important;
}


.finance-exceptions-r2{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:6px;

    margin-top:9px;

    padding-top:9px;

    border-top:
        1px
        solid
        #eef2f4;
}


.finance-exceptions-r2 span{

    color:#b76a18;

    font-size:8.5px;

    font-weight:900;
}


.finance-exceptions-r2 b{

    background:#fff7e9;

    color:#a8671d;

    padding:
        5px
        8px;

    border-radius:999px;

    font-size:8px;
}


/* ----------------------------------------
   RESPONSIVE
---------------------------------------- */

@media(max-width:1100px){

    .finance-strip-grid-r2{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}


@media(max-width:760px){

    #view-dashboard .dashboard-movements-compact-r2 .movement-list{
        grid-template-columns:1fr;
    }

    .finance-strip-grid-r2{
        grid-template-columns:1fr;
    }

    .finance-strip-head-r2{
        align-items:flex-start;
        flex-direction:column;
    }

    .finance-strip-head-r2>div{
        flex-wrap:wrap;
    }

}



/* =====================================================================
   BATARYA 1% — POS SMART R1
   ===================================================================== */


/* -----------------------------------------------------
   TOP AREA
----------------------------------------------------- */

#view-pos .section-head{
    margin-bottom:12px !important;
}

#view-pos .section-head h1{
    margin-bottom:2px !important;
}

.pos-smart-date-r1{
    display:inline-flex;
    align-items:center;
    margin-top:3px;
    padding:4px 8px;
    border-radius:999px;
    background:#f3f7f9;
    color:#7d8d99;
    font-size:8.5px;
    font-weight:750;
}


/* Hide old large date KPI — date is now in header */

#view-pos .pos-daily-card.date{
    display:none !important;
}


#view-pos .pos-daily-strip{
    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        ) !important;

    gap:9px !important;
    margin-bottom:12px !important;
}


#view-pos .pos-daily-card{
    min-height:74px !important;
    padding:10px 13px !important;
    border-radius:13px !important;
}


#view-pos .pos-daily-card small{
    font-size:8.5px !important;
}


#view-pos .pos-daily-card strong{
    font-size:19px !important;
    margin:3px 0 1px !important;
}


#view-pos .pos-daily-card span{
    font-size:7.5px !important;
}


#view-pos .pos-daily-card i{
    width:34px !important;
    height:34px !important;
    font-size:14px !important;
}


/* -----------------------------------------------------
   DYNAMIC CART LAYOUT
----------------------------------------------------- */

#view-pos .pos-grid{
    transition:
        grid-template-columns
        .18s ease;
}


/* Empty invoice = product area gets more room */

#view-pos .pos-grid.pos-smart-empty-r1{
    grid-template-columns:
        minmax(0,1.95fr)
        minmax(330px,.72fr)
        !important;
}


/* Cart contains products */

#view-pos .pos-grid.pos-smart-filled-r1{
    grid-template-columns:
        minmax(0,1.55fr)
        minmax(380px,1fr)
        !important;
}


/* -----------------------------------------------------
   PRODUCTS PANEL
----------------------------------------------------- */

#view-pos .products-panel{
    padding:14px !important;
}


#view-pos .products-panel .panel-head{
    margin-bottom:9px !important;
}


#view-pos .scan-input input{
    height:44px !important;
    font-size:12px !important;
    border-radius:11px !important;
}

/* -----------------------------------------------------
   QUICK SELL
----------------------------------------------------- */

.pos-smart-quick-r1{
    margin:
        8px
        0
        9px;

    padding:
        9px;

    border:
        1px
        solid
        #e2ebe8;

    background:
        linear-gradient(
            135deg,
            #fbfefd,
            #f6fbf9
        );

    border-radius:
        12px;
}


.pos-smart-quick-title-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:7px;
}


.pos-smart-quick-title-r1 span{
    color:#168767;
    font-size:9px;
    font-weight:900;
}


.pos-smart-quick-title-r1 small{
    color:#95a29f;
    font-size:7.5px;
}


.pos-smart-quick-items-r1{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scrollbar-width:none;
}


.pos-smart-quick-items-r1::-webkit-scrollbar{
    display:none;
}


.pos-smart-quick-items-r1 button{
    flex:
        0
        0
        180px;

    min-width:0;

    display:grid;

    grid-template-columns:
        31px
        minmax(0,1fr);

    align-items:center;

    gap:7px;

    border:
        1px
        solid
        #e5ece9;

    border-radius:
        10px;

    padding:
        7px;

    background:#fff;

    text-align:right;

    cursor:pointer;
}


.pos-smart-quick-items-r1 button:hover{
    border-color:#addbcc;
    background:#fbfefd;
}


.pos-smart-quick-items-r1 button>span{
    width:31px;
    height:31px;
    border-radius:8px;
    display:grid;
    place-items:center;
    background:#f3f7f6;
    overflow:hidden;
    font-size:15px;
}


.pos-smart-quick-items-r1 img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.pos-smart-quick-items-r1 b{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:9px;
    color:#17344a;
}


.pos-smart-quick-items-r1 small{
    display:block;
    margin-top:2px;
    color:#91a09c;
    font-size:7px;
}


.pos-smart-quick-items-r1 strong{
    grid-column:2;
    font-size:8px;
    color:#158864;
}


/* -----------------------------------------------------
   CATEGORIES — NO UGLY HORIZONTAL BAR
----------------------------------------------------- */

#view-pos .category-chips{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    overflow:visible !important;
    max-height:none !important;
    margin-bottom:9px !important;
}


#view-pos .category-chip{
    flex:0 0 auto;
    padding:6px 10px !important;
    font-size:8.5px !important;
}


/* -----------------------------------------------------
   PRODUCT GRID / LOW STOCK
----------------------------------------------------- */

#view-pos .product-card{
    position:relative;
}


#view-pos .pos-smart-stock-badge-r1{
    position:absolute;
    top:6px;
    left:6px;
    z-index:5;

    padding:
        3px
        6px;

    border-radius:999px;

    background:#fff0e8;
    color:#c66725;

    border:
        1px
        solid
        #f5d2ba;

    font-size:7px;
    font-weight:900;
}


#view-pos .product-card.pos-smart-out-r1{
    opacity:.48 !important;
    cursor:not-allowed !important;
    filter:grayscale(.25);
}


/* -----------------------------------------------------
   CART HEADER
----------------------------------------------------- */

#view-pos #clearCart:disabled,
#view-pos .pos-clear-disabled-r1{
    opacity:.25 !important;
    cursor:not-allowed !important;
    pointer-events:none;
}


/* -----------------------------------------------------
   CUSTOMER HISTORY HINT
----------------------------------------------------- */

.pos-customer-hint-r1{
    grid-column:1/-1;

    display:flex;
    align-items:center;
    gap:7px;

    margin:
        -2px
        0
        6px;

    padding:
        6px
        8px;

    border:
        1px
        solid
        #dcebe6;

    border-radius:
        9px;

    background:#f7fcfa;
}


.pos-customer-hint-r1 span{
    color:#168767;
    font-size:8px;
    font-weight:900;
}


.pos-customer-hint-r1 b{
    color:#4f6878;
    font-size:8px;
}


.pos-customer-hint-r1 small{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#8a9aA3;
    font-size:7.5px;
}


/* -----------------------------------------------------
   CROSS SELL
----------------------------------------------------- */

.pos-cross-sell-r1{
    margin:
        6px
        0;

    padding:
        8px;

    border:
        1px
        solid
        #dfece7;

    background:#f8fcfa;

    border-radius:11px;
}


.pos-cross-sell-title-r1{
    margin-bottom:6px;
}


.pos-cross-sell-title-r1 b{
    display:block;
    color:#168365;
    font-size:8.5px;
}


.pos-cross-sell-title-r1 small{
    display:block;
    margin-top:1px;
    color:#93a19c;
    font-size:7px;
}


.pos-cross-sell-items-r1{
    display:grid;
    gap:5px;
}


.pos-cross-sell-items-r1 button{
    width:100%;

    display:grid;

    grid-template-columns:
        30px
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:7px;

    padding:
        6px;

    border:
        1px
        solid
        #e6eeeb;

    border-radius:
        9px;

    background:#fff;

    text-align:right;

    cursor:pointer;
}


.pos-cross-sell-items-r1 button>span{
    width:30px;
    height:30px;
    border-radius:7px;
    display:grid;
    place-items:center;
    background:#f3f7f6;
    overflow:hidden;
}


.pos-cross-sell-items-r1 img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.pos-cross-sell-items-r1 b{
    display:block;
    font-size:8.5px;
    color:#18344a;
}


.pos-cross-sell-items-r1 small{
    display:block;
    margin-top:1px;
    font-size:7px;
    color:#94a29d;
}


.pos-cross-sell-items-r1 em{
    font-style:normal;
    color:#168867;
    background:#edf9f5;
    border-radius:999px;
    padding:5px 7px;
    font-size:7.5px;
    font-weight:900;
}


.pos-cross-sell-items-r1 button:hover{
    border-color:#afdccc;
}


/* -----------------------------------------------------
   CHECKOUT AREA
----------------------------------------------------- */

#view-pos .cart-panel .totals{
    position:sticky !important;
    bottom:0 !important;
    z-index:7 !important;

    background:#fff;

    border-radius:
        0
        0
        12px
        12px;

    box-shadow:
        0
        -8px
        20px
        rgba(
            19,
            46,
            65,
            .035
        );
}


#view-pos #checkoutBtn:disabled{
    opacity:.45 !important;
    cursor:not-allowed !important;
}


/* -----------------------------------------------------
   EMPTY CART
----------------------------------------------------- */

#view-pos .pos-grid.pos-smart-empty-r1 #cartItems.empty-state{
    min-height:64px !important;
    max-height:64px !important;
    font-size:10px !important;
}


/* -----------------------------------------------------
   RESPONSIVE
----------------------------------------------------- */

@media(max-width:1250px) and (min-width:1101px){

    #view-pos .pos-grid.pos-smart-empty-r1,
    #view-pos .pos-grid.pos-smart-filled-r1{
        grid-template-columns:
            minmax(0,1.35fr)
            minmax(340px,.9fr)
            !important;
    }

}


@media(max-width:1100px){

    #view-pos .pos-grid.pos-smart-empty-r1,
    #view-pos .pos-grid.pos-smart-filled-r1{
        grid-template-columns:
            1fr
            !important;
    }

}


@media(max-width:760px){

    #view-pos .pos-daily-strip{
        grid-template-columns:
            1fr
            !important;
    }


    .pos-smart-quick-items-r1 button{
        flex-basis:160px;
    }


    .pos-customer-hint-r1{
        align-items:flex-start;
        flex-direction:column;
    }

}



/* =====================================================================
   BATARYA 1% — POS SPEED R2
   ===================================================================== */


/* -----------------------------------------------------
   CART HEADER ACTIONS
----------------------------------------------------- */

#view-pos .cart-panel .panel-head{
    position:relative;
}


.pos-hold-actions-r2{
    display:flex;
    align-items:center;
    gap:6px;
    margin-inline-start:auto;
}


.pos-hold-actions-r2 button{
    height:29px;
    padding:0 9px;
    border-radius:8px;
    font-size:8.5px;
    font-weight:850;
    cursor:pointer;
}


.pos-hold-btn-r2{
    border:1px solid #d9e7e2;
    background:#f5fbf8;
    color:#148263;
}


.pos-hold-btn-r2:hover{
    background:#ecf8f3;
}


.pos-hold-btn-r2:disabled{
    opacity:.35;
    cursor:not-allowed;
}


.pos-held-list-btn-r2{
    display:flex;
    align-items:center;
    gap:5px;
    border:1px solid #e1e7eb;
    background:#f8fafb;
    color:#627786;
}


.pos-held-list-btn-r2 span{
    display:grid;
    place-items:center;
    min-width:18px;
    height:18px;
    padding:0 4px;
    border-radius:999px;
    background:#e9eef1;
    color:#6b7e8b;
    font-size:7.5px;
}


.pos-held-list-btn-r2.has-items{
    border-color:#e9d9b8;
    background:#fffaf0;
    color:#9a6a17;
}


.pos-held-list-btn-r2.has-items span{
    background:#f7e7c4;
    color:#936313;
}


/* -----------------------------------------------------
   HELD INVOICE LIST
----------------------------------------------------- */

.pos-held-invoices-r2{
    position:relative;
    z-index:15;
    margin:-2px 0 8px;
    padding:9px;
    border:1px solid #e1e8ec;
    border-radius:11px;
    background:#fff;
    box-shadow:
        0 10px 25px
        rgba(20,45,63,.08);
}


.pos-held-head-r2{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:7px;
}


.pos-held-head-r2 b{
    display:block;
    font-size:9.5px;
    color:#17344a;
}


.pos-held-head-r2 small{
    display:block;
    margin-top:1px;
    font-size:7px;
    color:#96a3ac;
}


.pos-held-head-r2>button{
    width:26px;
    height:26px;
    border:0;
    border-radius:7px;
    background:#f3f6f8;
    color:#748794;
    cursor:pointer;
}


.pos-held-list-r2{
    display:grid;
    gap:5px;
    max-height:210px;
    overflow-y:auto;
}


.pos-held-list-r2 article{
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        auto
        auto
        auto;
    align-items:center;
    gap:7px;
    padding:7px;
    border:1px solid #e9eef1;
    border-radius:9px;
    background:#fafcfd;
}


.pos-held-list-r2 article b{
    display:block;
    font-size:8.5px;
    color:#244257;
}


.pos-held-list-r2 article small{
    display:block;
    margin-top:1px;
    font-size:7px;
    color:#99a5ad;
}


.pos-held-list-r2 article strong{
    font-size:9px;
    color:#173b52;
}


.pos-held-list-r2 article button{
    padding:5px 7px;
    border-radius:7px;
    font-size:7.5px;
    font-weight:850;
    cursor:pointer;
}


.pos-held-list-r2 article button.restore{
    border:1px solid #cee7dd;
    background:#eef9f5;
    color:#168463;
}


.pos-held-list-r2 article button.delete{
    border:1px solid #f0d9d9;
    background:#fff7f7;
    color:#c45c5c;
}


.pos-held-empty-r2{
    padding:12px;
    text-align:center;
    color:#95a3ac;
    background:#fafcfd;
    border:1px dashed #dfe7eb;
    border-radius:9px;
    font-size:8.5px;
}


/* -----------------------------------------------------
   CASH CHANGE CALCULATOR
----------------------------------------------------- */

.pos-cash-change-r2{
    margin:7px 0 8px;
    padding:9px;
    border:1px solid #dceae5;
    border-radius:11px;
    background:
        linear-gradient(
            135deg,
            #f8fcfa,
            #f3faf7
        );
}


.pos-cash-change-head-r2{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:7px;
}


.pos-cash-change-head-r2 small{
    display:block;
    color:#7e918a;
    font-size:7px;
}


.pos-cash-change-head-r2 b{
    display:block;
    margin-top:1px;
    color:#17684f;
    font-size:10px;
}


.pos-cash-change-head-r2 button{
    height:27px;
    border:1px solid #cfe6dd;
    border-radius:8px;
    padding:0 8px;
    background:#fff;
    color:#168263;
    font-size:7.5px;
    font-weight:850;
    cursor:pointer;
}


.pos-cash-change-head-r2 button:disabled{
    opacity:.35;
    cursor:not-allowed;
}


.pos-cash-change-fields-r2{
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);
    gap:7px;
}


.pos-cash-change-fields-r2 label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:7px 8px;
    border:1px solid #dfe9e5;
    border-radius:9px;
    background:#fff;
}


.pos-cash-change-fields-r2 label span{
    color:#768b83;
    font-size:8px;
    font-weight:800;
}


.pos-cash-change-fields-r2 input{
    width:110px;
    height:31px;
    border:1px solid #d8e4df;
    border-radius:7px;
    padding:0 8px;
    background:#fff;
    color:#183b2f;
    font-size:11px;
    font-weight:900;
    text-align:center;
}


.pos-change-result-r2{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:7px 9px;
    border:1px solid #e2e9ec;
    border-radius:9px;
    background:#fff;
}


.pos-change-result-r2 small{
    color:#8999a3;
    font-size:8px;
}


.pos-change-result-r2 strong{
    color:#17364b;
    font-size:14px;
}


.pos-change-result-r2.positive{
    border-color:#c9e7dc;
    background:#f5fbf8;
}


.pos-change-result-r2.positive small,
.pos-change-result-r2.positive strong{
    color:#14815f;
}


.pos-change-result-r2.negative{
    border-color:#f1d7d4;
    background:#fff8f7;
}


.pos-change-result-r2.negative small,
.pos-change-result-r2.negative strong{
    color:#c1534d;
}


/* -----------------------------------------------------
   KEYBOARD SHORTCUT BAR
----------------------------------------------------- */

.pos-shortcuts-r2{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    min-height:26px;
    margin:-5px 0 9px;
    color:#8b99a3;
}


.pos-shortcuts-r2>span{
    margin-inline-end:4px;
    color:#6d808d;
    font-size:7.5px;
    font-weight:850;
}


.pos-shortcuts-r2 kbd{
    min-width:24px;
    height:20px;
    display:grid;
    place-items:center;
    padding:0 4px;
    border:1px solid #dce4e8;
    border-bottom-width:2px;
    border-radius:5px;
    background:#fff;
    color:#415c6d;
    font-family:inherit;
    font-size:7px;
    font-weight:900;
    box-shadow:0 1px 1px rgba(15,35,50,.04);
}


.pos-shortcuts-r2 small{
    margin-inline-end:3px;
    font-size:7px;
    color:#95a2aa;
}


/* -----------------------------------------------------
   MOBILE
----------------------------------------------------- */

@media(max-width:760px){

    .pos-shortcuts-r2{
        display:none;
    }


    .pos-cash-change-fields-r2{
        grid-template-columns:1fr;
    }


    .pos-held-list-r2 article{
        grid-template-columns:
            minmax(0,1fr)
            auto;
    }


    .pos-held-list-r2 article button{
        grid-row:2;
    }

}



/* =========================================================
   BATARYA_POS_BARCODE_FOCUS_R1
   POS BARCODE INPUT — SELLER ATTENTION
   ========================================================= */

#view-pos .pos-search-stack{
    position:relative;
    padding-top:19px;
}


/* العلامة فوق مربع البحث */

#view-pos .pos-search-stack::before{
    content:"▥  امسح الباركود هنا";

    position:absolute;

    top:0;
    right:14px;

    z-index:4;

    display:flex;
    align-items:center;

    height:27px;

    padding:
        0
        11px;

    border-radius:
        999px;

    background:
        #0fa77a;

    color:
        #fff;

    font-size:
        9px;

    font-weight:
        900;

    box-shadow:
        0
        5px
        14px
        rgba(
            15,
            167,
            122,
            .18
        );

    pointer-events:none;
}


/* المربع الرئيسي */

#view-pos .scan-input{

    position:relative;

    min-height:
        54px !important;

    border:
        2px
        solid
        #8ddcc4 !important;

    border-radius:
        14px !important;

    background:
        linear-gradient(
            135deg,
            #f0fcf8 0%,
            #f8fffc 100%
        ) !important;

    box-shadow:
        0
        0
        0
        4px
        rgba(
            15,
            167,
            122,
            .055
        );

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        transform .18s ease;
}


/* أيقونة الباركود */

#view-pos .scan-input > span{

    width:
        36px !important;

    height:
        36px !important;

    flex:
        0
        0
        36px;

    display:grid;

    place-items:center;

    border-radius:
        10px;

    background:
        #0fa77a;

    color:
        #fff !important;

    font-size:
        18px !important;

    font-weight:
        900;

    box-shadow:
        0
        5px
        12px
        rgba(
            15,
            167,
            122,
            .16
        );
}


/* النص */

#view-pos #posSearch{

    height:
        50px !important;

    border:
        0 !important;

    background:
        transparent !important;

    color:
        #173b4e !important;

    font-size:
        13px !important;

    font-weight:
        750;

    box-shadow:
        none !important;
}


#view-pos #posSearch::placeholder{

    color:
        #6d9387 !important;

    opacity:
        1;

    font-weight:
        700;
}


/* عند الضغط أو المسح */

#view-pos .scan-input:focus-within{

    border-color:
        #08a676 !important;

    background:
        #effcf7 !important;

    box-shadow:
        0
        0
        0
        5px
        rgba(
            8,
            166,
            118,
            .11
        ),
        0
        9px
        24px
        rgba(
            8,
            120,
            87,
            .08
        );

    transform:
        translateY(-1px);
}


#view-pos .scan-input:focus-within > span{

    background:
        #078e66;

}


/* نبضة صغيرة للعلامة عند فتح الكاشير */

@keyframes bataryaBarcodeAttentionR1{

    0%,100%{
        box-shadow:
            0
            5px
            14px
            rgba(
                15,
                167,
                122,
                .18
            );
    }

    50%{
        box-shadow:
            0
            5px
            18px
            rgba(
                15,
                167,
                122,
                .38
            );
    }

}


#view-pos.active .pos-search-stack::before{
    animation:
        bataryaBarcodeAttentionR1
        1.8s
        ease-in-out
        2;
}


/* موبايل */

@media(max-width:760px){

    #view-pos .pos-search-stack::before{
        right:9px;
        font-size:8px;
        height:24px;
    }

    #view-pos .pos-search-stack{
        padding-top:17px;
    }

}



/* =====================================================================
   BATARYA 1% — SHIFT SMART R1
   ===================================================================== */


/* -----------------------------------------------------
   ORIGINAL TOP BUTTON
----------------------------------------------------- */

#view-shifts .shift-smart-original-hidden-r1{
    display:none !important;
}


/* -----------------------------------------------------
   HERO ACTION
----------------------------------------------------- */

#view-shifts .shift-hero{
    position:relative;
}


.shift-smart-hero-actions-r1{
    display:flex;
    align-items:center;
    gap:10px;
    margin-inline-start:auto;
}


.shift-smart-duration-r1{
    min-width:130px;
    padding:8px 11px;
    border:1px solid #dce9e5;
    border-radius:10px;
    background:#f8fcfa;
}


.shift-smart-duration-r1 small{
    display:block;
    color:#82958e;
    font-size:7.5px;
}


.shift-smart-duration-r1 strong{
    display:block;
    margin-top:2px;
    color:#176c54;
    font-size:11px;
}


.shift-smart-duration-r1 strong.long{
    color:#b16a20;
}


.shift-smart-close-btn-r1{
    height:38px;
    padding:0 14px;
    border:0;
    border-radius:10px;
    background:#10a979;
    color:#fff;
    font-size:9.5px;
    font-weight:900;
    cursor:pointer;
    box-shadow:
        0 7px 16px
        rgba(16,169,121,.17);
}


.shift-smart-close-btn-r1:hover{
    background:#0b9369;
}


/* -----------------------------------------------------
   COMPACT SUMMARY
----------------------------------------------------- */

#view-shifts .shift-smart-summary-r1{
    gap:8px !important;
    margin-bottom:12px !important;
}


#view-shifts .shift-smart-summary-r1 .shift-summary-card{
    min-height:76px !important;
    padding:10px 12px !important;
    border-radius:12px !important;
}


#view-shifts .shift-smart-summary-r1 .shift-summary-card small{
    font-size:8px !important;
}


#view-shifts .shift-smart-summary-r1 .shift-summary-card strong{
    font-size:17px !important;
}


#view-shifts .shift-smart-summary-r1 .shift-summary-card span{
    font-size:7px !important;
}


#view-shifts .shift-smart-summary-r1 .shift-smart-expected-r1{
    border-color:#f0d7a7 !important;
    background:#fffbf3 !important;
}


#view-shifts .shift-smart-summary-r1 .shift-smart-expected-r1 strong{
    color:#bd7417 !important;
}


/* -----------------------------------------------------
   READINESS CARD
----------------------------------------------------- */

.shift-smart-readiness-r1{
    margin-bottom:12px;
    padding:15px !important;
    border-color:#dce9e5 !important;
    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #f9fcfb 100%
        ) !important;
}


.shift-smart-readiness-head-r1{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px;
}


.shift-smart-readiness-head-r1 small{
    color:#12a276;
    font-size:8px;
    font-weight:900;
    letter-spacing:.07em;
}


.shift-smart-readiness-head-r1 h3{
    margin:2px 0 3px;
    color:#17364b;
    font-size:15px;
}


.shift-smart-readiness-head-r1 p{
    margin:0;
    color:#8999a3;
    font-size:8.5px;
}


.shift-smart-ready-badge-r1{
    padding:6px 9px;
    border-radius:999px;
    font-size:8px;
    font-weight:900;
    white-space:nowrap;
}


.shift-smart-ready-badge-r1.ready{
    background:#eaf8f3;
    color:#148361;
}


.shift-smart-ready-badge-r1.wait{
    background:#fff6e8;
    color:#ad6b18;
}


/* -----------------------------------------------------
   MONEY COUNT
----------------------------------------------------- */

.shift-smart-count-grid-r1{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:8px;
}


.shift-smart-count-grid-r1>article,
.shift-smart-actual-r1{
    min-height:86px;
    padding:10px 11px;
    border:1px solid #e3eaed;
    border-radius:11px;
    background:#fff;
}


.shift-smart-count-grid-r1 small,
.shift-smart-actual-r1>span{
    display:block;
    color:#84959f;
    font-size:8px;
    font-weight:750;
}


.shift-smart-count-grid-r1 strong{
    display:block;
    margin:6px 0 2px;
    color:#17384d;
    font-size:18px;
}


.shift-smart-count-grid-r1 article>span{
    color:#9ca8af;
    font-size:7px;
}


.shift-smart-actual-r1{
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        auto;
    align-items:end;
    gap:6px;
}


.shift-smart-actual-r1>span{
    grid-column:1/-1;
}


.shift-smart-actual-r1 input{
    width:100%;
    height:38px;
    border:1px solid #cfe1da;
    border-radius:8px;
    padding:0 9px;
    background:#f8fcfa;
    color:#153f31;
    font-size:14px;
    font-weight:900;
}


.shift-smart-actual-r1 button{
    height:38px;
    border:1px solid #d7e5e0;
    border-radius:8px;
    padding:0 9px;
    background:#fff;
    color:#167c60;
    font-size:7.5px;
    font-weight:850;
    cursor:pointer;
}


.shift-smart-variance-r1.ok{
    border-color:#cbe6dc;
    background:#f5fbf8;
}


.shift-smart-variance-r1.ok strong{
    color:#15815f;
}


.shift-smart-variance-r1.warning{
    border-color:#f0dfbd;
    background:#fffaf1;
}


.shift-smart-variance-r1.warning strong{
    color:#ae6b17;
}


.shift-smart-variance-r1.danger{
    border-color:#efd2d0;
    background:#fff7f6;
}


.shift-smart-variance-r1.danger strong{
    color:#c1534d;
}


/* -----------------------------------------------------
   CHECKLIST
----------------------------------------------------- */

.shift-smart-checklist-r1{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-top:10px;
}


.shift-smart-checklist-r1>div{
    display:flex;
    align-items:center;
    gap:5px;
    padding:6px 8px;
    border-radius:999px;
    font-size:7.5px;
    font-weight:800;
}


.shift-smart-checklist-r1>div i{
    width:16px;
    height:16px;
    display:grid;
    place-items:center;
    border-radius:50%;
    font-style:normal;
    font-size:7px;
}


.shift-smart-checklist-r1>div.ok{
    background:#edf8f4;
    color:#17795f;
}


.shift-smart-checklist-r1>div.ok i{
    background:#ccecdf;
}


.shift-smart-checklist-r1>div.pending{
    background:#f5f7f8;
    color:#81919b;
}


.shift-smart-checklist-r1>div.pending i{
    background:#e4e9ec;
}


.shift-smart-checklist-r1>div.danger{
    background:#fff3f2;
    color:#bd554f;
}


.shift-smart-checklist-r1>div.danger i{
    background:#f5d5d2;
}


.shift-smart-proceed-r1{
    margin-inline-start:auto;
    height:32px;
    padding:0 11px;
    border:0;
    border-radius:9px;
    background:#173f56;
    color:#fff;
    font-size:8px;
    font-weight:900;
    cursor:pointer;
}


.shift-smart-proceed-r1:hover{
    background:#102f41;
}


.shift-smart-alert-r1{
    margin-top:9px;
    padding:8px 10px;
    border-radius:9px;
    font-size:8px;
    font-weight:800;
}


.shift-smart-alert-r1.danger{
    background:#fff4f2;
    border:1px solid #f0d4d1;
    color:#b9534d;
}


/* -----------------------------------------------------
   PERFORMANCE
----------------------------------------------------- */

.shift-smart-performance-r1{
    margin-top:12px;
}


.shift-smart-performance-grid-r1{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap:8px;
}


.shift-smart-performance-grid-r1 article{
    min-height:72px;
    padding:9px 10px;
    border:1px solid #e5ebee;
    border-radius:10px;
    background:#fafcfd;
}


.shift-smart-performance-grid-r1 small{
    display:block;
    color:#8b99a3;
    font-size:7.5px;
}


.shift-smart-performance-grid-r1 strong{
    display:block;
    margin-top:5px;
    color:#17384d;
    font-size:15px;
}


.shift-smart-performance-grid-r1 strong.product{
    font-size:10px;
    line-height:1.5;
}


.shift-smart-performance-grid-r1 article>span{
    display:block;
    margin-top:2px;
    color:#899a93;
    font-size:7px;
}


/* -----------------------------------------------------
   PAYMENT MIX
----------------------------------------------------- */

.shift-smart-paymix-r1{
    margin-top:10px;
    padding:9px 10px;
    border:1px solid #e7ecef;
    border-radius:10px;
    background:#fbfcfd;
}


.shift-smart-paymix-head-r1,
.shift-smart-paymix-labels-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}


.shift-smart-paymix-head-r1 span{
    color:#667d8b;
    font-size:8px;
    font-weight:850;
}


.shift-smart-paymix-head-r1 b{
    color:#15815f;
    font-size:8px;
}


.shift-smart-paybar-r1{
    height:6px;
    margin:7px 0 5px;
    border-radius:999px;
    background:#e7edf0;
    overflow:hidden;
}


.shift-smart-paybar-r1 i{
    display:block;
    height:100%;
    border-radius:999px;
    background:#18a77b;
}


.shift-smart-paymix-labels-r1 span{
    color:#91a0a9;
    font-size:7px;
}


/* -----------------------------------------------------
   RULES COLLAPSIBLE
----------------------------------------------------- */

.shift-smart-rules-r1 .shift-smart-rules-toggle-r1{
    margin-inline-start:auto;
    border:1px solid #dfe7eb;
    background:#f8fafb;
    color:#677c89;
    border-radius:8px;
    padding:5px 8px;
    font-size:7.5px;
    font-weight:800;
    cursor:pointer;
}


.shift-smart-rules-r1.collapsed .shift-rules{
    display:none !important;
}


.shift-smart-rules-r1.collapsed{
    min-height:0 !important;
}


/* -----------------------------------------------------
   MOBILE
----------------------------------------------------- */

@media(max-width:900px){

    .shift-smart-count-grid-r1{
        grid-template-columns:1fr;
    }

    .shift-smart-performance-grid-r1{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:650px){

    .shift-smart-readiness-head-r1,
    .shift-smart-hero-actions-r1{
        flex-direction:column;
        align-items:stretch;
    }

    .shift-smart-performance-grid-r1{
        grid-template-columns:1fr;
    }

    .shift-smart-proceed-r1{
        width:100%;
        margin-inline-start:0;
    }

}



/* =====================================================================
   BATARYA 1% — SALES SMART R1
   ===================================================================== */


/* -----------------------------------------------------
   SUMMARY + FILTERS COMPACT
----------------------------------------------------- */

#view-sales #salesSummary{
    margin-bottom:10px !important;
    gap:9px !important;
}


#view-sales #salesSummary .summary-card{
    min-height:70px !important;
    padding:10px 13px !important;
    border-radius:13px !important;
}


#view-sales #salesSummary .summary-card small{
    margin-bottom:4px !important;
    font-size:8.5px !important;
}


#view-sales #salesSummary .summary-card strong{
    font-size:17px !important;
}


#view-sales .sales-history-toolbar{
    padding:10px 11px !important;
    gap:8px !important;
    margin-bottom:7px !important;
    border-radius:13px !important;
}


#view-sales .sales-history-toolbar input,
#view-sales .sales-history-toolbar select,
#view-sales .sales-history-toolbar button{
    min-height:38px !important;
    height:38px !important;
    border-radius:9px !important;
}


/* -----------------------------------------------------
   QUICK FILTER CHIPS
----------------------------------------------------- */

.sales-smart-filters-r1{
    display:flex;
    align-items:center;
    gap:6px;
    overflow-x:auto;
    scrollbar-width:none;
    padding:2px 1px 8px;
}


.sales-smart-filters-r1::-webkit-scrollbar{
    display:none;
}


.sales-smart-filters-r1 button{
    flex:0 0 auto;
    height:29px;
    padding:0 10px;
    border:1px solid #dfe7eb;
    border-radius:999px;
    background:#fff;
    color:#667c89;
    font-size:8px;
    font-weight:850;
    cursor:pointer;
}


.sales-smart-filters-r1 button:hover{
    border-color:#b7d9ce;
    color:#168263;
}


.sales-smart-filters-r1 button.active{
    background:#eaf8f3;
    border-color:#b9dfd2;
    color:#13815f;
}


/* -----------------------------------------------------
   LEGACY BAR
----------------------------------------------------- */

#view-sales .sales-smart-legacy-r1{
    position:relative;
    min-height:0 !important;
    padding:8px 10px !important;
    margin:5px 0 7px !important;
    border-radius:10px !important;
}


#view-sales .sales-smart-legacy-r1 span{
    display:none;
}


#view-sales .sales-smart-legacy-r1.expanded span{
    display:block;
    margin-top:3px;
    font-size:8px !important;
}


.sales-smart-legacy-toggle-r1{
    position:absolute;
    left:9px;
    top:50%;
    transform:translateY(-50%);
    border:1px solid #d9e4ef;
    border-radius:7px;
    background:#fff;
    color:#58728a;
    padding:4px 7px;
    font-size:7px;
    font-weight:800;
    cursor:pointer;
}


/* -----------------------------------------------------
   PRINT NOTICE SMALLER
----------------------------------------------------- */

#view-sales .sales-direct-print-notice,
#view-sales .sales-print-notice{
    padding:7px 10px !important;
    margin:5px 0 8px !important;
    border-radius:10px !important;
    min-height:0 !important;
    font-size:8px !important;
}


/* -----------------------------------------------------
   CUSTOMER PROFILE
----------------------------------------------------- */

.sales-customer-profile-r1{
    display:grid;
    grid-template-columns:
        minmax(220px,1.4fr)
        repeat(3,minmax(120px,.7fr));
    align-items:center;
    gap:8px;
    margin:7px 0;
    padding:9px 10px;
    border:1px solid #dce9e5;
    border-radius:11px;
    background:
        linear-gradient(
            135deg,
            #f8fcfa,
            #fff
        );
}


.sales-customer-profile-r1>div:first-child small{
    display:block;
    color:#12a276;
    font-size:7px;
    font-weight:900;
    letter-spacing:.06em;
}


.sales-customer-profile-r1>div:first-child b{
    display:block;
    margin-top:2px;
    color:#17384c;
    font-size:11px;
}


.sales-customer-profile-r1>div:first-child span{
    display:block;
    margin-top:1px;
    color:#84949f;
    font-size:8px;
}


.sales-customer-profile-r1 article{
    padding:7px 8px;
    border:1px solid #e7edef;
    border-radius:9px;
    background:#fff;
}


.sales-customer-profile-r1 article small{
    display:block;
    color:#8c9aa3;
    font-size:7px;
}


.sales-customer-profile-r1 article strong{
    display:block;
    margin-top:3px;
    color:#17384c;
    font-size:11px;
}


.sales-customer-products-r1{
    grid-column:1/-1;
    display:flex;
    gap:7px;
    align-items:center;
    padding-top:6px;
    border-top:1px solid #edf1f2;
}


.sales-customer-products-r1 small{
    color:#82938d;
    font-size:7px;
    font-weight:850;
}


.sales-customer-products-r1 span{
    color:#476575;
    font-size:8px;
}


/* -----------------------------------------------------
   STICKY TABLE HEADER
----------------------------------------------------- */

#view-sales #salesTableWrap{
    overflow:visible !important;
}


#view-sales #salesTableWrap .table-scroll{
    max-height:calc(100vh - 250px);
    overflow:auto !important;
    border-radius:14px;
}


#view-sales .sales-smart-table-r1 thead{
    position:sticky;
    top:0;
    z-index:8;
}


#view-sales .sales-smart-table-r1 thead th{
    position:sticky;
    top:0;
    z-index:8;
    background:#f6f9fa !important;
    box-shadow:
        0 1px 0 #dfe7ea;
}


/* -----------------------------------------------------
   PAYMENT BADGES
----------------------------------------------------- */

.sales-payment-badge-r1{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    padding:4px 7px;
    border-radius:999px;
    font-size:7.5px;
    font-weight:900;
    white-space:nowrap;
}


.sales-payment-badge-r1.cash{
    background:#eaf8f3;
    color:#14815f;
}


.sales-payment-badge-r1.vodafone{
    background:#fff0f0;
    color:#cf4d4d;
}


.sales-payment-badge-r1.instapay{
    background:#edf5ff;
    color:#3474bc;
}


.sales-payment-badge-r1.card{
    background:#f4efff;
    color:#7754b5;
}


.sales-payment-badge-r1.other{
    background:#f3f6f8;
    color:#687c89;
}


/* -----------------------------------------------------
   ROW STATUS BADGES
----------------------------------------------------- */

.sales-smart-row-badges-r1{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-top:4px;
}


.sales-smart-row-badges-r1 span,
.sales-smart-expand-badges-r1 span{
    display:inline-flex;
    padding:3px 6px;
    border-radius:999px;
    font-size:6.5px;
    font-weight:850;
    white-space:nowrap;
}


.sales-smart-row-badges-r1 .audit.ok,
.sales-smart-expand-badges-r1 .audit.ok{
    background:#eef8f4;
    color:#14815f;
}


.sales-smart-row-badges-r1 .audit.review,
.sales-smart-expand-badges-r1 .audit.review{
    background:#fff5e8;
    color:#ad6b18;
}


.sales-smart-expand-badges-r1 .audit.history{
    background:#edf3fa;
    color:#557797;
}


.sales-smart-row-badges-r1 .return.partial,
.sales-smart-expand-badges-r1 .return.partial{
    background:#fff6e8;
    color:#ad6b18;
}


.sales-smart-row-badges-r1 .return.full,
.sales-smart-expand-badges-r1 .return.full{
    background:#fff0ef;
    color:#bd554f;
}


/* -----------------------------------------------------
   ACTION BUTTONS
----------------------------------------------------- */

#view-sales .sales-smart-expand-btn-r1{
    background:#f4f8fa !important;
    color:#506d7e !important;
}


#view-sales .sales-return-complete-r1{
    opacity:.55 !important;
    cursor:not-allowed !important;
}


/* -----------------------------------------------------
   EXPANDED INVOICE
----------------------------------------------------- */

#view-sales .sales-smart-expand-row-r1 td{
    padding:0 !important;
    background:#f8fbfc !important;
}


.sales-smart-expand-r1{
    padding:12px 14px;
    border-top:1px solid #dfe7ea;
    border-bottom:1px solid #dfe7ea;
}


.sales-smart-expand-head-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
}


.sales-smart-expand-head-r1 small{
    display:block;
    color:#13a276;
    font-size:7px;
    font-weight:900;
}


.sales-smart-expand-head-r1 b{
    display:block;
    margin-top:2px;
    color:#18384d;
    font-size:9px;
}


.sales-smart-expand-badges-r1{
    display:flex;
    gap:5px;
}


/* mini summary */

.sales-smart-mini-r1{
    display:grid;
    grid-template-columns:
        repeat(5,minmax(0,1fr));
    gap:6px;
    margin-bottom:9px;
}


.sales-smart-mini-r1 article{
    min-height:56px;
    padding:7px 8px;
    border:1px solid #e4eaed;
    border-radius:8px;
    background:#fff;
}


.sales-smart-mini-r1 article small{
    display:block;
    color:#8b99a3;
    font-size:6.5px;
}


.sales-smart-mini-r1 article strong{
    display:block;
    margin-top:4px;
    color:#19394e;
    font-size:11px;
}


.sales-smart-mini-r1 article.returned{
    background:#fff8f2;
    border-color:#f0dfca;
}


/* products */

.sales-smart-expand-items-r1{
    display:grid;
    gap:4px;
}


.sales-smart-expand-item-r1{
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        auto
        auto;
    align-items:center;
    gap:10px;
    padding:6px 8px;
    border:1px solid #e7ecef;
    border-radius:8px;
    background:#fff;
}


.sales-smart-expand-item-r1 b{
    display:block;
    color:#29485a;
    font-size:8px;
}


.sales-smart-expand-item-r1 small{
    display:block;
    margin-top:1px;
    color:#9aa6ad;
    font-size:6.5px;
}


.sales-smart-expand-item-r1 span{
    color:#627986;
    font-size:7.5px;
}


.sales-smart-expand-item-r1 strong{
    color:#17384c;
    font-size:8.5px;
}


.sales-smart-expand-foot-r1{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:8px;
    padding-top:7px;
    border-top:1px solid #e8edef;
    color:#80909a;
    font-size:7.5px;
}


.sales-smart-expand-foot-r1 b{
    color:#3b596a;
}


.sales-smart-empty-r1{
    padding:10px;
    text-align:center;
    color:#92a0a8;
    font-size:8px;
}


/* -----------------------------------------------------
   TABLE ROW TIGHTENING
----------------------------------------------------- */

#view-sales .sales-smart-table-r1 tbody td{
    padding-top:8px !important;
    padding-bottom:8px !important;
}


#view-sales .sales-smart-table-r1 .actions-cell{
    min-width:280px !important;
}


/* -----------------------------------------------------
   RESPONSIVE
----------------------------------------------------- */

@media(max-width:1100px){

    .sales-customer-profile-r1{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .sales-customer-profile-r1>div:first-child{
        grid-column:1/-1;
    }


    .sales-smart-mini-r1{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


@media(max-width:700px){

    .sales-customer-profile-r1{
        grid-template-columns:1fr;
    }


    .sales-customer-profile-r1>div:first-child{
        grid-column:auto;
    }


    .sales-smart-mini-r1{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}



/* =====================================================================
   BATARYA 1% — PURCHASE SMART R1
   ===================================================================== */


/* -----------------------------------------------------
   SUMMARY
----------------------------------------------------- */

#view-purchases #purchaseSummary{
    gap:9px !important;
    margin-bottom:10px !important;
}


#view-purchases #purchaseSummary .summary-card{
    min-height:72px !important;
    padding:11px 13px !important;
    border-radius:13px !important;
}


#view-purchases #purchaseSummary .summary-card small{
    font-size:8px !important;
    margin-bottom:4px !important;
}


#view-purchases #purchaseSummary .summary-card strong{
    font-size:17px !important;
}


#view-purchases #purchaseSummary .purchase-trend-up-r1{
    border-color:#f0d9d5 !important;
    background:#fff9f8 !important;
}


#view-purchases #purchaseSummary .purchase-trend-up-r1 strong{
    color:#c5564e !important;
}


#view-purchases #purchaseSummary .purchase-trend-down-r1{
    border-color:#cfe8df !important;
    background:#f7fcfa !important;
}


#view-purchases #purchaseSummary .purchase-trend-down-r1 strong{
    color:#14815f !important;
}


/* -----------------------------------------------------
   SEARCH + FILTERS
----------------------------------------------------- */

.purchase-smart-toolbar-r1{
    margin-bottom:10px;
    padding:10px;
    border:1px solid #e0e8eb;
    border-radius:14px;
    background:#fff;
}


.purchase-smart-search-r1{
    display:flex;
    align-items:center;
    gap:8px;
    height:41px;
    padding:0 11px;
    border:1px solid #d9e6e2;
    border-radius:10px;
    background:#fbfefd;
}


.purchase-smart-search-r1>span{
    color:#15906c;
    font-size:16px;
}


.purchase-smart-search-r1 input{
    width:100%;
    height:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#18384c;
    font-family:inherit;
    font-size:10px;
}


.purchase-smart-search-r1 input::placeholder{
    color:#95a1a8;
}


.purchase-smart-filter-row-r1{
    display:flex;
    align-items:center;
    gap:5px;
    overflow-x:auto;
    scrollbar-width:none;
    padding-top:8px;
}


.purchase-smart-filter-row-r1::-webkit-scrollbar{
    display:none;
}


.purchase-smart-filter-row-r1 button{
    flex:0 0 auto;
    height:28px;
    padding:0 9px;
    border:1px solid #dfe7ea;
    border-radius:999px;
    background:#fff;
    color:#667b88;
    font-size:7.5px;
    font-weight:850;
    cursor:pointer;
}


.purchase-smart-filter-row-r1 button.active{
    border-color:#b8ded1;
    background:#eaf8f3;
    color:#14815f;
}


.purchase-smart-filter-row-r1 .purchase-smart-supplier-filter-r1{
    margin-inline-start:auto;
    border-color:#d8e5f0;
    background:#f3f8fd;
    color:#47718f;
}


/* -----------------------------------------------------
   SUPPLIER PROFILE
----------------------------------------------------- */

.purchase-supplier-profile-r1{
    display:grid;
    grid-template-columns:
        minmax(200px,1.3fr)
        repeat(4,minmax(110px,.65fr));
    align-items:center;
    gap:7px;
    margin-bottom:10px;
    padding:10px;
    border:1px solid #dce9e5;
    border-radius:13px;
    background:
        linear-gradient(
            135deg,
            #f7fcfa,
            #fff
        );
}


.purchase-supplier-main-r1{
    position:relative;
}


.purchase-supplier-main-r1 small{
    display:block;
    color:#13a276;
    font-size:7px;
    font-weight:900;
}


.purchase-supplier-main-r1 h3{
    margin:3px 0 0;
    color:#17374b;
    font-size:13px;
}


.purchase-supplier-main-r1 button{
    position:absolute;
    top:0;
    left:0;
    width:25px;
    height:25px;
    border:0;
    border-radius:7px;
    background:#eef3f5;
    color:#607582;
    cursor:pointer;
}


.purchase-supplier-profile-r1 article{
    padding:7px 8px;
    border:1px solid #e5ecee;
    border-radius:9px;
    background:#fff;
}


.purchase-supplier-profile-r1 article small{
    display:block;
    color:#8c9aa3;
    font-size:6.5px;
}


.purchase-supplier-profile-r1 article strong{
    display:block;
    margin-top:3px;
    color:#18384c;
    font-size:10px;
}


.purchase-supplier-profile-r1 article.up strong{
    color:#c4564d;
}


.purchase-supplier-profile-r1 article.down strong{
    color:#15815f;
}


.purchase-supplier-top-r1{
    grid-column:1/-1;
    display:flex;
    gap:7px;
    padding-top:6px;
    border-top:1px solid #edf1f2;
}


.purchase-supplier-top-r1 small{
    color:#85958e;
    font-size:7px;
    font-weight:850;
}


.purchase-supplier-top-r1 span{
    color:#486575;
    font-size:7.5px;
}


/* -----------------------------------------------------
   TABLE
----------------------------------------------------- */

#view-purchases #purchasesTableWrap .table-scroll{
    max-height:calc(100vh - 245px);
    overflow:auto !important;
}


#view-purchases .purchase-smart-table-r1 thead th{
    position:sticky;
    top:0;
    z-index:7;
    background:#f6f9fa !important;
    box-shadow:0 1px 0 #e0e7ea;
}


#view-purchases .purchase-smart-table-r1 td{
    vertical-align:middle !important;
}


.purchase-smart-filter-hidden-r1{
    display:none !important;
}


.purchase-smart-no-results-r1 td{
    padding:25px !important;
    text-align:center;
    color:#8998a1;
}


/* -----------------------------------------------------
   INVOICE STATUS
----------------------------------------------------- */

.purchase-smart-invoice-id-r1>b{
    display:block;
    font-size:8.5px;
    color:#18384c;
}


.purchase-smart-invoice-id-r1>div{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-top:4px;
}


.purchase-review-badge-r1,
.purchase-return-badge-r1{
    display:inline-flex;
    padding:3px 6px;
    border-radius:999px;
    font-size:6.5px;
    font-weight:900;
}


.purchase-review-badge-r1{
    background:#fff5e7;
    color:#ad6a17;
}


.purchase-return-badge-r1.partial{
    background:#fff6e8;
    color:#ac6917;
}


.purchase-return-badge-r1.full{
    background:#fff0ef;
    color:#bc554e;
}


/* -----------------------------------------------------
   SUPPLIER BUTTON
----------------------------------------------------- */

.purchase-smart-supplier-btn-r1{
    border:0;
    padding:4px 7px;
    border-radius:7px;
    background:#f4f8fa;
    color:#365e73;
    font-family:inherit;
    font-size:8.5px;
    font-weight:850;
    cursor:pointer;
}


.purchase-smart-supplier-btn-r1:hover{
    background:#eaf7f3;
    color:#14815f;
}


/* -----------------------------------------------------
   COST BADGES
----------------------------------------------------- */

.purchase-smart-items-cell-r1{
    display:flex;
    flex-direction:column;
    gap:4px;
    align-items:flex-start;
}


.purchase-smart-items-cell-r1>b{
    color:#324f60;
    font-size:8px;
}


.purchase-cost-badge-r1{
    display:inline-flex;
    padding:3px 6px;
    border-radius:999px;
    font-size:6.5px;
    font-weight:900;
    white-space:nowrap;
}


.purchase-cost-badge-r1.up{
    background:#fff0ef;
    color:#c1544c;
}


.purchase-cost-badge-r1.down{
    background:#eaf8f3;
    color:#14815f;
}


.purchase-cost-badge-r1.stable{
    background:#eef4f7;
    color:#617887;
}


.purchase-cost-badge-r1.first{
    background:#f3f5f7;
    color:#82919a;
}


/* -----------------------------------------------------
   FUNDING
----------------------------------------------------- */

.purchase-smart-funding-r1{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}


.purchase-funding-badge-r1{
    display:inline-flex;
    padding:3px 6px;
    border-radius:999px;
    font-size:6.5px;
    font-weight:850;
}


.purchase-funding-badge-r1.voda{
    background:#fff0f0;
    color:#cb4d4d;
}


.purchase-funding-badge-r1.advance{
    background:#fff6e8;
    color:#aa6918;
}


.purchase-funding-badge-r1.neutral{
    background:#f2f5f6;
    color:#748691;
}


/* -----------------------------------------------------
   ACTIONS
----------------------------------------------------- */

#view-purchases .purchase-smart-quick-btn-r1{
    background:#f4f8fa !important;
    color:#506d7e !important;
}


#view-purchases .purchase-smart-repeat-btn-r1{
    background:#eef9f5 !important;
    border-color:#cce6dc !important;
    color:#15815f !important;
}


#view-purchases .purchase-return-complete-r1{
    opacity:.5 !important;
    cursor:not-allowed !important;
}


/* -----------------------------------------------------
   EXPANDED ROW
----------------------------------------------------- */

.purchase-smart-expand-row-r1>td{
    padding:0 !important;
    background:#f8fbfc !important;
}


.purchase-smart-expand-r1{
    padding:12px;
    border-top:1px solid #dfe7ea;
    border-bottom:1px solid #dfe7ea;
}


.purchase-smart-expand-head-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
}


.purchase-smart-expand-head-r1 small{
    display:block;
    color:#13a276;
    font-size:6.5px;
    font-weight:900;
}


.purchase-smart-expand-head-r1 b{
    display:block;
    margin-top:2px;
    color:#18384c;
    font-size:9px;
}


.purchase-smart-expand-head-r1 span{
    display:block;
    margin-top:1px;
    color:#81919a;
    font-size:7px;
}


.purchase-smart-expand-status-r1{
    display:flex;
    gap:5px;
}


.purchase-smart-expand-funding-r1{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:6px;
    margin-bottom:8px;
}


.purchase-smart-expand-funding-r1>div{
    min-height:55px;
    padding:7px 8px;
    border:1px solid #e5ebee;
    border-radius:8px;
    background:#fff;
}


.purchase-smart-expand-funding-r1 small{
    display:block;
    color:#8b99a3;
    font-size:6.5px;
}


.purchase-smart-expand-funding-r1 strong{
    display:block;
    margin-top:4px;
    color:#18384c;
    font-size:10px;
}


/* review reasons */

.purchase-smart-review-reasons-r1{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    margin-bottom:8px;
    padding:7px;
    border:1px solid #f0ddbb;
    border-radius:8px;
    background:#fffaf1;
}


.purchase-smart-review-reasons-r1 b{
    color:#a96717;
    font-size:7.5px;
}


.purchase-smart-review-reasons-r1 span{
    padding:3px 6px;
    border-radius:999px;
    background:#fff2d9;
    color:#986017;
    font-size:6.5px;
}


/* item lines */

.purchase-smart-items-r1{
    display:grid;
    gap:5px;
}


.purchase-smart-item-r1{
    display:grid;
    grid-template-columns:
        minmax(180px,1.6fr)
        .55fr
        .75fr
        .75fr
        .6fr
        1.1fr;
    align-items:center;
    gap:7px;
    padding:7px 8px;
    border:1px solid #e5ebee;
    border-radius:8px;
    background:#fff;
}


.purchase-smart-item-r1 small{
    display:block;
    color:#919ea6;
    font-size:6px;
}


.purchase-smart-item-r1 strong{
    display:block;
    margin-top:2px;
    color:#294858;
    font-size:8px;
}


.purchase-smart-item-main-r1>b{
    display:block;
    color:#213f52;
    font-size:8px;
}


.purchase-smart-item-main-r1 small{
    margin-top:2px;
}


.purchase-smart-item-r1 strong.avg{
    font-size:7px;
}


.purchase-item-delta-r1{
    display:inline-flex;
    margin-top:2px;
    padding:3px 5px;
    border-radius:999px;
    font-size:6px;
    font-weight:900;
}


.purchase-item-delta-r1.up{
    background:#fff0ef;
    color:#c1544c;
}


.purchase-item-delta-r1.down{
    background:#eaf8f3;
    color:#14815f;
}


.purchase-item-delta-r1.stable{
    background:#eef4f7;
    color:#617887;
}


.purchase-item-delta-r1.first{
    background:#f2f5f6;
    color:#83919a;
}


.purchase-smart-notes-r1{
    display:flex;
    gap:7px;
    margin-top:8px;
    padding-top:7px;
    border-top:1px solid #e7edef;
}


.purchase-smart-notes-r1 small{
    color:#8998a1;
    font-size:6.5px;
}


.purchase-smart-notes-r1 span{
    color:#536e7d;
    font-size:7.5px;
}


/* -----------------------------------------------------
   EMPTY STATE
----------------------------------------------------- */

.purchase-smart-empty-r1{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:260px;
    padding:30px;
    text-align:center;
    border:1px dashed #d9e5e2;
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            #fbfefd,
            #f7fbfa
        );
}


.purchase-smart-empty-icon-r1{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:10px;
    border-radius:14px;
    background:#e9f8f3;
    color:#13a276;
    font-size:22px;
    font-weight:900;
}


.purchase-smart-empty-r1 h3{
    margin:0 0 5px;
    color:#17384c;
    font-size:14px;
}


.purchase-smart-empty-r1 p{
    max-width:520px;
    margin:0 0 13px;
    color:#82929c;
    font-size:8.5px;
    line-height:1.7;
}


.purchase-smart-empty-r1 button{
    height:36px;
    padding:0 13px;
    border:0;
    border-radius:9px;
    background:#10a979;
    color:#fff;
    font-size:8.5px;
    font-weight:900;
    cursor:pointer;
}


/* -----------------------------------------------------
   RESPONSIVE
----------------------------------------------------- */

@media(max-width:1100px){

    .purchase-supplier-profile-r1{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .purchase-supplier-main-r1{
        grid-column:1/-1;
    }


    .purchase-smart-item-r1{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }


    .purchase-smart-item-main-r1{
        grid-column:1/-1;
    }

}


@media(max-width:700px){

    .purchase-supplier-profile-r1,
    .purchase-smart-expand-funding-r1{
        grid-template-columns:1fr;
    }


    .purchase-smart-item-r1{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}



/* =====================================================================
   BATARYA 1% — RETURNS SMART R1
   ===================================================================== */


/* summary compact */

#view-returns #returnsSummary{
    gap:9px !important;
    margin-bottom:10px !important;
}


#view-returns #returnsSummary .summary-card{
    min-height:72px !important;
    padding:10px 13px !important;
    border-radius:13px !important;
}


#view-returns #returnsSummary .summary-card small{
    font-size:8px !important;
}


#view-returns #returnsSummary .summary-card strong{
    font-size:17px !important;
}


#view-returns #returnsSummary .return-rate-good-r1 strong{
    color:#15815f !important;
}


#view-returns #returnsSummary .return-rate-warn-r1{
    background:#fffaf1 !important;
    border-color:#f0dfbd !important;
}


#view-returns #returnsSummary .return-rate-warn-r1 strong{
    color:#aa6918 !important;
}


#view-returns #returnsSummary .return-rate-bad-r1{
    background:#fff7f6 !important;
    border-color:#efd2cf !important;
}


#view-returns #returnsSummary .return-rate-bad-r1 strong{
    color:#c2544c !important;
}


/* modal smart controls */

.return-smart-controls-r1{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:8px;
    margin:10px 0;
    padding:10px;
    border:1px solid #dce8e4;
    border-radius:12px;
    background:
        linear-gradient(
            135deg,
            #f8fcfa,
            #fff
        );
}


.return-smart-control-r1 label,
.return-smart-exchange-r1 label{
    display:flex;
    flex-direction:column;
    gap:5px;
}


.return-smart-control-r1 label>span,
.return-smart-exchange-r1 label>span{
    color:#637b88;
    font-size:8px;
    font-weight:850;
}


.return-smart-control-r1 label>span b{
    color:#c45850;
    font-size:6.5px;
}


.return-smart-control-r1 select,
.return-smart-exchange-r1 select,
.return-smart-exchange-r1 input{
    height:37px;
    border:1px solid #d9e5e1;
    border-radius:8px;
    padding:0 8px;
    background:#fff;
    color:#244657;
    font-family:inherit;
    font-size:8.5px;
}


/* exchange */

.return-smart-exchange-r1{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:
        minmax(0,2fr)
        minmax(100px,.5fr);
    gap:7px;
    padding:9px;
    border:1px solid #d8e8f2;
    border-radius:10px;
    background:#f7fbfe;
}


.return-smart-exchange-r1>small{
    grid-column:1/-1;
    color:#7a909d;
    font-size:7px;
    line-height:1.6;
}


/* item condition */

#returnLines .return-line{
    grid-template-columns:
        minmax(0,1.5fr)
        auto
        minmax(90px,.5fr)
        minmax(170px,.8fr)
        !important;
}


.return-smart-condition-r1{
    display:flex;
    flex-direction:column;
    gap:4px;
}


.return-smart-condition-r1>span{
    color:#86959e;
    font-size:7px;
}


.return-smart-condition-r1 select{
    height:34px;
    border:1px solid #dae5e1;
    border-radius:8px;
    background:#fff;
    color:#355565;
    font-family:inherit;
    font-size:7.5px;
}


/* preview */

.return-smart-preview-r1{
    grid-column:1/-1;
    margin-top:2px;
}


.return-smart-preview-title-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:6px;
}


.return-smart-preview-title-r1 b{
    color:#173d50;
    font-size:9px;
}


.return-smart-preview-title-r1 span{
    padding:3px 7px;
    border-radius:999px;
    background:#edf7f4;
    color:#178060;
    font-size:7px;
    font-weight:850;
}


.return-smart-preview-grid-r1{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap:6px;
}


.return-smart-preview-grid-r1 article{
    min-height:62px;
    padding:7px 8px;
    border:1px solid #e4eaed;
    border-radius:9px;
    background:#fff;
}


.return-smart-preview-grid-r1 article small{
    display:block;
    color:#8d9ba3;
    font-size:6.5px;
}


.return-smart-preview-grid-r1 article strong{
    display:block;
    margin-top:4px;
    color:#18384b;
    font-size:12px;
}


.return-smart-preview-grid-r1 article span{
    display:block;
    margin-top:2px;
    color:#8b9ba4;
    font-size:6.5px;
}


.return-smart-preview-grid-r1 article.stock{
    border-color:#cfe7de;
    background:#f6fbf9;
}


.return-smart-preview-grid-r1 article.stock strong{
    color:#15815f;
}


.return-smart-preview-grid-r1 article.warning{
    border-color:#f0ddba;
    background:#fffaf1;
}


.return-smart-preview-grid-r1 article.warning strong{
    color:#ad6917;
}


.return-smart-preview-grid-r1 article.exchange{
    border-color:#d6e3f1;
    background:#f7faff;
}


.return-smart-preview-grid-r1 article.exchange strong{
    color:#3e70a3;
}


.return-smart-preview-empty-r1{
    padding:10px;
    text-align:center;
    border:1px dashed #dce6e2;
    border-radius:9px;
    background:#fafcfc;
    color:#8b9aa3;
    font-size:7.5px;
}


/* finder status */

.return-source-card{
    position:relative;
}


.return-smart-source-status-r1{
    position:absolute;
    top:7px;
    left:7px;
    display:inline-flex;
    padding:3px 6px;
    border-radius:999px;
    font-size:6px;
    font-weight:900;
    pointer-events:none;
}


.return-smart-source-status-r1.clean{
    background:#edf8f4;
    color:#15815f;
}


.return-smart-source-status-r1.partial{
    background:#fff5e8;
    color:#aa6818;
}


.return-smart-source-status-r1.full{
    background:#fff0ef;
    color:#bb554f;
}


/* reduce static alert height */

#view-returns .returns-alert{
    padding:9px 12px !important;
    min-height:0 !important;
    margin-bottom:10px !important;
}


#view-returns .returns-alert b{
    font-size:9px !important;
}


#view-returns .returns-alert small{
    font-size:7px !important;
}


/* responsive */

@media(max-width:1050px){

    .return-smart-preview-grid-r1{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    #returnLines .return-line{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;
    }

}


@media(max-width:700px){

    .return-smart-controls-r1,
    .return-smart-exchange-r1,
    .return-smart-preview-grid-r1{
        grid-template-columns:1fr;
    }


    #returnLines .return-line{
        grid-template-columns:1fr !important;
    }

}



/* =====================================================================
   BATARYA 1% — PRODUCTS SMART R1
   ===================================================================== */


/* -----------------------------------------------------
   SUMMARY REVIEW CARD
----------------------------------------------------- */

.products-smart-review-summary-r1{
    cursor:pointer;
    border-color:#f0d9b7 !important;
    background:
        linear-gradient(
            135deg,
            #fffdf8,
            #fff8ed
        ) !important;
}


.products-smart-review-summary-r1:hover{
    transform:translateY(-1px);
}


.products-smart-review-summary-r1 strong{
    color:#ae6a17 !important;
}


.products-smart-review-summary-r1 strong em{
    font-size:9px;
    font-style:normal;
    font-weight:750;
}


/* -----------------------------------------------------
   PRODUCT HEALTH CENTER
----------------------------------------------------- */

.products-smart-center-r1{
    margin:
        10px
        0
        12px;

    padding:
        12px
        13px;

    border:
        1px
        solid
        #dce8e5;

    border-radius:
        15px;

    background:
        linear-gradient(
            135deg,
            #fbfefd,
            #f7fbfa
        );
}


.products-smart-center-head-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}


.products-smart-center-head-r1 small{
    display:block;
    color:#10a477;
    font-size:7px;
    font-weight:900;
    letter-spacing:.08em;
}


.products-smart-center-head-r1 h3{
    margin:2px 0;
    color:#17394d;
    font-size:14px;
}


.products-smart-center-head-r1 p{
    margin:0;
    color:#87979f;
    font-size:8px;
}


.products-smart-health-score-r1{
    min-width:90px;
    text-align:center;
    padding:7px 11px;
    border:1px solid #e8dcc3;
    border-radius:10px;
    background:#fffaf0;
}


.products-smart-health-score-r1 span{
    display:block;
    color:#96631d;
    font-size:6.5px;
}


.products-smart-health-score-r1 strong{
    display:block;
    margin-top:2px;
    color:#ad6b18;
    font-size:17px;
}


/* filters */

.products-smart-filter-r1{
    display:flex;
    align-items:center;
    gap:5px;
    overflow-x:auto;
    scrollbar-width:none;
    padding-top:9px;
}


.products-smart-filter-r1::-webkit-scrollbar{
    display:none;
}


.products-smart-filter-r1 button{
    flex:0 0 auto;
    height:29px;
    display:flex;
    align-items:center;
    gap:5px;
    padding:0 8px;
    border:1px solid #dfe7ea;
    border-radius:999px;
    background:#fff;
    color:#617783;
    font-size:7.5px;
    font-weight:850;
    cursor:pointer;
}


.products-smart-filter-r1 button b{
    min-width:17px;
    height:17px;
    display:grid;
    place-items:center;
    padding:0 3px;
    border-radius:999px;
    background:#eef2f4;
    color:#647984;
    font-size:6px;
}


.products-smart-filter-r1 button.active{
    border-color:#b9dfd2;
    background:#eaf8f3;
    color:#14815f;
}


.products-smart-filter-r1 button.active b{
    background:#cdece1;
    color:#117157;
}


/* top intervention list */

.products-smart-top-r1{
    display:grid;
    grid-template-columns:
        auto
        repeat(3,minmax(0,1fr));
    align-items:center;
    gap:6px;
    margin-top:9px;
    padding-top:8px;
    border-top:1px solid #e6edeb;
}


.products-smart-top-title-r1{
    color:#647983;
    font-size:7.5px;
    font-weight:900;
}


.products-smart-top-r1 article{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    padding:7px 8px;
    border:1px solid #e5ebe9;
    border-radius:9px;
    background:#fff;
}


.products-smart-top-r1 article>div{
    min-width:0;
}


.products-smart-top-r1 article b{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#274758;
    font-size:7.5px;
}


.products-smart-top-r1 article small{
    display:block;
    margin-top:2px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#9a7c55;
    font-size:6px;
}


.products-smart-top-r1 article button{
    flex:0 0 auto;
    border:0;
    border-radius:7px;
    padding:5px 6px;
    background:#eff7f4;
    color:#16805f;
    font-size:6px;
    font-weight:850;
    cursor:pointer;
}


.products-smart-all-good-r1{
    margin-top:9px;
    padding:8px;
    border-radius:9px;
    background:#edf8f4;
    color:#15815f;
    text-align:center;
    font-size:7.5px;
    font-weight:850;
}


/* -----------------------------------------------------
   MULTI SELECT
----------------------------------------------------- */

.products-smart-selection-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    margin-bottom:9px;
    padding:7px 9px;
    border:1px solid #e1e8eb;
    border-radius:11px;
    background:#fafcfd;
}


.products-smart-selection-r1.has-selection{
    border-color:#cce5dc;
    background:#f6fbf9;
}


.products-smart-selection-r1>div:first-child b{
    display:block;
    color:#3e5d6e;
    font-size:8px;
}


.products-smart-selection-r1>div:first-child span{
    display:block;
    margin-top:1px;
    color:#8c9aa2;
    font-size:6.5px;
}


.products-smart-selection-actions-r1{
    display:flex;
    gap:5px;
}


.products-smart-selection-actions-r1 button{
    height:27px;
    padding:0 8px;
    border:1px solid #dce5e8;
    border-radius:7px;
    background:#fff;
    color:#607784;
    font-size:6.8px;
    font-weight:850;
    cursor:pointer;
}


.products-smart-selection-actions-r1 button.primary{
    border-color:#c9e5db;
    background:#eaf8f3;
    color:#14815f;
}


.products-smart-selection-actions-r1 button:disabled{
    opacity:.35;
    cursor:not-allowed;
}


/* checkbox */

.products-smart-card-r1{
    position:relative;
}


.products-smart-select-r1{
    display:inline-flex;
    align-items:center;
    gap:4px;
    cursor:pointer;
    font-size:6.5px;
    color:#6e828e;
}


.admin-product-card>.products-smart-select-r1{
    position:absolute;
    z-index:8;
    top:8px;
    right:8px;
    padding:4px 6px;
    border:1px solid #dfe7ea;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    box-shadow:0 3px 8px rgba(20,45,60,.06);
}


.products-smart-select-r1 input{
    accent-color:#13a477;
}


/* -----------------------------------------------------
   PRODUCT INSIGHTS
----------------------------------------------------- */

.products-smart-insight-r1{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px;
    margin:
        8px
        0
        5px;
}


.products-smart-insight-r1>span{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:3px 6px;
    border-radius:999px;
    background:#f2f6f7;
    color:#667c87;
    font-size:6.3px;
    font-weight:800;
}


.products-smart-insight-r1>span.good{
    background:#eaf8f3;
    color:#14815f;
}


.products-smart-insight-r1>span.warning{
    background:#fff6e8;
    color:#ad6b18;
}


.products-smart-insight-r1>span.danger,
.products-smart-insight-r1>span.zero{
    background:#fff0ef;
    color:#bf554e;
}


.products-smart-insight-r1>span.stale{
    background:#f3f1f7;
    color:#705f82;
}


.products-smart-insight-r1>span.over{
    background:#fff8ed;
    color:#9f6f28;
}


.products-smart-insight-r1>span.danger{
    background:#fff0ef;
    color:#bf554e;
}


.products-smart-transfer-r1{
    min-height:20px;
    padding:3px 6px;
    border:1px solid #d5e3ef;
    border-radius:999px;
    background:#f3f8fd;
    color:#427295;
    font-family:inherit;
    font-size:6.3px;
    font-weight:850;
    cursor:pointer;
}


.products-smart-issues-r1{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-bottom:7px;
}


.products-smart-issues-r1 i{
    padding:3px 5px;
    border-radius:6px;
    background:#fff7ed;
    color:#9f6920;
    font-size:5.8px;
    font-style:normal;
    font-weight:800;
}


/* table mode */

.products-smart-row-r1 .products-smart-insight-r1{
    max-width:330px;
    margin:4px 0 0;
}


.products-smart-row-r1 .products-smart-issues-r1{
    max-width:330px;
    margin:3px 0 0;
}


/* -----------------------------------------------------
   SLIGHTLY MORE COMPACT CARDS
----------------------------------------------------- */

#view-products .admin-product-card.smart-card .admin-product-image{
    height:165px;
}


#view-products .admin-product-card.smart-card .admin-product-body{
    padding:11px;
}


#view-products .admin-product-card.smart-card .admin-stock-row{
    margin:9px 0;
}


/* -----------------------------------------------------
   RESPONSIVE
----------------------------------------------------- */

@media(max-width:1150px){

    .products-smart-top-r1{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .products-smart-top-title-r1{
        grid-column:1/-1;
    }

}


@media(max-width:760px){

    .products-smart-center-head-r1,
    .products-smart-selection-r1{
        align-items:stretch;
        flex-direction:column;
    }


    .products-smart-selection-actions-r1{
        flex-wrap:wrap;
    }


    .products-smart-selection-actions-r1 button{
        flex:1 1 auto;
    }


    .products-smart-top-r1{
        grid-template-columns:1fr;
    }

}



/* =====================================================================
   BATARYA 1% — PRICE CENTER SMART R1
   ===================================================================== */


/* -----------------------------------------------------
   PAGE SPACING
----------------------------------------------------- */

#view-priceUpdates{
    --price-green:#129a71;
    --price-red:#d25a52;
    --price-navy:#17384c;
    --price-muted:#87979f;
}


#view-priceUpdates .section-head{
    margin-bottom:14px !important;
}


/* -----------------------------------------------------
   NEW KPI SUMMARY
----------------------------------------------------- */

#view-priceUpdates .price-smart-summary-r1{
    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr))
        minmax(170px,.55fr)
        !important;

    gap:9px !important;

    margin-bottom:12px !important;
}


.price-smart-kpi-r1{
    min-height:88px !important;

    display:flex;

    align-items:center;

    gap:11px;

    padding:12px 14px !important;

    border:
        1px
        solid
        #e3e9ec !important;

    border-radius:
        14px !important;

    background:#fff !important;

    box-shadow:
        0
        5px
        16px
        rgba(
            18,
            45,
            63,
            .025
        );
}


.price-smart-kpi-r1.attention{
    background:
        linear-gradient(
            135deg,
            #fffdf8,
            #fff9ef
        ) !important;

    border-color:
        #f0dfbf !important;
}


.price-smart-kpi-icon-r1{
    flex:
        0
        0
        38px;

    width:38px;

    height:38px;

    display:grid;

    place-items:center;

    border-radius:11px;

    background:#f0f5f7;

    color:#5c7787;

    font-size:14px;

    font-weight:950;
}


.price-smart-kpi-icon-r1.up{
    background:#eaf8f3;
    color:#13815f;
}


.price-smart-kpi-icon-r1.down{
    background:#fff0ef;
    color:#c8554e;
}


.price-smart-kpi-icon-r1.warning{
    background:#fff2dc;
    color:#ac6918;
}


.price-smart-kpi-r1 small{
    display:block;

    color:#8b99a2;

    font-size:7.5px;

    font-weight:750;
}


.price-smart-kpi-r1 strong{
    display:block;

    margin-top:3px;

    color:#17384c;

    font-size:18px;

    line-height:1.1;
}


.price-smart-kpi-r1 strong.up{
    color:#13815f;
}


.price-smart-kpi-r1 strong.down{
    color:#c8554e;
}


.price-smart-kpi-r1 span{
    display:block;

    margin-top:4px;

    color:#96a3aa;

    font-size:6.7px;
}


/* unread is not KPI */

.price-smart-unread-r1{
    min-height:88px;

    display:flex;

    align-items:center;

    gap:8px;

    padding:10px 12px;

    border:
        1px
        solid
        #e3e9ec;

    border-radius:14px;

    background:#f8fafb;
}


.price-smart-unread-r1>span{
    color:#13a276;

    font-size:10px;
}


.price-smart-unread-r1 small{
    display:block;

    color:#8999a2;

    font-size:6.5px;
}


.price-smart-unread-r1 b{
    display:block;

    margin-top:1px;

    color:#17384c;

    font-size:16px;
}


.price-smart-unread-r1 button{
    margin-inline-start:auto;

    border:
        1px
        solid
        #d9e5e1;

    border-radius:8px;

    background:#fff;

    color:#177a5e;

    padding:6px 7px;

    font-family:inherit;

    font-size:6.5px;

    font-weight:850;

    cursor:pointer;
}


/* -----------------------------------------------------
   REMOVE OLD BIG LIVE CARD
----------------------------------------------------- */

#view-priceUpdates .price-smart-old-live-hidden-r1{
    display:none !important;
}


/* -----------------------------------------------------
   SMART CENTER
----------------------------------------------------- */

.price-smart-center-r1{
    display:grid;

    grid-template-columns:
        minmax(0,1.5fr)
        minmax(300px,.85fr);

    gap:10px;

    margin-bottom:12px;
}


.price-smart-trend-r1,
.price-smart-attention-r1{
    min-height:205px;

    padding:13px 14px;

    border:
        1px
        solid
        #e2e9ec;

    border-radius:15px;

    background:#fff;

    box-shadow:
        0
        6px
        18px
        rgba(
            20,
            45,
            62,
            .025
        );
}


.price-smart-trend-head-r1,
.price-smart-attention-head-r1{
    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:10px;
}


.price-smart-trend-head-r1 small,
.price-smart-attention-head-r1 small{
    display:block;

    color:#11a176;

    font-size:6.5px;

    font-weight:900;

    letter-spacing:.08em;
}


.price-smart-trend-head-r1 h3,
.price-smart-attention-head-r1 h3{
    margin:2px 0 0;

    color:#17384c;

    font-size:13px;
}


.price-smart-trend-head-r1>strong{
    padding:5px 8px;

    border-radius:999px;

    background:#f0f4f6;

    color:#617986;

    font-size:9px;
}


.price-smart-trend-head-r1>strong.up{
    background:#eaf8f3;

    color:#13815f;
}


.price-smart-trend-head-r1>strong.down{
    background:#fff0ef;

    color:#c8554e;
}


/* market strip */

.price-smart-market-strip-r1{
    display:flex;

    align-items:center;

    gap:6px;

    margin-top:11px;
}


.price-smart-market-strip-r1 span{
    padding:4px 7px;

    border-radius:999px;

    background:#f3f6f7;

    color:#718590;

    font-size:6.5px;

    font-weight:800;
}


.price-smart-market-strip-r1 span.up{
    background:#eaf8f3;

    color:#13815f;
}


.price-smart-market-strip-r1 span.down{
    background:#fff0ef;

    color:#c8554e;
}


/* sparkline */

.price-smart-chart-r1{
    height:90px;

    margin-top:7px;

    padding:
        5px
        0;

    overflow:hidden;
}


.price-smart-chart-r1 svg{
    width:100%;

    height:100%;
}


.price-smart-chart-r1 .zero{
    stroke:#e2e8eb;

    stroke-width:1;

    stroke-dasharray:
        3
        3;
}


.price-smart-chart-r1 .trend{
    fill:none;

    stroke:#158c69;

    stroke-width:2.4;

    stroke-linecap:round;

    stroke-linejoin:round;

    vector-effect:
        non-scaling-stroke;
}


.price-smart-chart-labels-r1{
    display:flex;

    justify-content:space-between;

    color:#9aa6ac;

    font-size:6px;
}


/* attention */

.price-smart-attention-head-r1 button{
    border:
        1px
        solid
        #dce6e2;

    border-radius:8px;

    padding:5px 7px;

    background:#f7fbf9;

    color:#177d60;

    font-family:inherit;

    font-size:6.5px;

    font-weight:850;

    cursor:pointer;
}


.price-smart-attention-list-r1{
    display:grid;

    gap:5px;

    margin-top:10px;
}


.price-smart-attention-list-r1 article{
    display:grid;

    grid-template-columns:
        27px
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:7px;

    padding:6px;

    border:
        1px
        solid
        #e8edef;

    border-radius:9px;

    background:#fafcfd;

    cursor:pointer;
}


.price-smart-attention-list-r1 article:hover{
    border-color:#cfe2db;

    background:#f7fbf9;
}


.price-smart-attention-list-r1 .direction{
    width:27px;

    height:27px;

    display:grid;

    place-items:center;

    border-radius:8px;

    background:#f0f4f6;

    color:#657c89;

    font-size:11px;

    font-weight:950;
}


.price-smart-attention-list-r1 .direction.up{
    background:#eaf8f3;

    color:#14815f;
}


.price-smart-attention-list-r1 .direction.down{
    background:#fff0ef;

    color:#c8554e;
}


.price-smart-attention-list-r1 article>div{
    min-width:0;
}


.price-smart-attention-list-r1 b{
    display:block;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    color:#294859;

    font-size:7.5px;
}


.price-smart-attention-list-r1 small{
    display:block;

    margin-top:1px;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    color:#997553;

    font-size:6px;
}


.price-smart-attention-list-r1 article>strong{
    color:#5b7080;

    font-size:7.5px;
}


.price-smart-attention-empty-r1{
    min-height:100px;

    display:grid;

    place-items:center;

    color:#168160;

    background:#f5fbf8;

    border-radius:10px;

    font-size:7.5px;

    font-weight:850;
}


/* -----------------------------------------------------
   SMART FILTERS
----------------------------------------------------- */

.price-smart-filters-r1{
    margin:
        8px
        0
        9px;

    padding:
        8px
        10px;

    border:
        1px
        solid
        #e2e9ec;

    border-radius:11px;

    background:#fff;
}


.price-smart-filters-title-r1{
    display:flex;

    align-items:center;

    gap:7px;

    margin-bottom:6px;
}


.price-smart-filters-title-r1 b{
    color:#405f70;

    font-size:7.5px;
}


.price-smart-filters-title-r1 span{
    color:#98a4aa;

    font-size:6px;
}


.price-smart-filter-buttons-r1{
    display:flex;

    align-items:center;

    gap:5px;

    overflow-x:auto;

    scrollbar-width:none;
}


.price-smart-filter-buttons-r1::-webkit-scrollbar{
    display:none;
}


.price-smart-filter-buttons-r1 button{
    flex:
        0
        0
        auto;

    height:28px;

    display:flex;

    align-items:center;

    gap:5px;

    padding:
        0
        8px;

    border:
        1px
        solid
        #dfe7ea;

    border-radius:999px;

    background:#fff;

    color:#657a86;

    font-family:inherit;

    font-size:6.8px;

    font-weight:850;

    cursor:pointer;
}


.price-smart-filter-buttons-r1 button b{
    min-width:17px;

    height:17px;

    display:grid;

    place-items:center;

    padding:
        0
        3px;

    border-radius:999px;

    background:#eef2f4;

    color:#627984;

    font-size:5.8px;
}


.price-smart-filter-buttons-r1 button.active{
    border-color:#b9dfd2;

    background:#eaf8f3;

    color:#14815f;
}


.price-smart-filter-buttons-r1 button.active b{
    background:#cdece1;

    color:#117158;
}


/* -----------------------------------------------------
   TIMELINE / LIST
----------------------------------------------------- */

#view-priceUpdates .price-smart-timeline-r1{
    display:grid !important;

    gap:6px !important;
}


.price-smart-row-r1{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(220px,1.45fr)
        minmax(145px,.8fr)
        minmax(125px,.7fr)
        minmax(105px,.58fr)
        minmax(110px,.6fr)
        minmax(125px,.7fr)
        auto;

    align-items:center;

    gap:9px;

    min-height:76px;

    padding:9px 10px;

    border:
        1px
        solid
        #e3e9ec;

    border-radius:12px;

    background:#fff;

    cursor:pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}


.price-smart-row-r1:hover{
    border-color:#cbdcd6;

    box-shadow:
        0
        6px
        16px
        rgba(
            20,
            45,
            60,
            .035
        );

    transform:
        translateY(-1px);
}


.price-smart-row-r1.selected{
    border-color:#8fd2bd;

    box-shadow:
        0
        0
        0
        3px
        rgba(
            18,
            154,
            113,
            .07
        );
}


.price-smart-row-r1.unread{
    background:
        linear-gradient(
            90deg,
            #fff,
            #fbfefd
        );
}


/* main product */

.price-smart-row-main-r1{
    min-width:0;

    display:flex;

    align-items:center;

    gap:8px;
}


.price-smart-row-icon-r1{
    flex:
        0
        0
        34px;

    width:34px;

    height:34px;

    display:grid;

    place-items:center;

    border-radius:10px;

    background:#f1f5f6;

    color:#657b87;

    font-size:14px;

    font-weight:950;
}


.price-smart-row-icon-r1.up{
    background:#eaf8f3;

    color:#13815f;
}


.price-smart-row-icon-r1.down{
    background:#fff0ef;

    color:#c8554e;
}


.price-smart-product-r1{
    min-width:0;
}


.price-smart-product-r1>b{
    display:block;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    color:#17384c;

    font-size:8.5px;
}


.price-smart-product-r1>small{
    display:block;

    margin-top:2px;

    color:#9ba6ac;

    font-size:6px;
}


.price-smart-product-r1>div{
    display:flex;

    flex-wrap:wrap;

    gap:3px;

    margin-top:4px;
}


/* alerts */

.price-smart-normal-r1,
.price-smart-alert-pill-r1{
    display:inline-flex;

    padding:
        3px
        5px;

    border-radius:999px;

    font-size:5.5px;

    font-weight:850;
}


.price-smart-normal-r1{
    background:#edf8f4;

    color:#14815f;
}


.price-smart-alert-pill-r1.warning{
    background:#fff5e5;

    color:#a76818;
}


.price-smart-alert-pill-r1.danger{
    background:#fff0ef;

    color:#be554e;
}


/* values */

.price-smart-price-r1 small,
.price-smart-safe-r1 small,
.price-smart-margin-r1 small,
.price-smart-stock-r1 small,
.price-smart-meta-r1 small{
    display:block;

    margin-bottom:4px;

    color:#96a2a9;

    font-size:6px;
}


.price-smart-price-r1>div,
.price-smart-safe-r1>div{
    display:flex;

    align-items:center;

    gap:5px;
}


.price-smart-price-r1 span,
.price-smart-safe-r1 span{
    color:#99a4aa;

    font-size:7px;

    text-decoration:
        line-through;
}


.price-smart-price-r1 i,
.price-smart-safe-r1 i{
    color:#b4bec3;

    font-size:6px;

    font-style:normal;
}


.price-smart-price-r1 strong,
.price-smart-safe-r1 strong{
    color:#17384c;

    font-size:9px;
}


.price-smart-price-r1>em{
    display:inline-flex;

    margin-top:4px;

    padding:
        2px
        5px;

    border-radius:999px;

    background:#eef3f5;

    color:#657b86;

    font-size:6px;

    font-style:normal;

    font-weight:900;
}


.price-smart-price-r1>em.up{
    background:#eaf8f3;

    color:#13815f;
}


.price-smart-price-r1>em.down{
    background:#fff0ef;

    color:#c8554e;
}


/* margin */

.price-smart-margin-r1>b{
    display:block;

    color:#576f7d;

    font-size:7px;

    font-weight:750;
}


.price-smart-margin-r1>strong{
    display:block;

    margin-top:3px;

    color:#14815f;

    font-size:9px;
}


.price-smart-margin-r1>strong.danger{
    color:#c8554e;
}


/* stock */

.price-smart-stock-r1>strong{
    display:block;

    color:#17384c;

    font-size:10px;
}


.price-smart-stock-r1>strong em{
    font-size:6px;

    color:#8e9ca4;

    font-style:normal;
}


.price-smart-stock-r1>span{
    display:block;

    margin-top:3px;

    color:#80909a;

    font-size:5.8px;
}


.price-smart-stock-r1>span.up{
    color:#14815f;
}


.price-smart-stock-r1>span.down{
    color:#c8554e;
}


/* meta */

.price-smart-meta-r1>b{
    display:block;

    color:#4c6878;

    font-size:7px;
}


.price-smart-meta-r1>span{
    display:block;

    margin-top:2px;

    color:#8f9ca4;

    font-size:6px;
}


.price-smart-meta-r1>em{
    display:block;

    margin-top:2px;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    color:#a18a72;

    font-size:5.7px;

    font-style:normal;
}


/* open */

.price-smart-open-r1{
    height:29px;

    padding:
        0
        8px;

    border:
        1px
        solid
        #dce6e2;

    border-radius:8px;

    background:#f7fbf9;

    color:#177e60;

    font-family:inherit;

    font-size:6.5px;

    font-weight:900;

    cursor:pointer;
}


.price-smart-open-r1:hover{
    background:#eaf8f3;
}


.price-smart-new-dot-r1{
    position:absolute;

    top:6px;

    left:7px;

    padding:
        2px
        5px;

    border-radius:999px;

    background:#173f56;

    color:#fff;

    font-size:5px;

    font-weight:900;
}


/* empty */

.price-smart-empty-r1{
    min-height:150px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:4px;

    border:
        1px
        dashed
        #dce6e9;

    border-radius:13px;

    background:#fafcfd;

    color:#8797a0;
}


.price-smart-empty-r1 b{
    color:#496776;

    font-size:9px;
}


.price-smart-empty-r1 span{
    font-size:7px;
}


/* -----------------------------------------------------
   ORIGINAL SEARCH/FILTERS — TIGHTER
----------------------------------------------------- */

#view-priceUpdates #priceUpdatesSearch{
    min-height:39px !important;

    border-radius:9px !important;
}


#view-priceUpdates #priceUpdatesDirection,
#view-priceUpdates #priceUpdatesPeriod{
    min-height:37px !important;

    border-radius:8px !important;
}


#view-priceUpdates #markPriceUpdatesRead{
    min-height:37px !important;

    border-radius:8px !important;
}


/* -----------------------------------------------------
   RESPONSIVE
----------------------------------------------------- */

@media(max-width:1250px){

    #view-priceUpdates .price-smart-summary-r1{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;
    }


    .price-smart-center-r1{
        grid-template-columns:1fr;
    }


    .price-smart-row-r1{
        grid-template-columns:
            minmax(220px,1.4fr)
            repeat(3,minmax(105px,.7fr))
            auto;
    }


    .price-smart-safe-r1,
    .price-smart-meta-r1{
        display:none;
    }

}


@media(max-width:800px){

    #view-priceUpdates .price-smart-summary-r1{
        grid-template-columns:1fr !important;
    }


    .price-smart-row-r1{
        grid-template-columns:
            1fr
            1fr;
    }


    .price-smart-row-main-r1{
        grid-column:1/-1;
    }


    .price-smart-margin-r1,
    .price-smart-stock-r1{
        display:block;
    }


    .price-smart-open-r1{
        width:100%;
    }

}



/* =====================================================================
   BATARYA 1% — INVENTORY VISUAL SMART R1
   ===================================================================== */


/* -----------------------------------------------------
   GENERAL PAGE
----------------------------------------------------- */

#view-inventory.inventory-visual-smart-r1{
    background:
        #f7f9fb !important;
}


#view-inventory.inventory-visual-smart-r1 .inventory-page-head{
    margin-bottom:
        11px !important;
}


#view-inventory.inventory-visual-smart-r1 .inventory-page-head h1{
    font-size:
        21px !important;
}


#view-inventory.inventory-visual-smart-r1 .inventory-page-head p{
    margin-top:
        3px !important;

    font-size:
        9px !important;
}


/* -----------------------------------------------------
   TOP KPI — SMALLER / CLEANER
----------------------------------------------------- */

#view-inventory #inventorySummary,
#view-inventory .inventory-executive-summary{

    display:grid !important;

    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        )
        !important;

    gap:
        8px !important;

    margin-bottom:
        10px !important;
}


#view-inventory .inventory-summary-card{

    position:relative;

    min-height:
        88px !important;

    padding:
        10px
        11px !important;

    gap:
        8px !important;

    border:
        1px
        solid
        #e2e8ec !important;

    border-radius:
        12px !important;

    background:
        #fff !important;

    box-shadow:
        0
        3px
        10px
        rgba(
            20,
            45,
            62,
            .025
        )
        !important;

    overflow:hidden;
}


#view-inventory .inventory-summary-card::after{

    content:"";

    position:absolute;

    top:0;

    right:0;

    left:0;

    height:3px;

    background:
        #dce5e9;
}


#view-inventory .inventory-summary-card.capital::after{
    background:#d7b86a;
}


#view-inventory .inventory-summary-card.safe::after{
    background:#52b995;
}


#view-inventory .inventory-summary-card.max::after{
    background:#68a7e2;
}


#view-inventory .inventory-summary-card.profit::after{
    background:#55bb91;
}


#view-inventory .inventory-summary-icon{

    width:
        31px !important;

    height:
        31px !important;

    flex:
        0
        0
        31px !important;

    border-radius:
        9px !important;

    font-size:
        11px !important;
}


#view-inventory .inventory-summary-card small{

    font-size:
        7px !important;
}


#view-inventory .inventory-summary-card strong{

    margin:
        3px
        0
        1px !important;

    font-size:
        14px !important;
}


#view-inventory .inventory-summary-card em{

    font-size:
        6px !important;
}


/* dual profit badges */

#view-inventory .dual-money-badges{

    display:grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:
        4px !important;

    width:
        100%;
}


#view-inventory .profit-badge{

    min-width:0;

    padding:
        5px
        6px !important;

    border-radius:
        7px !important;

    box-shadow:
        none !important;
}


#view-inventory .profit-badge small{

    font-size:
        5.5px !important;

    line-height:
        1.3;
}


#view-inventory .profit-badge strong{

    margin-top:
        2px !important;

    font-size:
        8px !important;

    white-space:
        nowrap;
}


/* -----------------------------------------------------
   BRANCH CARDS — CLEAN WHITE CARDS
----------------------------------------------------- */

#view-inventory #inventoryBranchCards,
#view-inventory .inventory-smart-branches-r1{

    display:grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        )
        !important;

    gap:
        9px !important;

    margin-bottom:
        8px !important;
}


#view-inventory .inventory-branch-card{

    position:relative;

    min-height:
        0 !important;

    padding:
        11px
        12px !important;

    border:
        1px
        solid
        #e1e8ec !important;

    border-radius:
        13px !important;

    background:
        #fff !important;

    box-shadow:
        0
        3px
        11px
        rgba(
            20,
            44,
            61,
            .025
        )
        !important;

    overflow:hidden;

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}


#view-inventory .inventory-branch-card:hover{

    transform:
        translateY(-1px);

    border-color:
        #cadad5 !important;

    box-shadow:
        0
        7px
        18px
        rgba(
            20,
            44,
            61,
            .05
        )
        !important;
}


/* current branch */

#view-inventory .inventory-branch-card.active,
#view-inventory .inventory-smart-current-r1{

    border-color:
        #8fd0ba !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fdfa 100%
        )
        !important;

    box-shadow:
        0
        0
        0
        2px
        rgba(
            19,
            160,
            116,
            .055
        ),
        0
        5px
        14px
        rgba(
            20,
            44,
            61,
            .03
        )
        !important;
}


#view-inventory .inventory-branch-card::before{

    content:"";

    position:absolute;

    top:0;

    right:0;

    width:
        0;

    height:
        3px;

    background:
        #15a477;

    transition:
        width .2s ease;
}


#view-inventory .inventory-branch-card.active::before{

    width:
        100%;
}


/* branch header */

#view-inventory .inventory-branch-card .valuation-card-head{

    align-items:center !important;

    margin-bottom:
        7px !important;
}


#view-inventory .inventory-branch-card .valuation-card-head h3{

    margin:
        2px
        0
        0 !important;

    font-size:
        13px !important;

    color:
        #17394d !important;
}


#view-inventory .inventory-branch-card .valuation-card-head small{

    font-size:
        6.5px !important;

    color:
        #96a2a9 !important;
}


#view-inventory .inventory-branch-card .valuation-card-head>span{

    padding:
        4px
        7px !important;

    border:
        1px
        solid
        #e0e7ea;

    border-radius:
        999px !important;

    background:
        #f7f9fa !important;

    color:
        #647c88 !important;

    font-size:
        7px !important;

    font-weight:
        900;
}


#view-inventory .inventory-branch-card.active .valuation-card-head>span{

    border-color:
        #c9e7dd;

    background:
        #eaf8f3 !important;

    color:
        #14815f !important;
}


/* four valuation boxes */

#view-inventory .branch-value-grid{

    display:grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        )
        !important;

    gap:
        5px !important;

    margin-top:
        7px !important;
}


#view-inventory .branch-value-grid>div{

    min-height:
        56px;

    padding:
        7px
        8px !important;

    border:
        1px
        solid
        #e8edef;

    border-radius:
        8px !important;

    background:
        #f9fbfc !important;
}


#view-inventory .branch-value-grid>div:first-child{

    background:
        #fffaf1 !important;

    border-color:
        #f0e2c7;
}


#view-inventory .branch-value-grid .profit-text{

    background:
        #f4fbf8 !important;

    border-color:
        #d8ebe4;
}


#view-inventory .branch-value-grid small{

    margin-bottom:
        3px !important;

    font-size:
        6px !important;
}


#view-inventory .branch-value-grid b{

    font-size:
        8.5px !important;
}


#view-inventory .branch-value-grid .dual-money-badges{

    display:grid !important;

    grid-template-columns:
        1fr !important;

    gap:
        3px !important;
}


#view-inventory .branch-value-grid .profit-badge{

    padding:
        3px
        5px !important;
}


#view-inventory .branch-value-grid .profit-badge small{

    font-size:
        5px !important;
}


#view-inventory .branch-value-grid .profit-badge strong{

    font-size:
        7px !important;
}


/* branch footer */

#view-inventory .branch-card-footer{

    margin-top:
        6px !important;

    padding-top:
        6px !important;

    border-top:
        1px
        solid
        #edf1f3 !important;

    font-size:
        6.5px !important;
}


#view-inventory .branch-card-footer b{

    padding:
        3px
        6px;

    border-radius:
        999px;

    background:
        #f1f5f7;

    color:
        #587180 !important;

    font-size:
        6px !important;
}


#view-inventory .inventory-branch-card.active .branch-card-footer b{

    background:
        #e9f7f2;

    color:
        #14815f !important;
}


/* -----------------------------------------------------
   NEW INVENTORY HEALTH STRIP
----------------------------------------------------- */

.inventory-smart-health-r1{

    display:grid;

    grid-template-columns:
        minmax(260px,1.5fr)
        repeat(4,minmax(75px,.45fr))
        auto;

    align-items:center;

    gap:
        6px;

    margin:
        0
        0
        10px;

    padding:
        8px
        9px;

    border:
        1px
        solid
        #dfe8e5;

    border-radius:
        12px;

    background:
        #fff;

    box-shadow:
        0
        3px
        10px
        rgba(
            20,
            44,
            61,
            .02
        );
}


.inventory-smart-health-main-r1{

    display:flex;

    align-items:center;

    gap:
        8px;
}


.inventory-smart-health-dot-r1{

    width:
        29px;

    height:
        29px;

    display:grid;

    place-items:center;

    border-radius:
        9px;

    background:
        #eef4f5;

    color:
        #6c808b;

    font-size:
        9px;
}


.inventory-smart-health-dot-r1.good{

    background:
        #eaf8f3;

    color:
        #14815f;
}


.inventory-smart-health-dot-r1.warning{

    background:
        #fff5e5;

    color:
        #aa6818;
}


.inventory-smart-health-dot-r1.danger{

    background:
        #fff0ef;

    color:
        #c1544d;
}


.inventory-smart-health-main-r1 small{

    display:block;

    color:
        #8998a1;

    font-size:
        6px;
}


.inventory-smart-health-main-r1 b{

    display:block;

    margin-top:
        1px;

    color:
        #17394d;

    font-size:
        8.5px;
}


.inventory-smart-health-main-r1 em{

    display:block;

    margin-top:
        1px;

    color:
        #98a4aa;

    font-size:
        5.8px;

    font-style:
        normal;
}


.inventory-smart-health-stat-r1{

    padding:
        6px
        7px;

    border:
        1px
        solid
        #e8edef;

    border-radius:
        8px;

    background:
        #fafcfd;

    text-align:center;
}


.inventory-smart-health-stat-r1 small{

    display:block;

    color:
        #8b99a2;

    font-size:
        5.8px;
}


.inventory-smart-health-stat-r1 b{

    display:block;

    margin-top:
        2px;

    color:
        #29495a;

    font-size:
        10px;
}


.inventory-smart-health-stat-r1.low b{
    color:#a96a17;
}


.inventory-smart-health-stat-r1.critical b,
.inventory-smart-health-stat-r1.out b{
    color:#c2544c;
}


.inventory-smart-health-actions-r1{

    display:flex;

    gap:
        5px;
}


.inventory-smart-health-actions-r1 button{

    height:
        29px;

    padding:
        0
        8px;

    border:
        1px
        solid
        #dce6e2;

    border-radius:
        8px;

    background:
        #f7fbf9;

    color:
        #177d60;

    font-family:
        inherit;

    font-size:
        6.5px;

    font-weight:
        850;

    white-space:
        nowrap;

    cursor:pointer;
}


.inventory-smart-health-actions-r1 button:last-child{

    background:
        #fff9f1;

    border-color:
        #eee0c9;

    color:
        #98651e;
}


/* -----------------------------------------------------
   DEAD STOCK PANEL — CLEANER
----------------------------------------------------- */

#view-inventory #stagnantInventoryPanel,
#view-inventory .inventory-smart-stagnant-r1{

    margin-top:
        10px !important;

    padding:
        13px !important;

    border:
        1px
        solid
        #e1e8ec !important;

    border-radius:
        14px !important;

    background:
        #fff !important;

    box-shadow:
        0
        4px
        13px
        rgba(
            20,
            45,
            61,
            .025
        )
        !important;
}


#view-inventory .stagnant-panel-head{

    align-items:center !important;

    gap:
        10px !important;

    padding-bottom:
        9px;

    border-bottom:
        1px
        solid
        #edf1f3;
}


#view-inventory .stagnant-panel-head h3{

    margin:
        2px
        0 !important;

    font-size:
        14px !important;

    color:
        #17384c !important;
}


#view-inventory .stagnant-panel-head p{

    margin:
        2px
        0
        0 !important;

    font-size:
        7px !important;

    color:
        #8b9aa3 !important;
}


#view-inventory .stagnant-toolbar{

    grid-template-columns:
        145px
        145px
        minmax(250px,1fr)
        !important;

    gap:
        7px !important;

    margin:
        9px
        0 !important;

    padding:
        8px;

    border:
        1px
        solid
        #edf1f3;

    border-radius:
        10px;

    background:
        #f8fafb;
}


#view-inventory .stagnant-toolbar label{

    gap:
        4px !important;

    font-size:
        6.5px !important;
}


#view-inventory .stagnant-toolbar select,
#view-inventory .stagnant-toolbar input{

    height:
        34px !important;

    padding:
        0
        9px !important;

    border-radius:
        8px !important;

    font-size:
        8px;
}


/* stagnant summary */

#view-inventory .stagnant-summary-grid{

    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        )
        !important;

    gap:
        6px !important;

    margin:
        9px
        0 !important;
}


#view-inventory .stagnant-summary-card{

    min-height:
        66px !important;

    padding:
        8px
        9px !important;

    border:
        1px
        solid
        #e5ebee !important;

    border-radius:
        9px !important;

    background:
        #fafcfd !important;
}


#view-inventory .stagnant-summary-card.s2{

    background:
        #fff9f2 !important;

    border-color:
        #f0dfc9 !important;
}


#view-inventory .stagnant-summary-card.s4{

    background:
        #f5fbf8 !important;

    border-color:
        #d8e9e2 !important;
}


#view-inventory .stagnant-summary-card small{

    font-size:
        6px !important;
}


#view-inventory .stagnant-summary-card b{

    margin-top:
        4px !important;

    font-size:
        11px !important;
}


#view-inventory .stagnant-summary-card span{

    margin-top:
        3px !important;

    font-size:
        5.7px !important;
}


/* stagnant table */

#view-inventory .stagnant-table-scroll{

    max-height:
        440px !important;

    border:
        1px
        solid
        #e7ecef;

    border-radius:
        10px;
}


#view-inventory .stagnant-table thead th{

    position:
        sticky;

    top:
        0;

    z-index:
        3;

    background:
        #f7f9fa !important;

    color:
        #687d88;

    font-size:
        7px !important;
}


#view-inventory .stagnant-table td{

    padding:
        8px
        7px !important;

    font-size:
        8px !important;
}


/* -----------------------------------------------------
   MAIN INVENTORY TABLE
----------------------------------------------------- */

#view-inventory .inventory-table-scroll{

    border:
        1px
        solid
        #e4eaed !important;

    border-radius:
        11px !important;

    box-shadow:
        none !important;
}


#view-inventory .inventory-pro-table thead th{

    background:
        #f7f9fa !important;

    font-size:
        7px !important;
}


#view-inventory .inventory-pro-table th,
#view-inventory .inventory-pro-table td{

    padding:
        8px
        7px !important;
}


/* -----------------------------------------------------
   RESPONSIVE
----------------------------------------------------- */

@media(max-width:1250px){

    #view-inventory #inventorySummary,
    #view-inventory .inventory-executive-summary{

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            )
            !important;
    }


    .inventory-smart-health-r1{

        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            );
    }


    .inventory-smart-health-main-r1{

        grid-column:
            1/-1;
    }


    .inventory-smart-health-actions-r1{

        grid-column:
            1/-1;

        justify-content:
            flex-end;
    }

}


@media(max-width:850px){

    #view-inventory #inventoryBranchCards,
    #view-inventory .inventory-smart-branches-r1{

        grid-template-columns:
            1fr
            !important;
    }


    #view-inventory .branch-value-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )
            !important;
    }


    #view-inventory .stagnant-summary-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )
            !important;
    }


    #view-inventory .stagnant-toolbar{

        grid-template-columns:
            1fr
            1fr
            !important;
    }


    #view-inventory .stagnant-search{

        grid-column:
            1/-1;
    }

}


@media(max-width:650px){

    #view-inventory #inventorySummary,
    #view-inventory .inventory-executive-summary{

        grid-template-columns:
            1fr
            !important;
    }


    .inventory-smart-health-r1{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .inventory-smart-health-main-r1,
    .inventory-smart-health-actions-r1{

        grid-column:
            1/-1;
    }


    .inventory-smart-health-actions-r1 button{

        flex:
            1;
    }


    #view-inventory .stagnant-summary-grid,
    #view-inventory .stagnant-toolbar{

        grid-template-columns:
            1fr
            !important;
    }

}



/* =====================================================================
   BATARYA 1% — TRANSFERS SMART R1
   ===================================================================== */

#view-transfers.transfers-smart-r1{
    --tr-green:#14a779;
    --tr-green-soft:#eef9f5;
    --tr-blue:#3f7fb4;
    --tr-red:#c6554e;
    --tr-orange:#a66b18;
    --tr-border:#e1e8eb;
    --tr-text:#17394d;
}


/* route */

.transfer-smart-route-r1{
    display:grid;
    grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);
    align-items:center;
    gap:10px;
    margin:10px 0;
    padding:10px;
    border:1px solid var(--tr-border);
    border-radius:14px;
    background:#fbfcfd;
}

.transfer-smart-route-branch-r1{
    padding:11px 12px;
    border:1px solid #e3e9ec;
    border-radius:11px;
    background:#fff;
}

.transfer-smart-route-branch-r1.sender{
    border-right:3px solid #4b8abc;
}

.transfer-smart-route-branch-r1.receiver{
    border-right:3px solid #20aa7d;
}

.transfer-smart-route-branch-r1 small,
.transfer-smart-route-branch-r1 b,
.transfer-smart-route-branch-r1 span,
.transfer-smart-route-branch-r1 em{
    display:block;
}

.transfer-smart-route-branch-r1 small{
    color:#91a0a7;
    font-size:7px;
}

.transfer-smart-route-branch-r1 b{
    margin-top:3px;
    color:var(--tr-text);
    font-size:11px;
}

.transfer-smart-route-branch-r1 span{
    margin-top:4px;
    color:#607986;
    font-size:7px;
}

.transfer-smart-route-branch-r1 em{
    margin-top:3px;
    color:#9a6b27;
    font-size:6px;
    font-style:normal;
}

.transfer-smart-route-arrow-r1{
    display:grid;
    place-items:center;
    gap:5px;
}

.transfer-smart-route-arrow-r1 button{
    width:43px;
    height:43px;
    border:1px solid #cfe4dc;
    border-radius:13px;
    background:#ecf8f4;
    color:#147d60;
    font-size:18px;
    font-weight:900;
    cursor:pointer;
}

.transfer-smart-route-arrow-r1 span{
    color:#8d9aa2;
    font-size:6px;
}


/* rebalance */

.transfer-smart-rebalance-r1{
    margin:9px 0;
    padding:10px;
    border:1px solid #dfe9e5;
    border-radius:13px;
    background:linear-gradient(135deg,#fbfefd,#f7fbf9);
}

.transfer-smart-rebalance-head-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.transfer-smart-rebalance-head-r1 small{
    display:block;
    color:#13a277;
    font-size:6px;
    font-weight:900;
    letter-spacing:.07em;
}

.transfer-smart-rebalance-head-r1 b{
    display:block;
    margin-top:2px;
    color:var(--tr-text);
    font-size:10px;
}

.transfer-smart-rebalance-head-r1 span{
    display:block;
    margin-top:2px;
    color:#89989f;
    font-size:6px;
}

.transfer-smart-rebalance-count-r1{
    min-width:58px;
    padding:7px;
    border-radius:10px;
    background:#eaf8f3;
    text-align:center;
}

.transfer-smart-rebalance-count-r1 strong{
    display:block;
    color:#14815f;
    font-size:14px;
}

.transfer-smart-rebalance-count-r1 small{
    color:#6f9185;
    font-size:6px;
}

.transfer-smart-rebalance-list-r1{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin-top:8px;
}

.transfer-smart-rebalance-list-r1 article{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:5px;
    padding:7px;
    border:1px solid #e6ece9;
    border-radius:9px;
    background:#fff;
}

.transfer-smart-rebalance-list-r1 article>div{
    min-width:0;
}

.transfer-smart-rebalance-list-r1 article b{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#345264;
    font-size:7px;
}

.transfer-smart-rebalance-list-r1 article small{
    display:block;
    margin-top:2px;
    color:#929fa5;
    font-size:5.5px;
}

.transfer-smart-rebalance-list-r1 article>strong{
    color:#9c6a22;
    font-size:6.5px;
}

.transfer-smart-rebalance-list-r1 article button,
.transfer-smart-add-all-r1{
    border:1px solid #d4e8e0;
    border-radius:7px;
    background:#edf8f4;
    color:#157c5e;
    font-family:inherit;
    font-size:6px;
    font-weight:850;
    cursor:pointer;
}

.transfer-smart-rebalance-list-r1 article button{
    padding:5px 6px;
}

.transfer-smart-add-all-r1{
    margin-top:7px;
    padding:7px 9px;
}

.transfer-smart-rebalance-empty-r1{
    margin-top:8px;
    padding:8px;
    border-radius:8px;
    background:#edf8f4;
    color:#14815f;
    font-size:7px;
    font-weight:800;
}


/* summary */

.transfer-smart-summary-r1{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    margin:8px 0;
}

.transfer-smart-summary-r1>div{
    padding:7px 8px;
    border:1px solid #e5ebee;
    border-radius:9px;
    background:#fafcfd;
}

.transfer-smart-summary-r1 small,
.transfer-smart-summary-r1 b{
    display:block;
}

.transfer-smart-summary-r1 small{
    color:#909da4;
    font-size:6px;
}

.transfer-smart-summary-r1 b{
    margin-top:3px;
    color:#29495a;
    font-size:8.5px;
}

.transfer-smart-summary-r1 .good{
    background:#f1faf6;
}

.transfer-smart-summary-r1 .good b{
    color:#14815f;
}

.transfer-smart-summary-r1 .warning{
    background:#fff7eb;
}

.transfer-smart-summary-r1 .warning b{
    color:#a56a18;
}


/* transfer lines */

#view-transfers .transfer-line{
    position:relative;
    border:1px solid #e2e9ec !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:none !important;
}

.transfer-smart-beforeafter-r1{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(100px,1fr) 28px minmax(100px,1fr) minmax(170px,1.2fr);
    align-items:center;
    gap:6px;
    margin-top:7px;
    padding:7px;
    border-top:1px dashed #e1e8eb;
    background:#fafcfd;
    border-radius:8px;
}

.transfer-smart-beforeafter-r1>div:not(.arrow){
    min-width:0;
}

.transfer-smart-beforeafter-r1 small{
    display:block;
    color:#8c9aa2;
    font-size:5.5px;
}

.transfer-smart-beforeafter-r1 b{
    display:block;
    margin-top:2px;
    color:#244657;
    font-size:8px;
}

.transfer-smart-beforeafter-r1 span{
    display:block;
    margin-top:1px;
    color:#a0aab0;
    font-size:5px;
}

.transfer-smart-beforeafter-r1 .arrow{
    color:#98a6ad;
    text-align:center;
}

.transfer-smart-line-status-r1{
    padding:6px 7px;
    border-radius:8px;
}

.transfer-smart-line-status-r1.good{
    background:#ebf8f3;
    color:#14815f;
}

.transfer-smart-line-status-r1.warning{
    background:#fff6e7;
    color:#9d681c;
}

.transfer-smart-line-status-r1.danger{
    background:#fff0ef;
    color:#bd554e;
}

.transfer-smart-line-status-r1 b{
    color:inherit;
    font-size:6px;
}

.transfer-smart-line-status-r1 button{
    margin-top:4px;
    border:0;
    border-radius:6px;
    padding:4px 6px;
    background:#fff;
    color:inherit;
    font-family:inherit;
    font-size:5.5px;
    font-weight:850;
    cursor:pointer;
}


/* final preview */

.transfer-smart-final-preview-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:9px;
    margin-bottom:6px;
    padding:9px 10px;
    border:1px solid #dfe7ea;
    border-radius:10px;
    background:#f8fafb;
}

.transfer-smart-final-preview-r1 small{
    display:block;
    color:#8c9aa2;
    font-size:6px;
}

.transfer-smart-final-preview-r1 b{
    display:block;
    margin-top:2px;
    color:#29495a;
    font-size:7.5px;
}

.transfer-smart-final-preview-r1>span{
    padding:5px 7px;
    border-radius:999px;
    font-size:6px;
    font-weight:850;
    white-space:nowrap;
}

.transfer-smart-final-preview-r1>span.good{
    background:#eaf8f3;
    color:#14815f;
}

.transfer-smart-final-preview-r1>span.warning{
    background:#fff4e3;
    color:#9e671b;
}


/* history */

.transfer-smart-history-toolbar-r1{
    display:grid;
    grid-template-columns:minmax(120px,.7fr) minmax(170px,1fr) auto;
    align-items:center;
    gap:7px;
    margin-bottom:8px;
    padding:8px;
    border:1px solid #e1e8eb;
    border-radius:10px;
    background:#f8fafb;
}

.transfer-smart-history-toolbar-r1 b{
    display:block;
    color:#29495a;
    font-size:8px;
}

.transfer-smart-history-toolbar-r1 span{
    display:block;
    margin-top:1px;
    color:#8f9da4;
    font-size:5.5px;
}

.transfer-smart-history-toolbar-r1 input{
    height:32px;
    border:1px solid #dfe7ea;
    border-radius:8px;
    background:#fff;
    padding:0 9px;
    font-family:inherit;
    font-size:7px;
    outline:none;
}

.transfer-smart-history-period-r1{
    display:flex;
    gap:3px;
}

.transfer-smart-history-period-r1 button{
    height:28px;
    border:1px solid #dfe7ea;
    border-radius:7px;
    background:#fff;
    color:#6f818b;
    padding:0 7px;
    font-family:inherit;
    font-size:6px;
    font-weight:800;
    cursor:pointer;
}

.transfer-smart-history-period-r1 button.active{
    border-color:#b8ddcf;
    background:#eaf8f3;
    color:#14815f;
}


/* convert narrow history table into cleaner cards */

#view-transfers #transfersTableWrap .table-scroll{
    max-height:520px;
    border:0 !important;
}

#view-transfers #transfersTableWrap table{
    min-width:0 !important;
    width:100%;
}

#view-transfers #transfersTableWrap thead{
    display:none;
}

#view-transfers #transfersTableWrap tbody{
    display:grid;
    gap:6px;
}

#view-transfers #transfersTableWrap tr.transfer-history-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px 7px;
    padding:8px;
    border:1px solid #e3e9ec;
    border-radius:9px;
    background:#fff;
    cursor:pointer;
}

#view-transfers #transfersTableWrap tr.transfer-history-row:hover{
    border-color:#bcdacf;
    background:#fbfefd;
}

#view-transfers #transfersTableWrap tr.transfer-history-row td{
    display:block;
    padding:0 !important;
    border:0 !important;
    font-size:6.2px;
    color:#667c87;
}

#view-transfers #transfersTableWrap tr.transfer-history-row td:first-child{
    grid-column:1/-1;
    color:#17394d;
    font-size:7px;
}

#view-transfers #transfersTableWrap tr.transfer-history-row td:nth-child(2){
    color:#98a3a9;
}

#view-transfers #transfersTableWrap .transfer-smart-extra-actions-r1{
    grid-column:1/-1;
    display:flex !important;
    gap:4px;
    margin-top:4px;
    padding-top:5px !important;
    border-top:1px solid #edf1f3 !important;
}

.transfer-smart-history-view-r1,
.transfer-smart-repeat-r1{
    border:1px solid #dce6e2;
    border-radius:6px;
    background:#f7fbf9;
    color:#167b5e;
    padding:5px 7px;
    font-family:inherit;
    font-size:5.8px;
    font-weight:850;
    cursor:pointer;
}

.transfer-smart-repeat-r1{
    background:#f5f8fb;
    border-color:#dce6ed;
    color:#4a718b;
}


/* save button stays visible */

#view-transfers #saveTransferBtn{
    position:sticky;
    bottom:10px;
    z-index:8;
    box-shadow:0 8px 22px rgba(15,120,88,.16);
}


/* overall cleaner spacing */

#view-transfers .panel{
    border-color:#e1e8eb !important;
    box-shadow:0 4px 14px rgba(18,43,60,.025) !important;
}

#view-transfers input,
#view-transfers select,
#view-transfers textarea{
    border-radius:8px !important;
}


/* responsive */

@media(max-width:1150px){

    .transfer-smart-rebalance-list-r1{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .transfer-smart-summary-r1{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}

@media(max-width:760px){

    .transfer-smart-route-r1{
        grid-template-columns:1fr;
    }

    .transfer-smart-route-arrow-r1{
        display:flex;
        justify-content:center;
    }

    .transfer-smart-rebalance-list-r1{
        grid-template-columns:1fr;
    }

    .transfer-smart-summary-r1{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .transfer-smart-beforeafter-r1{
        grid-template-columns:1fr 25px 1fr;
    }

    .transfer-smart-line-status-r1{
        grid-column:1/-1;
    }

    .transfer-smart-history-toolbar-r1{
        grid-template-columns:1fr;
    }

}



/* =====================================================================
   BATARYA 1% — BRANCHES COMMAND CENTER R1
   ===================================================================== */

#view-branches.branches-command-center-r1{
    --bc-text:#17394d;
    --bc-muted:#8999a2;
    --bc-border:#e1e8eb;
    --bc-green:#159a70;
    --bc-red:#c4564f;
    --bc-orange:#a86c1b;
}


/* command center */

.branches-smart-command-r1{
    margin-bottom:12px;
    padding:12px;
    border:1px solid #dfe8e5;
    border-radius:15px;
    background:linear-gradient(135deg,#fbfefd,#f7fbf9);
}

.branches-smart-command-title-r1{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.branches-smart-command-title-r1 small{
    display:block;
    color:#12a176;
    font-size:6.5px;
    font-weight:900;
    letter-spacing:.08em;
}

.branches-smart-command-title-r1 h3{
    margin:2px 0 0;
    color:var(--bc-text);
    font-size:14px;
}

.branches-smart-command-title-r1 p{
    margin:3px 0 0;
    color:#8d9ba3;
    font-size:7px;
}

.branches-smart-command-status-r1{
    padding:6px 9px;
    border-radius:999px;
    font-size:6.5px;
    font-weight:850;
}

.branches-smart-command-status-r1.good{
    background:#eaf8f3;
    color:#14815f;
}

.branches-smart-command-status-r1.warning{
    background:#fff5e5;
    color:#9e671b;
}


.branches-smart-winners-r1{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    margin-top:10px;
}

.branches-smart-winners-r1 article{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:66px;
    padding:8px 9px;
    border:1px solid #e3e9ec;
    border-radius:10px;
    background:#fff;
}

.branches-smart-winners-r1 article>span{
    width:29px;
    height:29px;
    flex:0 0 29px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#edf7f3;
    color:#14815f;
    font-size:10px;
    font-weight:900;
}

.branches-smart-winners-r1 small,
.branches-smart-winners-r1 b,
.branches-smart-winners-r1 em{
    display:block;
}

.branches-smart-winners-r1 small{
    color:#909ea5;
    font-size:5.8px;
}

.branches-smart-winners-r1 b{
    margin-top:2px;
    color:#29495a;
    font-size:7.5px;
}

.branches-smart-winners-r1 em{
    margin-top:2px;
    color:#667d88;
    font-size:6px;
    font-style:normal;
}


/* cards */

#view-branches #branchesGrid.branches-command-grid-r1{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}

.branch-command-card-r1{
    padding:12px;
    border:1px solid #e1e8eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 5px 16px rgba(20,44,61,.025);
}

.branch-command-card-r1.current{
    border-color:#9ad8c4;
    box-shadow:
        0 0 0 2px rgba(20,159,116,.045),
        0 6px 18px rgba(20,44,61,.03);
}

.branch-command-head-r1{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.branch-command-title-r1{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
}

.branch-command-title-r1 h3{
    margin:0;
    color:var(--bc-text);
    font-size:14px;
}

.branch-command-head-r1 p{
    margin:4px 0 0;
    color:#97a3aa;
    font-size:6.5px;
}

.branch-main-mini-r1,
.branch-current-mini-r1{
    padding:3px 6px;
    border-radius:999px;
    font-size:5.7px;
    font-weight:850;
}

.branch-main-mini-r1{
    background:#eef5f8;
    color:#557585;
}

.branch-current-mini-r1{
    background:#eaf8f3;
    color:#14815f;
}


/* health score */

.branch-health-r1{
    min-width:82px;
    padding:7px 8px;
    border-radius:10px;
    text-align:center;
}

.branch-health-r1.good{
    background:#ebf8f3;
    color:#14815f;
}

.branch-health-r1.warning{
    background:#fff5e5;
    color:#9e671b;
}

.branch-health-r1.danger{
    background:#fff0ef;
    color:#bd554e;
}

.branch-health-r1 small,
.branch-health-r1 strong,
.branch-health-r1 span,
.branch-health-r1 em{
    display:block;
}

.branch-health-r1 small{
    font-size:5.5px;
    opacity:.8;
}

.branch-health-r1 strong{
    margin-top:1px;
    font-size:15px;
}

.branch-health-r1 span{
    margin-top:1px;
    font-size:6px;
    font-weight:850;
}

.branch-health-r1 em{
    margin-top:2px;
    font-size:4.8px;
    font-style:normal;
    opacity:.65;
}


/* primary KPIs */

.branch-primary-kpis-r1{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    margin-top:10px;
}

.branch-primary-kpis-r1>div{
    min-height:71px;
    padding:8px;
    border:1px solid #e6ecef;
    border-radius:9px;
    background:#fafcfd;
}

.branch-primary-kpis-r1 small,
.branch-primary-kpis-r1 b,
.branch-primary-kpis-r1>div>span{
    display:block;
}

.branch-primary-kpis-r1 small{
    color:#8f9da4;
    font-size:5.8px;
}

.branch-primary-kpis-r1 b{
    margin-top:4px;
    color:#233f50;
    font-size:10px;
}

.branch-primary-kpis-r1 b.profit{
    color:#14815f;
}

.branch-primary-kpis-r1 b.danger{
    color:#c2554e;
}

.branch-primary-kpis-r1>div>span{
    margin-top:3px;
    color:#98a4aa;
    font-size:5.4px;
}


/* compare deltas */

.branch-smart-delta-r1{
    display:inline-flex !important;
    width:max-content;
    margin-top:4px;
    padding:2px 4px;
    border-radius:999px;
    font-size:4.8px !important;
    font-weight:800;
}

.branch-smart-delta-r1.up{
    background:#eaf8f3;
    color:#14815f !important;
}

.branch-smart-delta-r1.down{
    background:#fff0ef;
    color:#bd554e !important;
}

.branch-smart-delta-r1.neutral{
    background:#eef3f5;
    color:#71858f !important;
}


/* trend */

.branch-trends-r1{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    margin-top:7px;
}

.branch-trends-r1>div{
    padding:7px 8px;
    border:1px solid #e7ecef;
    border-radius:9px;
    background:#fff;
}

.branch-trend-head-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px;
}

.branch-trend-head-r1 span{
    color:#8999a2;
    font-size:5.7px;
}

.branch-trend-head-r1 b{
    color:#355466;
    font-size:6.5px;
}

.branch-trends-r1 svg{
    display:block;
    width:100%;
    height:42px;
    margin-top:4px;
}

.branch-trends-r1 polyline{
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
}

.branch-trends-r1 polyline.sales{
    stroke:#3c84ba;
}

.branch-trends-r1 polyline.profit{
    stroke:#159a70;
}


/* attention */

.branch-smart-alert-r1{
    margin-top:7px;
    padding:7px 8px;
    border-radius:8px;
}

.branch-smart-alert-r1.good{
    background:#edf8f4;
    color:#14815f;
}

.branch-smart-alert-r1.warning{
    background:#fff6e7;
    color:#9e681d;
}

.branch-smart-alert-r1.danger{
    background:#fff0ef;
    color:#bd554e;
}

.branch-smart-alert-r1 b{
    display:block;
    font-size:6.5px;
}

.branch-smart-alert-r1 span{
    display:block;
    margin-top:2px;
    font-size:5.6px;
}


/* secondary data */

.branch-secondary-r1{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin-top:7px;
    padding-top:7px;
    border-top:1px solid #edf1f3;
}

.branch-secondary-r1>div{
    padding:6px 7px;
    border-radius:7px;
    background:#f8fafb;
}

.branch-secondary-r1 small,
.branch-secondary-r1 b{
    display:block;
}

.branch-secondary-r1 small{
    color:#96a2a9;
    font-size:5.2px;
}

.branch-secondary-r1 b{
    margin-top:2px;
    color:#526c79;
    font-size:6.5px;
}

.branch-secondary-r1 b.warning{
    color:#a56a18;
}


/* transfer opportunity */

.branch-transfer-opportunity-r1{
    width:100%;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    margin-top:7px;
    padding:7px 8px;
    border:1px solid #d9e8e2;
    border-radius:9px;
    background:#f5fbf8;
    font-family:inherit;
    text-align:right;
    cursor:pointer;
}

.branch-transfer-opportunity-r1>span{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#e0f3ec;
    color:#14815f;
    font-size:11px;
}

.branch-transfer-opportunity-r1 b{
    display:block;
    color:#25604e;
    font-size:6.8px;
}

.branch-transfer-opportunity-r1 small{
    display:block;
    margin-top:1px;
    color:#78948b;
    font-size:5.4px;
}

.branch-transfer-opportunity-r1 strong{
    color:#147c5e;
    font-size:5.8px;
}


/* actions */

.branch-command-actions-r1{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-top:9px;
}

.branch-command-actions-r1 button{
    height:29px;
    padding:0 8px;
    border:1px solid #dfe7ea;
    border-radius:7px;
    background:#fff;
    color:#607985;
    font-family:inherit;
    font-size:6px;
    font-weight:850;
    cursor:pointer;
}

.branch-command-actions-r1 button:hover{
    background:#f5f8f9;
}

.branch-command-actions-r1 button.primary{
    border-color:#c8e5da;
    background:#eaf8f3;
    color:#14815f;
}


/* responsive */

@media(max-width:1150px){

    .branches-smart-winners-r1{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .branch-primary-kpis-r1{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:850px){

    #view-branches #branchesGrid.branches-command-grid-r1{
        grid-template-columns:1fr !important;
    }

}

@media(max-width:600px){

    .branches-smart-winners-r1{
        grid-template-columns:1fr;
    }

    .branch-trends-r1{
        grid-template-columns:1fr;
    }

    .branch-secondary-r1{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}



/* =====================================================================
   BATARYA 1% — OPERATIONS MONITOR R1
   ===================================================================== */

#view-staging{
    --om-text:#17394d;
    --om-muted:#8999a2;
    --om-border:#e1e8eb;
    --om-green:#159b71;
    --om-orange:#a86b1b;
    --om-red:#c4564f;
}


/* top summary */

#view-staging #stagingSummary.ops-monitor-summary-r1{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-bottom:9px !important;
}

.ops-monitor-kpi-r1{
    min-height:76px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 10px;
    border:1px solid var(--om-border);
    border-radius:11px;
    background:#fff;
}

.ops-monitor-kpi-r1 .icon{
    width:31px;
    height:31px;
    flex:0 0 31px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#eef4f6;
    color:#607b89;
    font-size:11px;
    font-weight:900;
}

.ops-monitor-kpi-r1 .icon.sessions{
    background:#edf8f4;
    color:#14815f;
}

.ops-monitor-kpi-r1 .icon.branches{
    background:#f1f5fb;
    color:#5579a0;
}

.ops-monitor-kpi-r1 .icon.sync{
    background:#fff6e9;
    color:#9f6a20;
}

.ops-monitor-kpi-r1.cloud{
    border-color:#cfe7de;
    background:#fbfefd;
}

.ops-monitor-kpi-r1 small,
.ops-monitor-kpi-r1 strong,
.ops-monitor-kpi-r1 em{
    display:block;
}

.ops-monitor-kpi-r1 small{
    color:#8c9aa2;
    font-size:5.8px;
}

.ops-monitor-kpi-r1 strong{
    margin-top:2px;
    color:var(--om-text);
    font-size:11px;
}

.ops-monitor-kpi-r1.cloud strong{
    color:#14815f;
}

.ops-monitor-kpi-r1 em{
    margin-top:2px;
    color:#9aa6ac;
    font-size:5.3px;
    font-style:normal;
}


.ops-monitor-mini-stats-r1{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:5px;
    padding:5px;
    border:1px solid #e6ecef;
    border-radius:9px;
    background:#fafcfd;
}

.ops-monitor-mini-stats-r1>span{
    display:flex;
    align-items:center;
    gap:4px;
    padding:4px 7px;
    border-left:1px solid #e7ecef;
}

.ops-monitor-mini-stats-r1>span:last-child{
    border-left:0;
}

.ops-monitor-mini-stats-r1 small{
    color:#8d9ba2;
    font-size:5.4px;
}

.ops-monitor-mini-stats-r1 b{
    color:#405f70;
    font-size:6.5px;
}


/* alerts */

.ops-monitor-alerts-r1{
    margin-bottom:9px;
}

.ops-monitor-alert-good-r1{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border:1px solid #d7ebe3;
    border-radius:10px;
    background:#f2faf7;
}

.ops-monitor-alert-good-r1>span{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#dff3eb;
    color:#14815f;
    font-weight:900;
}

.ops-monitor-alert-good-r1 b{
    display:block;
    color:#24634e;
    font-size:7px;
}

.ops-monitor-alert-good-r1 small{
    display:block;
    margin-top:1px;
    color:#7e978e;
    font-size:5.5px;
}

.ops-monitor-alert-title-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:5px;
}

.ops-monitor-alert-title-r1 b{
    color:#4c6674;
    font-size:7px;
}

.ops-monitor-alert-title-r1 span{
    padding:3px 6px;
    border-radius:999px;
    background:#fff4e4;
    color:#9f6719;
    font-size:5.5px;
    font-weight:850;
}

.ops-monitor-alert-list-r1{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
}

.ops-monitor-alert-list-r1 article{
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 8px;
    border-radius:9px;
}

.ops-monitor-alert-list-r1 article.warning{
    border:1px solid #f0dfc3;
    background:#fff9f0;
    color:#95641d;
}

.ops-monitor-alert-list-r1 article.danger{
    border:1px solid #f0d5d3;
    background:#fff3f2;
    color:#b54f49;
}

.ops-monitor-alert-list-r1 article>span{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:7px;
    background:#fff;
    font-weight:900;
}

.ops-monitor-alert-list-r1 b{
    display:block;
    font-size:6.5px;
}

.ops-monitor-alert-list-r1 small{
    display:block;
    margin-top:1px;
    font-size:5.4px;
    opacity:.8;
}


/* main panels */

#view-staging .ops-monitor-sessions-panel-r1,
#view-staging .ops-monitor-branches-panel-r1{
    border:1px solid #e1e8eb !important;
    border-radius:13px !important;
    box-shadow:0 4px 13px rgba(20,44,61,.025) !important;
    background:#fff !important;
}

#view-staging .ops-monitor-sessions-panel-r1{
    min-height:300px !important;
}

#view-staging .ops-monitor-branches-panel-r1{
    min-height:300px !important;
}


/* sessions */

.ops-monitor-sessions-r1{
    display:grid !important;
    gap:6px !important;
}

.ops-monitor-session-card-r1{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    padding:8px;
    border:1px solid #e5ebee;
    border-radius:10px;
    background:#fafcfd;
}

.ops-monitor-avatar-r1{
    position:relative;
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#e8f6f1;
    color:#14815f;
    font-size:11px;
    font-weight:900;
}

.ops-monitor-avatar-r1 i{
    position:absolute;
    left:0;
    bottom:1px;
    width:9px;
    height:9px;
    border:2px solid #fff;
    border-radius:50%;
}

.ops-monitor-avatar-r1 i.good{
    background:#18a779;
}

.ops-monitor-avatar-r1 i.warning{
    background:#e29b32;
}

.ops-monitor-avatar-r1 i.danger{
    background:#cf5b53;
}

.ops-monitor-session-main-r1{
    min-width:0;
}

.ops-monitor-session-name-r1{
    display:flex;
    align-items:center;
    gap:5px;
}

.ops-monitor-session-name-r1 b{
    color:#29495a;
    font-size:8px;
}

.ops-monitor-session-name-r1 span{
    padding:2px 5px;
    border-radius:999px;
    font-size:5px;
    font-weight:850;
}

.ops-monitor-session-name-r1 span.good{
    background:#e8f7f1;
    color:#14815f;
}

.ops-monitor-session-name-r1 span.warning{
    background:#fff4e4;
    color:#9e681b;
}

.ops-monitor-session-name-r1 span.danger{
    background:#fff0ef;
    color:#bd554e;
}

.ops-monitor-session-main-r1>small{
    display:block;
    margin-top:2px;
    color:#80929c;
    font-size:5.8px;
}

.ops-monitor-session-meta-r1{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-top:4px;
}

.ops-monitor-session-meta-r1 span{
    padding:3px 5px;
    border-radius:6px;
    background:#f1f5f6;
    color:#7d8f98;
    font-size:5.2px;
}

.ops-monitor-session-card-r1>button{
    border:1px solid #d9e7e2;
    border-radius:7px;
    padding:5px 7px;
    background:#f3faf7;
    color:#157b5d;
    font-family:inherit;
    font-size:5.8px;
    font-weight:850;
    cursor:pointer;
}


/* branches */

.ops-monitor-branches-r1{
    display:grid !important;
    gap:7px !important;
}

.ops-monitor-branch-card-r1{
    padding:9px;
    border:1px solid #e4eaed;
    border-radius:10px;
    background:#fff;
}

.ops-monitor-branch-card-r1.connected{
    border-color:#cfe6dd;
    background:linear-gradient(135deg,#fff,#f9fdfb);
}

.ops-monitor-branch-card-r1>header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.ops-monitor-branch-card-r1>header>div{
    display:flex;
    align-items:center;
    gap:6px;
}

.ops-monitor-branch-card-r1 .status{
    font-size:9px;
}

.ops-monitor-branch-card-r1 .status.connected{
    color:#19a779;
}

.ops-monitor-branch-card-r1 .status.idle{
    color:#b7c0c5;
}

.ops-monitor-branch-card-r1 header b{
    display:block;
    color:#274758;
    font-size:8px;
}

.ops-monitor-branch-card-r1 header small{
    display:block;
    margin-top:1px;
    color:#96a2a8;
    font-size:5.4px;
}

.ops-monitor-branch-card-r1 header>strong{
    padding:3px 6px;
    border-radius:999px;
    font-size:5.4px;
}

.ops-monitor-branch-card-r1 header>strong.connected{
    background:#e8f7f1;
    color:#14815f;
}

.ops-monitor-branch-card-r1 header>strong.idle{
    background:#f1f4f5;
    color:#788a93;
}


.ops-monitor-branch-stats-r1{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    margin-top:7px;
}

.ops-monitor-branch-stats-r1>div{
    padding:6px;
    border-radius:7px;
    background:#f7f9fa;
}

.ops-monitor-branch-stats-r1 small,
.ops-monitor-branch-stats-r1 b{
    display:block;
}

.ops-monitor-branch-stats-r1 small{
    color:#95a1a8;
    font-size:5.1px;
}

.ops-monitor-branch-stats-r1 b{
    margin-top:2px;
    color:#3d5969;
    font-size:6.5px;
}


.ops-monitor-branch-footer-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    margin-top:7px;
    padding-top:6px;
    border-top:1px solid #edf1f3;
}

.ops-monitor-branch-footer-r1>span{
    color:#8b9aa2;
    font-size:5.4px;
}

.ops-monitor-branch-footer-r1>div{
    display:flex;
    gap:3px;
}

.ops-monitor-branch-footer-r1 button{
    border:1px solid #dfe7ea;
    border-radius:6px;
    padding:4px 5px;
    background:#fff;
    color:#5e7783;
    font-family:inherit;
    font-size:5.2px;
    font-weight:800;
    cursor:pointer;
}

.ops-monitor-branch-footer-r1 button:hover{
    border-color:#cbe2d9;
    background:#f3faf7;
    color:#157b5d;
}


/* bottom live bar */

#view-staging #stagingLastStatus.ops-monitor-last-r1{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:38px !important;
    margin-top:9px !important;
    padding:7px 9px !important;
    border:1px solid #d9e9e3 !important;
    border-radius:9px !important;
    background:#f2faf7 !important;
    color:#53756a !important;
}

.ops-monitor-last-r1>span{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:6px;
    font-weight:850;
}

.ops-monitor-last-r1>span i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#18a779;
    box-shadow:0 0 0 3px rgba(24,167,121,.1);
}

.ops-monitor-last-r1>b{
    font-size:6px;
}

.ops-monitor-last-r1>small{
    font-size:5.5px;
}


/* refresh */

#view-staging #refreshStagingStatus.ops-monitor-refresh-r1{
    height:32px !important;
    padding:0 10px !important;
    border:1px solid #d7e6e0 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#167b5e !important;
    font-family:inherit !important;
    font-size:6.5px !important;
    font-weight:850 !important;
}


/* loading / error / empty */

.ops-monitor-loading-r1,
.ops-monitor-error-r1{
    grid-column:1/-1;
    min-height:70px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border:1px dashed #dfe7ea;
    border-radius:10px;
    background:#fafcfd;
    color:#82949d;
    font-size:7px;
}

.ops-monitor-error-r1 b{
    color:#b9524c;
}

.ops-monitor-error-r1 span{
    font-size:6px;
}

.ops-monitor-empty-r1{
    min-height:170px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#8c9aa2;
}

.ops-monitor-empty-r1>span{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f0f4f6;
    color:#70858f;
    font-size:13px;
}

.ops-monitor-empty-r1 b{
    color:#536d7a;
    font-size:8px;
}

.ops-monitor-empty-r1 small{
    font-size:6px;
}


/* compact original page spacing */

#view-staging .section-head{
    margin-bottom:12px !important;
}

#view-staging .staging-monitor-layout,
#view-staging .staging-grid{
    gap:9px !important;
}

#view-staging .panel{
    padding:11px !important;
}


/* responsive */

@media(max-width:1100px){

    #view-staging #stagingSummary.ops-monitor-summary-r1{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .ops-monitor-branch-stats-r1{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:700px){

    #view-staging #stagingSummary.ops-monitor-summary-r1{
        grid-template-columns:1fr !important;
    }

    .ops-monitor-alert-list-r1{
        grid-template-columns:1fr;
    }

    .ops-monitor-branch-footer-r1{
        align-items:flex-start;
        flex-direction:column;
    }

    .ops-monitor-branch-footer-r1>div{
        flex-wrap:wrap;
    }

}


/* =====================================================================
   OPERATIONS MONITOR R1 — TYPOGRAPHY FIX 1
   Bigger readable text
   ===================================================================== */

/* TOP KPIs */

#view-staging .ops-monitor-kpi-r1 small{
    font-size:8px !important;
}

#view-staging .ops-monitor-kpi-r1 strong{
    font-size:15px !important;
}

#view-staging .ops-monitor-kpi-r1 em{
    margin-top:4px;
    font-size:7.5px !important;
    line-height:1.45;
}

#view-staging .ops-monitor-kpi-r1 .icon{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:14px;
}


/* MINI STATS */

#view-staging .ops-monitor-mini-stats-r1 small{
    font-size:7.5px !important;
}

#view-staging .ops-monitor-mini-stats-r1 b{
    font-size:10px !important;
}


/* ALERTS */

#view-staging .ops-monitor-alert-good-r1 b{
    font-size:9px !important;
}

#view-staging .ops-monitor-alert-good-r1 small{
    margin-top:3px;
    font-size:7.5px !important;
}

#view-staging .ops-monitor-alert-title-r1 b{
    font-size:9px !important;
}

#view-staging .ops-monitor-alert-title-r1 span{
    font-size:7.5px !important;
}

#view-staging .ops-monitor-alert-list-r1 b{
    font-size:8.5px !important;
}

#view-staging .ops-monitor-alert-list-r1 small{
    margin-top:3px;
    font-size:7.5px !important;
    line-height:1.5;
}


/* ACTIVE DEVICE CARDS */

#view-staging .ops-monitor-avatar-r1{
    width:42px;
    height:42px;
    font-size:14px;
}

#view-staging .ops-monitor-session-card-r1{
    grid-template-columns:44px minmax(0,1fr) auto;
    padding:10px;
    gap:10px;
}

#view-staging .ops-monitor-session-name-r1 b{
    font-size:11px !important;
}

#view-staging .ops-monitor-session-name-r1 span{
    padding:3px 6px;
    font-size:7px !important;
}

#view-staging .ops-monitor-session-main-r1>small{
    margin-top:4px;
    font-size:8px !important;
}

#view-staging .ops-monitor-session-meta-r1 span{
    padding:4px 7px;
    font-size:7px !important;
}

#view-staging .ops-monitor-session-card-r1>button{
    padding:7px 9px;
    font-size:8px !important;
}


/* BRANCH CARDS */

#view-staging .ops-monitor-branch-card-r1{
    padding:11px;
}

#view-staging .ops-monitor-branch-card-r1 header b{
    font-size:11px !important;
}

#view-staging .ops-monitor-branch-card-r1 header small{
    margin-top:3px;
    font-size:7.5px !important;
}

#view-staging .ops-monitor-branch-card-r1 header>strong{
    padding:4px 8px;
    font-size:7.5px !important;
}


/* BRANCH KPI BOXES */

#view-staging .ops-monitor-branch-stats-r1>div{
    padding:8px;
    min-height:55px;
}

#view-staging .ops-monitor-branch-stats-r1 small{
    font-size:7.5px !important;
}

#view-staging .ops-monitor-branch-stats-r1 b{
    margin-top:4px;
    font-size:10px !important;
}


/* BRANCH FOOTER */

#view-staging .ops-monitor-branch-footer-r1>span{
    font-size:7.5px !important;
}

#view-staging .ops-monitor-branch-footer-r1 button{
    padding:6px 8px;
    font-size:7.5px !important;
}


/* BOTTOM LIVE STATUS */

#view-staging #stagingLastStatus.ops-monitor-last-r1{
    min-height:44px !important;
    padding:9px 11px !important;
}

#view-staging .ops-monitor-last-r1>span{
    font-size:8px !important;
}

#view-staging .ops-monitor-last-r1>b{
    font-size:8px !important;
}

#view-staging .ops-monitor-last-r1>small{
    font-size:7.5px !important;
}


/* REFRESH BUTTON */

#view-staging #refreshStagingStatus.ops-monitor-refresh-r1{
    height:36px !important;
    padding:0 12px !important;
    font-size:8.5px !important;
}


/* EMPTY / ERROR */

#view-staging .ops-monitor-empty-r1 b{
    font-size:10px !important;
}

#view-staging .ops-monitor-empty-r1 small{
    font-size:8px !important;
}

#view-staging .ops-monitor-loading-r1,
#view-staging .ops-monitor-error-r1{
    font-size:9px !important;
}

#view-staging .ops-monitor-error-r1 span{
    font-size:8px !important;
}


/* More breathing room now that text is larger */

#view-staging .ops-monitor-sessions-r1,
#view-staging .ops-monitor-branches-r1{
    gap:8px !important;
}


/* =====================================================================
   BATARYA 1% — GLOBAL TYPOGRAPHY R1
   BATARYA_GLOBAL_TYPOGRAPHY_R1
   Screen only — does not affect receipt / barcode printing
   ===================================================================== */

@media screen {

/* -----------------------------------------------------
   GLOBAL FONT QUALITY
----------------------------------------------------- */

html,
body{
    font-family:
        'Tajawal',
        'Segoe UI',
        Tahoma,
        Arial,
        sans-serif !important;

    font-size:16px;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}


/* -----------------------------------------------------
   PAGE HEADERS
----------------------------------------------------- */

.view .section-head h1,
.view .welcome-row h1{
    font-size:27px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}

.view .section-head p,
.view .welcome-row p{
    font-size:13px !important;
    line-height:1.65 !important;
}

.view .eyebrow{
    font-size:10px !important;
    line-height:1.4 !important;
    font-weight:900 !important;
    letter-spacing:.08em;
}


/* -----------------------------------------------------
   PANEL HEADINGS
----------------------------------------------------- */

.view .panel-head h2,
.view .panel-head h3,
.view .panel h2,
.view .panel h3{
    font-size:17px !important;
    line-height:1.35 !important;
}

.view .panel-head>div>small,
.view .panel-head>small{
    font-size:10.5px !important;
    line-height:1.45 !important;
}


/* -----------------------------------------------------
   NEVER ALLOW MICRO TEXT INSIDE APP VIEWS
----------------------------------------------------- */

.view small{
    font-size:max(10px,.68em) !important;
    line-height:1.45 !important;
}

.view label{
    font-size:11px !important;
    line-height:1.45 !important;
}


/* -----------------------------------------------------
   INPUTS / SEARCH / SELECTS
----------------------------------------------------- */

.view input:not([type="checkbox"]):not([type="radio"]),
.view select,
.view textarea{
    font-size:13px !important;
    line-height:1.45 !important;
}

.view input::placeholder,
.view textarea::placeholder{
    font-size:12px !important;
}


/* -----------------------------------------------------
   BUTTONS
----------------------------------------------------- */

.view button{
    font-size:12px !important;
    line-height:1.25 !important;
}

.view .btn,
.view .link-btn,
.view .primary-btn,
.view .secondary-btn,
.view .danger-btn{
    font-size:12px !important;
}


/* -----------------------------------------------------
   TABLES
----------------------------------------------------- */

.view table th{
    font-size:11px !important;
    line-height:1.4 !important;
}

.view table td{
    font-size:12px !important;
    line-height:1.5 !important;
}

.view table td small{
    font-size:10px !important;
}


/* -----------------------------------------------------
   SUMMARY / KPI CARDS
----------------------------------------------------- */

.view .kpi small,
.view .summary-card small,
.view .product-summary-card small,
.view .inventory-summary-card small,
.view .cash-mini-card small,
.view .stagnant-summary-card small,
.view [class*="summary-card"] small,
.view [class*="kpi"] small{
    font-size:10px !important;
}

.view .kpi span,
.view .summary-card span,
.view .product-summary-card span,
.view .inventory-summary-card span,
.view .cash-mini-card span,
.view .stagnant-summary-card span{
    font-size:10px !important;
    line-height:1.4 !important;
}


/* -----------------------------------------------------
   SMART R1 COMPONENTS
   Bring all recent smart pages to same readable scale
----------------------------------------------------- */

/* Products */

.view .products-smart-center-head-r1 small,
.view .products-smart-center-head-r1 p,
.view .products-smart-filter-r1 button,
.view .products-smart-filter-r1 button b,
.view .products-smart-top-title-r1,
.view .products-smart-top-r1 article b,
.view .products-smart-top-r1 article small,
.view .products-smart-top-r1 article button,
.view .products-smart-selection-r1 span,
.view .products-smart-selection-actions-r1 button,
.view .products-smart-select-r1,
.view .products-smart-insight-r1>span,
.view .products-smart-transfer-r1,
.view .products-smart-issues-r1 i{
    font-size:10px !important;
    line-height:1.35 !important;
}


/* Price center */

.view .price-smart-kpi-r1 small,
.view .price-smart-kpi-r1 span,
.view .price-smart-unread-r1 small,
.view .price-smart-unread-r1 button,
.view .price-smart-trend-head-r1 small,
.view .price-smart-market-strip-r1 span,
.view .price-smart-chart-labels-r1,
.view .price-smart-attention-head-r1 small,
.view .price-smart-attention-head-r1 button,
.view .price-smart-attention-list-r1 b,
.view .price-smart-attention-list-r1 small,
.view .price-smart-attention-list-r1 article>strong,
.view .price-smart-filters-title-r1 b,
.view .price-smart-filters-title-r1 span,
.view .price-smart-filter-buttons-r1 button,
.view .price-smart-filter-buttons-r1 button b,
.view .price-smart-product-r1>small,
.view .price-smart-normal-r1,
.view .price-smart-alert-pill-r1,
.view .price-smart-price-r1 small,
.view .price-smart-safe-r1 small,
.view .price-smart-margin-r1 small,
.view .price-smart-stock-r1 small,
.view .price-smart-meta-r1 small,
.view .price-smart-stock-r1>span,
.view .price-smart-meta-r1>span,
.view .price-smart-meta-r1>em,
.view .price-smart-open-r1,
.view .price-smart-new-dot-r1{
    font-size:10px !important;
    line-height:1.4 !important;
}


/* Inventory */

.view .inventory-smart-health-main-r1 small,
.view .inventory-smart-health-main-r1 em,
.view .inventory-smart-health-stat-r1 small,
.view .inventory-smart-health-actions-r1 button,
.view .branch-value-grid small,
.view .branch-card-footer,
.view .branch-card-footer b,
.view .stagnant-panel-head p,
.view .stagnant-toolbar label,
.view .stagnant-summary-card small,
.view .stagnant-summary-card span{
    font-size:10px !important;
    line-height:1.4 !important;
}


/* Transfers */

.view .transfer-smart-route-branch-r1 small,
.view .transfer-smart-route-branch-r1 span,
.view .transfer-smart-route-branch-r1 em,
.view .transfer-smart-route-arrow-r1 span,
.view .transfer-smart-rebalance-head-r1 small,
.view .transfer-smart-rebalance-head-r1 span,
.view .transfer-smart-rebalance-list-r1 article b,
.view .transfer-smart-rebalance-list-r1 article small,
.view .transfer-smart-rebalance-list-r1 article>strong,
.view .transfer-smart-rebalance-list-r1 article button,
.view .transfer-smart-add-all-r1,
.view .transfer-smart-summary-r1 small,
.view .transfer-smart-beforeafter-r1 small,
.view .transfer-smart-beforeafter-r1 span,
.view .transfer-smart-line-status-r1 b,
.view .transfer-smart-line-status-r1 button,
.view .transfer-smart-final-preview-r1 small,
.view .transfer-smart-final-preview-r1 b,
.view .transfer-smart-final-preview-r1>span,
.view .transfer-smart-history-toolbar-r1 b,
.view .transfer-smart-history-toolbar-r1 span,
.view .transfer-smart-history-toolbar-r1 input,
.view .transfer-smart-history-period-r1 button,
.view .transfer-smart-history-view-r1,
.view .transfer-smart-repeat-r1{
    font-size:10px !important;
    line-height:1.4 !important;
}


/* Branch Command Center */

.view .branches-smart-command-title-r1 small,
.view .branches-smart-command-title-r1 p,
.view .branches-smart-command-status-r1,
.view .branches-smart-winners-r1 small,
.view .branches-smart-winners-r1 b,
.view .branches-smart-winners-r1 em,
.view .branch-main-mini-r1,
.view .branch-current-mini-r1,
.view .branch-health-r1 small,
.view .branch-health-r1 span,
.view .branch-health-r1 em,
.view .branch-primary-kpis-r1 small,
.view .branch-primary-kpis-r1>div>span,
.view .branch-smart-delta-r1,
.view .branch-trend-head-r1 span,
.view .branch-trend-head-r1 b,
.view .branch-smart-alert-r1 b,
.view .branch-smart-alert-r1 span,
.view .branch-secondary-r1 small,
.view .branch-secondary-r1 b,
.view .branch-transfer-opportunity-r1 b,
.view .branch-transfer-opportunity-r1 small,
.view .branch-transfer-opportunity-r1 strong,
.view .branch-command-actions-r1 button{
    font-size:10px !important;
    line-height:1.4 !important;
}


/* Operations Monitor */

.view .ops-monitor-kpi-r1 small,
.view .ops-monitor-kpi-r1 em,
.view .ops-monitor-mini-stats-r1 small,
.view .ops-monitor-mini-stats-r1 b,
.view .ops-monitor-alert-good-r1 small,
.view .ops-monitor-alert-title-r1 span,
.view .ops-monitor-alert-list-r1 b,
.view .ops-monitor-alert-list-r1 small,
.view .ops-monitor-session-name-r1 span,
.view .ops-monitor-session-main-r1>small,
.view .ops-monitor-session-meta-r1 span,
.view .ops-monitor-session-card-r1>button,
.view .ops-monitor-branch-card-r1 header small,
.view .ops-monitor-branch-card-r1 header>strong,
.view .ops-monitor-branch-stats-r1 small,
.view .ops-monitor-branch-footer-r1>span,
.view .ops-monitor-branch-footer-r1 button,
.view .ops-monitor-last-r1>span,
.view .ops-monitor-last-r1>b,
.view .ops-monitor-last-r1>small{
    font-size:10px !important;
    line-height:1.4 !important;
}


/* -----------------------------------------------------
   STANDARD CARDS / PRODUCT / CASH / SALES
----------------------------------------------------- */

.view .card small,
.view .smart-card small,
.view .admin-product-card small,
.view .sale-card small,
.view .invoice-card small,
.view .cash-card small,
.view .branch-card small{
    font-size:10px !important;
}

.view .card p,
.view .smart-card p,
.view .admin-product-card p,
.view .sale-card p,
.view .invoice-card p{
    font-size:12px !important;
    line-height:1.55 !important;
}


/* -----------------------------------------------------
   BADGES / CHIPS / STATUS
----------------------------------------------------- */

.view .badge,
.view [class*="-badge"],
.view [class*="-pill"],
.view [class*="-chip"],
.view [class*="-status"]{
    font-size:max(9px,.65em) !important;
}


/* Do not shrink icon-only controls */
.view button:has(svg):not(:has(span)):not(:has(b)){
    line-height:1 !important;
}


/* -----------------------------------------------------
   SIDEBAR / TOPBAR
----------------------------------------------------- */

.sidebar .nav-item{
    font-size:15px !important;
}

.sidebar-card b{
    font-size:13px !important;
}

.sidebar-card small{
    font-size:10px !important;
}

.topbar input,
.topbar select,
.topbar button{
    font-size:12px !important;
}

.topbar .user-card small,
.topbar .sync-badge small{
    font-size:10px !important;
}


/* -----------------------------------------------------
   MOBILE
----------------------------------------------------- */

@media(max-width:760px){

    .view .section-head h1,
    .view .welcome-row h1{
        font-size:23px !important;
    }

    .view small{
        font-size:max(10px,.7em) !important;
    }

    .view button{
        font-size:12px !important;
    }

    .view table td{
        font-size:12px !important;
    }

}

} /* end screen only */



/* =====================================================================
   BATARYA 1% — SMART SIDEBAR R1
   ===================================================================== */

.sidebar.sidebar-smart-r1{
    width:258px;
    padding:15px 12px 12px;
    background:
        linear-gradient(
            180deg,
            #102d47 0%,
            #0c263e 55%,
            #0a2238 100%
        );
}


/* BRAND */

.sidebar-smart-r1 .brand{
    min-height:64px;
    gap:10px;
    margin:0 4px 10px;
    padding:5px 4px 10px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.sidebar-smart-r1 .brand strong{
    font-size:20px !important;
    line-height:1.2;
}

.sidebar-smart-r1 .brand small{
    margin-top:3px;
    font-size:10px !important;
    color:#93a9bb;
}

.sidebar-smart-r1 .brand-battery{
    width:34px;
    height:52px;
}


/* TOP TOOLS */

.sidebar-smart-tools-r1{
    margin:0 3px 9px;
}

.sidebar-smart-branch-r1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    min-height:45px;
    padding:6px 7px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:rgba(255,255,255,.045);
}

.sidebar-smart-branch-r1>div{
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
}

.sidebar-smart-live-dot-r1{
    flex:0 0 8px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#43d1a5;
    box-shadow:0 0 0 4px rgba(67,209,165,.1);
}

.sidebar-smart-branch-r1 small{
    display:block;
    color:#8fa6b8;
    font-size:9px !important;
}

.sidebar-smart-branch-r1 b{
    display:block;
    max-width:128px;
    margin-top:1px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#f3f7fa;
    font-size:11px;
}

.sidebar-smart-branch-r1 select{
    width:25px;
    height:28px;
    border:0;
    border-radius:7px;
    background:#173b57;
    color:#fff;
    font-size:0;
    cursor:pointer;
}

.sidebar-smart-branch-r1 select option{
    font-size:13px;
    color:#15283b;
    background:#fff;
}


/* SEARCH */

.sidebar-smart-search-r1{
    height:37px;
    display:grid;
    grid-template-columns:22px minmax(0,1fr) 22px;
    align-items:center;
    gap:3px;
    margin-top:6px;
    padding:0 7px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:9px;
    background:rgba(255,255,255,.055);
}

.sidebar-smart-search-r1>span{
    color:#8fa7ba;
    font-size:16px;
}

.sidebar-smart-search-r1 input{
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-family:inherit;
    font-size:11px;
}

.sidebar-smart-search-r1 input::placeholder{
    color:#7892a7;
}

.sidebar-smart-search-r1 button{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:6px;
    background:transparent;
    color:#829bad;
    font-size:15px;
    cursor:pointer;
}

.sidebar-smart-search-r1 button:hover{
    background:rgba(255,255,255,.07);
    color:#fff;
}


/* NAV SCROLL */

.sidebar-smart-r1 #mainNav{
    flex:1;
    min-height:0;
    display:block;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 3px 8px 1px;
    scrollbar-width:thin;
    scrollbar-color:rgba(183,204,217,.28) transparent;
}

.sidebar-smart-r1 #mainNav::-webkit-scrollbar{
    width:5px;
}

.sidebar-smart-r1 #mainNav::-webkit-scrollbar-track{
    background:transparent;
}

.sidebar-smart-r1 #mainNav::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(188,208,220,.28);
}


/* GROUPS */

.sidebar-smart-group-r1{
    margin:3px 0 8px;
}

.sidebar-smart-group-head-r1{
    width:100%;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 7px;
    border:0;
    background:transparent;
    color:#7190a7;
    font-family:inherit;
    cursor:pointer;
}

.sidebar-smart-group-head-r1>span{
    font-size:10px;
    font-weight:850;
}

.sidebar-smart-group-head-r1>i{
    color:#69869c;
    font-size:11px;
    font-style:normal;
    transition:transform .16s ease;
}

.sidebar-smart-group-r1.collapsed
.sidebar-smart-group-head-r1>i{
    transform:rotate(90deg);
}

.sidebar-smart-group-r1.collapsed
.sidebar-smart-group-items-r1{
    display:none;
}

.sidebar-smart-empty-group-r1{
    display:none !important;
}


/* NAV ITEMS */

.sidebar-smart-group-items-r1{
    display:grid;
    gap:3px;
}

.sidebar-smart-r1 .nav-item{
    position:relative;
    width:100%;
    min-height:43px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto auto;
    align-items:center;
    gap:6px;
    padding:5px 7px !important;
    border-radius:10px !important;
    background:transparent !important;
    color:#c8d6e1 !important;
    text-align:right;
    font-size:14px !important;
    box-shadow:none !important;
    transition:
        background .15s ease,
        color .15s ease,
        transform .15s ease;
}

.sidebar-smart-r1 .nav-item:hover{
    background:rgba(255,255,255,.055) !important;
    color:#fff !important;
}

.sidebar-smart-r1 .nav-item.active{
    background:
        linear-gradient(
            90deg,
            rgba(27,167,126,.17),
            rgba(27,167,126,.08)
        ) !important;

    color:#fff !important;
}

.sidebar-smart-r1 .nav-item.active::before{
    content:"";
    position:absolute;
    top:8px;
    bottom:8px;
    right:0;
    width:3px;
    border-radius:3px 0 0 3px;
    background:#21c793;
}

.sidebar-smart-icon-r1{
    width:32px;
    height:32px;
    display:grid !important;
    place-items:center;
    border-radius:8px;
    background:rgba(255,255,255,.045);
    color:#a9becd;
    font-size:15px;
    line-height:1;
}

.nav-item.active .sidebar-smart-icon-r1{
    background:rgba(29,199,147,.15);
    color:#5ce0b7;
}

.sidebar-smart-label-r1{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:14px !important;
    font-weight:650;
}


/* FAVORITE STAR */

.sidebar-smart-fav-toggle-r1{
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    border-radius:6px;
    color:#607e94;
    font-size:13px;
    cursor:pointer;
    opacity:0;
    transition:opacity .15s ease,color .15s ease;
}

.nav-item:hover .sidebar-smart-fav-toggle-r1,
.sidebar-smart-fav-toggle-r1.active{
    opacity:1;
}

.sidebar-smart-fav-toggle-r1.active{
    color:#f0c864;
}


/* SMART BADGES */

.sidebar-smart-badge-r1,
.sidebar-smart-state-badge-r1{
    display:inline-grid;
    place-items:center;
    min-width:21px;
    height:20px;
    padding:0 5px;
    border-radius:999px;
    font-size:9px !important;
    font-weight:900;
}

.sidebar-smart-badge-r1{
    background:#e7f8f1;
    color:#137b5d;
}

.sidebar-smart-state-badge-r1{
    background:#fff4da;
    color:#9c6a1f;
}

.sidebar-smart-legacy-badge-r1{
    display:none !important;
}

.sidebar-smart-search-hidden-r1{
    display:none !important;
}


/* FAVORITES */

.sidebar-smart-favorites-r1{
    margin:2px 0 9px;
    padding:6px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px;
    background:rgba(255,255,255,.025);
}

.sidebar-smart-favorites-title-r1{
    display:flex;
    align-items:center;
    gap:5px;
    padding:0 4px 5px;
    color:#819caf;
}

.sidebar-smart-favorites-title-r1>span{
    color:#e8c762;
    font-size:10px;
}

.sidebar-smart-favorites-title-r1>b{
    font-size:9px;
}

.sidebar-smart-favorites-list-r1{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
}

.sidebar-smart-favorite-item-r1{
    min-width:0;
    min-height:45px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:4px 3px;
    border:0;
    border-radius:8px;
    background:rgba(255,255,255,.045);
    color:#d5e1e9;
    font-family:inherit;
    cursor:pointer;
}

.sidebar-smart-favorite-item-r1:hover{
    background:rgba(30,187,141,.13);
    color:#fff;
}

.sidebar-smart-favorite-item-r1 .icon{
    font-size:14px;
    line-height:1;
}

.sidebar-smart-favorite-item-r1 .label{
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:center;
    font-size:8.5px;
}


/* DEVICE COMPACT STRIP */

.sidebar-smart-device-r1{
    width:100%;
    min-height:49px;
    display:grid;
    grid-template-columns:10px minmax(0,1fr) auto 15px;
    align-items:center;
    gap:6px;
    margin-top:5px;
    padding:7px 8px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:11px;
    background:rgba(255,255,255,.045);
    color:#fff;
    font-family:inherit;
    text-align:right;
    cursor:pointer;
}

.sidebar-smart-device-r1 .device-state{
    width:8px;
    height:8px;
    border-radius:50%;
}

.sidebar-smart-device-r1 .device-state.online{
    background:#43d1a5;
    box-shadow:0 0 0 4px rgba(67,209,165,.1);
}

.sidebar-smart-device-r1 .device-state.offline{
    background:#e76c63;
}

.sidebar-smart-device-r1 b{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:11px;
}

.sidebar-smart-device-r1 small{
    display:block;
    margin-top:1px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#91a8b8;
    font-size:9px;
}

.sidebar-smart-device-r1 .device-meta{
    color:#72cfb1;
    font-size:8px;
    white-space:nowrap;
}

.sidebar-smart-device-r1>i{
    color:#7290a4;
    font-size:10px;
    font-style:normal;
    transition:transform .16s ease;
}

.sidebar-smart-device-open-r1
.sidebar-smart-device-r1>i{
    transform:rotate(180deg);
}


/* LEGACY DEVICE DETAILS */

.sidebar-smart-r1
.sidebar-smart-device-details-r1{
    display:none;
    margin-top:5px !important;
    padding:10px !important;
    border-radius:10px !important;
    box-shadow:none !important;
}

.sidebar-smart-r1.sidebar-smart-device-open-r1
.sidebar-smart-device-details-r1{
    display:flex;
}


/* VERSION */

.sidebar-smart-r1 .version{
    margin-top:7px;
    color:#667f93;
    font-size:9px !important;
}


/* COLLAPSE BUTTON */

.sidebar-smart-collapse-r1{
    position:absolute;
    top:72px;
    right:-12px;
    z-index:5;
    width:25px;
    height:31px;
    display:grid;
    place-items:center;
    border:1px solid #dce5e9;
    border-radius:8px;
    background:#fff;
    color:#426273;
    box-shadow:0 3px 10px rgba(17,41,58,.12);
    font-size:20px;
    cursor:pointer;
}


/* COLLAPSED DESKTOP */

.sidebar-smart-r1.sidebar-smart-collapsed-r1{
    width:82px !important;
    padding-left:9px;
    padding-right:9px;
}

#appShell.sidebar-smart-collapsed-shell-r1 .main{
    margin-left:82px !important;
    width:calc(100% - 82px) !important;
}

.sidebar-smart-collapsed-r1 .brand{
    justify-content:center;
    margin-left:0;
    margin-right:0;
}

.sidebar-smart-collapsed-r1
.brand>div:last-child{
    display:none;
}

.sidebar-smart-collapsed-r1
.brand-battery{
    width:32px;
    height:48px;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-tools-r1{
    display:none;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-group-head-r1{
    display:none;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-group-r1{
    margin-bottom:4px;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-group-items-r1{
    display:grid !important;
}

.sidebar-smart-collapsed-r1
.nav-item{
    min-height:46px;
    grid-template-columns:1fr !important;
    justify-items:center;
    padding:5px !important;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-label-r1,
.sidebar-smart-collapsed-r1
.sidebar-smart-fav-toggle-r1,
.sidebar-smart-collapsed-r1
.sidebar-smart-state-badge-r1{
    display:none !important;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-badge-r1{
    position:absolute;
    top:3px;
    left:4px;
    min-width:17px;
    height:17px;
    padding:0 3px;
    font-size:7px !important;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-icon-r1{
    width:36px;
    height:36px;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-favorites-r1{
    padding:4px;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-favorites-title-r1{
    display:none;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-favorites-list-r1{
    grid-template-columns:1fr;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-favorite-item-r1 .label{
    display:none;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-favorite-item-r1{
    min-height:38px;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-device-r1{
    grid-template-columns:1fr;
    justify-items:center;
    min-height:42px;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-device-r1>div,
.sidebar-smart-collapsed-r1
.sidebar-smart-device-r1 .device-meta,
.sidebar-smart-collapsed-r1
.sidebar-smart-device-r1>i{
    display:none;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-device-details-r1{
    display:none !important;
}

.sidebar-smart-collapsed-r1
.version{
    font-size:7px !important;
}

.sidebar-smart-collapsed-r1
.sidebar-smart-collapse-r1{
    right:-13px;
    transform:rotate(180deg);
}


/* MEDIUM SCREEN */

@media(max-width:1100px) and (min-width:761px){

    .sidebar.sidebar-smart-r1:not(.sidebar-smart-collapsed-r1){
        width:220px !important;
    }

    .sidebar-smart-r1:not(.sidebar-smart-collapsed-r1)
    + .main{
        margin-left:220px !important;
        width:calc(100% - 220px) !important;
    }

    .sidebar-smart-r1 .nav-item{
        font-size:13px !important;
    }

    .sidebar-smart-label-r1{
        font-size:13px !important;
    }

}


/* MOBILE: keep existing compact behavior */

@media(max-width:760px){

    .sidebar.sidebar-smart-r1{
        width:76px !important;
        padding:14px 9px !important;
    }

    .sidebar-smart-collapse-r1,
    .sidebar-smart-tools-r1,
    .sidebar-smart-group-head-r1,
    .sidebar-smart-label-r1,
    .sidebar-smart-fav-toggle-r1,
    .sidebar-smart-state-badge-r1,
    .sidebar-smart-device-r1>div,
    .sidebar-smart-device-r1 .device-meta,
    .sidebar-smart-device-r1>i{
        display:none !important;
    }

    .sidebar-smart-r1
    .sidebar-smart-group-items-r1{
        display:grid !important;
    }

    .sidebar-smart-r1
    .sidebar-smart-group-r1{
        margin:0 0 4px;
    }

    .sidebar-smart-r1
    .nav-item{
        grid-template-columns:1fr !important;
        justify-items:center;
        min-height:45px;
        padding:4px !important;
    }

    .sidebar-smart-r1
    .sidebar-smart-icon-r1{
        width:36px;
        height:36px;
    }

    .sidebar-smart-favorites-r1{
        display:none !important;
    }

    .sidebar-smart-device-r1{
        grid-template-columns:1fr;
        justify-items:center;
        min-height:40px;
    }

    .sidebar-smart-device-details-r1{
        display:none !important;
    }

}


/* =====================================================================
   BATARYA 1% — POS REAL FINAL PRICE R2
   ===================================================================== */

/* Old discount row is internal now */
#view-pos .discount-line:has(#saleDiscount){
    display:none !important;
}

/* Old R1 experiment */
#view-pos #saleFinalPriceR1,
#view-pos #saleFinalPriceHintR1{
    display:none !important;
}


/* Real seller price */

#view-pos .pos-final-price-r2{
    margin:8px 0;
    padding:10px;
    border:1px solid #b9e2d4;
    border-radius:12px;
    background:
        linear-gradient(
            135deg,
            #f4fcf9,
            #edf9f4
        );
}

#view-pos .pos-final-price-r2-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

#view-pos .pos-final-price-r2-title b{
    display:block;
    color:#184d3c;
    font-size:13px !important;
}

#view-pos .pos-final-price-r2-title small{
    display:block;
    margin-top:2px;
    color:#749287;
    font-size:10px !important;
}

#view-pos .pos-final-price-r2-title>span{
    padding:4px 7px;
    border-radius:999px;
    background:#e1f5ed;
    color:#14805f;
    font-size:9px !important;
    font-weight:850;
    white-space:nowrap;
}

#view-pos .pos-final-price-r2-input{
    position:relative;
    margin-top:8px;
}

#view-pos #posFinalPriceInputR2{
    width:100% !important;
    height:48px !important;
    padding:0 12px 0 50px !important;
    border:2px solid #1fa879 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#103d30 !important;
    font-size:22px !important;
    font-weight:900 !important;
    text-align:center;
    outline:none;
}

#view-pos #posFinalPriceInputR2:focus{
    border-color:#098c63 !important;
    box-shadow:
        0 0 0 4px rgba(14,157,111,.11);
}

#view-pos .pos-final-price-r2-input>strong{
    position:absolute;
    left:13px;
    top:50%;
    transform:translateY(-50%);
    color:#729186;
    font-size:11px !important;
}

#view-pos .pos-final-price-r2-hint{
    margin-top:6px;
    padding:6px 8px;
    border-radius:7px;
    background:#f0f5f3;
    color:#667f76;
    font-size:10px !important;
    line-height:1.45;
}

#view-pos .pos-final-price-r2-hint.good{
    background:#e5f6ef;
    color:#14785a;
}

#view-pos .pos-final-price-r2-hint.danger{
    background:#fff0ef;
    color:#ba514a;
}


/* =====================================================================
   BATARYA 1% — POS TRUE FINAL TOTAL R3
   ===================================================================== */

#posCashReceivedR2{
    display:none !important;
}

[data-pos-true-final-removed="1"]{
    display:none !important;
}

#saleFinalPriceR1{
    display:none !important;
}

.pos-true-final-panel-r3{
    margin:10px 0;
    padding:12px;
    border:2px solid #1e9f78;
    border-radius:12px;
    background:#eefaf6;
}

.pos-true-final-panel-r3 label{
    display:grid;
    gap:6px;
}

.pos-true-final-panel-r3 label>span{
    color:#176a52;
    font-size:13px !important;
    font-weight:900;
}

#posTrueFinalInputR3,
#posFinalPriceInputR2{
    width:100%;
    min-height:48px;
    border:2px solid #1e9f78 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#123f32 !important;
    font-size:22px !important;
    font-weight:900 !important;
    text-align:center !important;
}

#posTrueFinalInputR3.invalid-price,
#posFinalPriceInputR2.invalid-price{
    border-color:#c84f49 !important;
    background:#fff5f4 !important;
}

#posTrueFinalHintR3{
    display:block;
    margin-top:6px;
    color:#5e766f;
    font-size:12px !important;
}