@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&family=Noto+Sans+Khmer:wght@400;500;600;700&display=swap');

:root{
  --bg:#f4f6fb;--surface:#fff;--surface2:#eef2f8;--text:#172033;--muted:#6c7588;
  --primary:#246bfd;--primary2:#0f55dd;--success:#13a875;--danger:#e5484d;--warning:#e59a11;
  --border:#dde3ee;--shadow:0 12px 35px rgba(28,43,75,.08);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Google Sans','Noto Sans Khmer','Kantumruy Pro',system-ui,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:#0e1730;color:#fff;padding:24px 16px;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 10px 24px}.brand-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#4f86ff,#7b5cff);display:grid;place-items:center;font-weight:800}.brand small{display:block;color:#aeb9d0}.nav-title{font-size:12px;color:#8490aa;text-transform:uppercase;padding:16px 12px 8px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:15px;color:#c8d0e0;margin:4px 0}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.1);color:#fff}.nav-icon{width:24px;text-align:center}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:76px;background:rgba(244,246,251,.88);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(221,227,238,.8)}.topbar h1{font-size:22px;margin:0}.user-chip{display:flex;align-items:center;gap:10px;background:var(--surface);padding:8px 12px;border-radius:16px;border:1px solid var(--border)}.avatar{width:36px;height:36px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700}.content{padding:26px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.stat{display:flex;justify-content:space-between;gap:14px}.stat-label{color:var(--muted);font-size:14px}.stat-value{font-size:28px;font-weight:700;margin-top:7px}.stat-icon{width:48px;height:48px;border-radius:16px;background:var(--surface2);display:grid;place-items:center;font-size:22px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 16px}.section-head h2{font-size:19px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:10px 15px;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary2)}.btn-secondary{background:var(--surface2);color:var(--text)}.btn-danger{background:#fff0f0;color:var(--danger)}.btn-success{background:#e9fbf4;color:var(--success)}.btn-sm{padding:7px 10px;border-radius:10px;font-size:13px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{min-width:240px}.form-control{width:100%;border:1px solid var(--border);background:#fff;padding:11px 13px;border-radius:13px;outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(36,107,253,.1)}label{display:block;font-weight:600;font-size:14px;margin-bottom:7px}.form-group{margin-bottom:15px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:middle}th{background:#f8f9fc;color:var(--muted);font-size:13px;white-space:nowrap}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge-success{background:#e8faf3;color:#0b8a5d}.badge-danger{background:#fff0f0;color:#c9353a}.badge-warning{background:#fff7e3;color:#a66a00}.badge-info{background:#eaf1ff;color:#205ac8}.muted{color:var(--muted)}.alert{padding:13px 16px;border-radius:14px;margin:0 0 15px}.alert-success{background:#e8faf3;color:#087c54}.alert-danger{background:#fff0f0;color:#b72d32}.empty{text-align:center;color:var(--muted);padding:35px}.modal-backdrop{position:fixed;inset:0;background:rgba(8,15,35,.58);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:24px;width:min(720px,100%);max-height:92vh;overflow:auto;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h3{margin:0}.close{border:0;background:var(--surface2);border-radius:11px;width:36px;height:36px;cursor:pointer}.invoice-items .item-row{display:grid;grid-template-columns:2fr .7fr 1fr 1fr 44px;gap:8px;align-items:end;margin-bottom:10px}.purchase-items .item-row{display:grid;grid-template-columns:2fr .7fr 1fr 1fr 44px;gap:8px;align-items:end;margin-bottom:10px}.summary-box{margin-left:auto;width:min(380px,100%);background:#f7f9fc;border-radius:18px;padding:16px}.summary-line{display:flex;justify-content:space-between;padding:6px 0}.summary-line.total{font-size:20px;font-weight:700;border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.mobile-menu{display:none;border:0;background:var(--surface);width:42px;height:42px;border-radius:13px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e6eeff,transparent 35%),var(--bg)}.login-card{width:min(430px,100%);background:#fff;padding:32px;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--border)}.login-logo{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#246bfd,#7b5cff);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800;margin-bottom:18px}.login-card h1{margin:0 0 6px}.login-card p{margin:0 0 24px;color:var(--muted)}.install-wrap{max-width:720px;margin:40px auto;padding:20px}.invoice-print{max-width:900px;margin:20px auto;background:#fff;padding:35px}.invoice-header{display:flex;justify-content:space-between;gap:30px}.invoice-title{font-size:32px;font-weight:800}.print-only{display:none}.kpi-list{display:grid;gap:10px}.kpi-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:90;width:270px;transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid;place-items:center}.topbar{padding:0 16px}.content{padding:16px}.grid-2,.grid-3,.grid-4,.form-row,.form-row-3{grid-template-columns:1fr}.invoice-items .item-row,.purchase-items .item-row{grid-template-columns:1fr 1fr}.invoice-items .item-row>div:first-child,.purchase-items .item-row>div:first-child{grid-column:1/-1}.search{min-width:0;width:100%}.section-head{align-items:flex-start;flex-direction:column}.user-chip span{display:none}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print,.btn{display:none!important}.app{display:block}.content{padding:0}.card{box-shadow:none;border:0;padding:0}.invoice-print{margin:0;padding:0;max-width:none}.print-only{display:block}}

/* v1.1 inventory, searchable product picker and invoice improvements */
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:16px;padding:14px;background:#fafbfe}.category-card small{display:block;color:var(--muted);margin-top:3px}.btn:disabled{opacity:.45;cursor:not-allowed}.product-picker{min-width:0}.product-picker .product-search-input{margin-bottom:7px;background:#f8faff}.product-picker .product-select{min-height:46px}.product-search-input.search-no-result{border-color:var(--danger);box-shadow:0 0 0 3px rgba(229,72,77,.1)}.invoice-items .item-row,.purchase-items .item-row{padding:14px;border:1px solid var(--border);border-radius:17px;background:#fbfcff}.invoice-items .serial-field{grid-column:1/-1}.remove-row{align-self:end;height:44px}.invoice-screen{max-width:1050px;margin-inline:auto}.invoice-header h2{margin:10px 0 2px}.invoice-brand{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#246bfd,#7b5cff);color:#fff;font-weight:800}.invoice-meta{text-align:right}.invoice-label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.invoice-customer-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:24px 0;padding:16px;border-radius:17px;background:#f7f9fc}.invoice-customer-grid>div:last-child{text-align:right}.invoice-table{min-width:680px}.invoice-bottom{display:grid;grid-template-columns:1fr minmax(300px,380px);gap:24px;align-items:start;margin-top:18px}.invoice-note{border:1px dashed var(--border);border-radius:14px;padding:14px;color:var(--muted)}.summary-line.balance{margin-top:5px;padding-top:10px;border-top:1px dashed var(--border);color:var(--danger)}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.category-grid{grid-template-columns:1fr}.product-filter select{max-width:none!important;width:100%}.invoice-bottom,.invoice-customer-grid{grid-template-columns:1fr}.invoice-customer-grid>div:last-child{text-align:left}.invoice-items .item-row,.purchase-items .item-row{grid-template-columns:1fr 1fr}.product-picker,.serial-field{grid-column:1/-1}.remove-row{align-self:end}}

/* v1.2 bank accounts and cash flow */
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.account-card{position:relative;border:1px solid var(--border);border-radius:20px;padding:18px;background:linear-gradient(145deg,#fff,#f7f9ff)}.account-card h3{margin:12px 0 4px;font-size:18px}.account-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eaf1ff;color:#205ac8;font-size:20px;font-weight:800}.account-balance{font-size:27px;font-weight:800;margin-top:18px}.account-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.account-disabled{opacity:.6;filter:grayscale(.35)}.checkbox-row{display:flex;gap:22px;flex-wrap:wrap;margin:8px 0 20px}.checkbox-row label{display:flex;align-items:center;gap:8px;margin:0}.checkbox-row input{width:18px;height:18px}.money-in{color:var(--success);font-weight:700}.money-out{color:var(--danger);font-weight:700}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.reversal-row{background:#fffaf0}
@media(max-width:1100px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.account-grid{grid-template-columns:1fr}}

/* v1.2.1 fast product search for sales */
.sale-product-section{margin-top:12px}.sale-product-title{margin-bottom:12px}.sale-product-finder{position:relative;z-index:15;border:1px solid var(--border);border-radius:20px;padding:16px;background:linear-gradient(180deg,#fbfcff,#f6f8fd);box-shadow:0 10px 30px rgba(21,39,80,.05)}.finder-controls{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px}.finder-search-wrap{position:relative}.finder-search-input{height:56px;padding-left:48px;padding-right:46px;font-size:16px;background:#fff}.finder-search-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--muted);pointer-events:none}.finder-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:11px;background:var(--surface2);color:var(--muted);font-size:21px;cursor:pointer}.finder-clear:hover{color:var(--text)}.finder-category{height:56px;background:#fff}.finder-shortcuts{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px}.product-results{display:none;position:absolute;left:16px;right:16px;top:calc(100% - 2px);max-height:430px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 55px rgba(16,31,66,.18);padding:8px;z-index:80}.product-results.open{display:block}.product-result{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;border:0;background:transparent;border-radius:14px;padding:11px 12px;text-align:left;cursor:pointer;color:var(--text)}.product-result:hover,.product-result.active{background:#edf3ff}.product-result[disabled]{cursor:not-allowed;opacity:.58}.product-result-icon,.selected-product-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#e6eeff,#efeaff);display:grid;place-items:center;font-weight:800;color:#315fc7;flex:0 0 auto}.product-result-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.product-result-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-result-copy small,.product-result-copy>span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-result-side{text-align:right;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.product-result-side>strong{font-size:15px}.stock-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8faf3;color:#0b8a5d;font-size:11px;font-weight:700}.stock-pill.stock-empty{background:#fff0f0;color:#c9353a}.product-results-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 15px;color:var(--muted)}.product-results-empty strong{color:var(--text);margin-bottom:5px}.sale-selected-items{display:grid;gap:12px;margin-top:16px}.sale-selected-items .sale-item-row{display:grid;grid-template-columns:minmax(260px,2.2fr) minmax(92px,.55fr) minmax(120px,.75fr) minmax(120px,.75fr) 44px;gap:10px;align-items:end;margin:0;padding:14px;border:1px solid var(--border);border-radius:18px;background:#fff}.selected-product-info{display:flex;align-items:center;gap:12px;min-width:0;align-self:center}.selected-product-copy{min-width:0}.selected-product-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-product-copy>small{display:block;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-product-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.selected-product-meta span{font-size:11px;color:var(--muted);background:#f5f7fb;border-radius:999px;padding:3px 7px}.sale-selected-items .serial-field{grid-column:1/-1}.sale-selected-items .remove-row{height:44px}.sale-items-empty{min-height:150px;border:1px dashed var(--border);border-radius:18px;background:#fafbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--muted)}.sale-items-empty strong{color:var(--text);margin:8px 0 4px}.empty-cart-icon{width:46px;height:46px;border-radius:15px;background:#edf3ff;color:var(--primary);display:grid;place-items:center;font-size:24px}.sale-submit-button{min-width:190px}.item-row-flash{animation:itemRowFlash .65s ease}@keyframes itemRowFlash{0%{box-shadow:0 0 0 0 rgba(36,107,253,.28);background:#edf3ff}100%{box-shadow:0 0 0 10px rgba(36,107,253,0);background:#fff}}

@media(max-width:980px){.finder-controls{grid-template-columns:1fr}.sale-selected-items .sale-item-row{grid-template-columns:minmax(0,1fr) 110px 130px 130px 44px}.selected-product-info{grid-column:1/-1}.sale-selected-items .serial-field{grid-column:1/-1}}
@media(max-width:640px){.sale-product-finder{padding:12px}.product-results{left:12px;right:12px}.finder-shortcuts span:last-child{display:none}.product-result{grid-template-columns:40px minmax(0,1fr)}.product-result-side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;text-align:left}.sale-selected-items .sale-item-row{grid-template-columns:1fr 1fr}.selected-product-info,.sale-selected-items .serial-field{grid-column:1/-1}.sale-selected-items .remove-row{grid-column:2;justify-self:end;width:44px}.sale-selected-items .sale-item-row>div:nth-of-type(4){grid-column:1}.sale-submit-button{width:100%}}

/* v1.3.0 — hierarchical product categories */
.stat-subvalue{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.category-tree-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-tree-card{border:1px solid var(--border);border-radius:19px;background:#fbfcff;overflow:hidden}.category-tree-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.category-main-copy,.subcategory-copy{display:flex;align-items:center;gap:11px;min-width:0}.category-main-copy strong,.subcategory-copy strong{display:block}.category-main-copy small,.subcategory-copy small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.category-folder{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eaf1ff;color:#245fcf;font-size:19px;flex:0 0 auto}.category-actions{justify-content:flex-end}.subcategory-list{border-top:1px solid var(--border);background:#fff}.subcategory-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.subcategory-row:last-child{border-bottom:0}.subcategory-branch{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#f1f4fa;color:#647087;font-weight:800;flex:0 0 auto}.empty-subcategory{width:100%;border:0;background:transparent;color:var(--primary);font:inherit;font-weight:700;text-align:left;padding:13px 16px;cursor:pointer}.empty-subcategory:hover{background:#f5f8ff}.category-path{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f1f5fc;color:#44516a;font-size:12px;font-weight:700}
@media(max-width:1050px){.category-tree-grid{grid-template-columns:1fr}}
@media(max-width:620px){.category-tree-head,.subcategory-row{align-items:flex-start;flex-direction:column}.category-actions{width:100%;justify-content:flex-start}}


/* v1.3.1 supplied LS branding */
.brand-logo{background:#fff!important;padding:3px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:13px}
.login-logo-image{background:#fff!important;padding:5px;overflow:hidden;box-shadow:0 14px 34px rgba(36,107,253,.18)}
.login-logo-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:18px}
.invoice-brand-logo{background:#fff!important;padding:3px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 22px rgba(36,107,253,.13)}
.invoice-brand-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:13px}

/* v1.4.0 — unlimited-depth product category tree */
.category-forest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.category-tree-card{padding:0;background:#fbfcff}.category-node{position:relative}.category-node-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid var(--border);background:#fff}.category-node-root>.category-node-row{background:linear-gradient(180deg,#fbfcff,#f5f8ff)}.category-node:not(.category-node-root)>.category-node-row{margin-left:var(--category-indent);border-left:3px solid #dce7ff}.category-node-copy{min-width:0}.category-node-copy strong{display:block;overflow-wrap:anywhere}.category-node-copy small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.category-node-children{background:#fff}.category-node .category-node .category-folder{width:34px;height:34px;border-radius:11px;font-size:15px;background:#f0f4fb;color:#68748b}.category-node .empty-subcategory{padding-left:calc(16px + var(--category-indent));border-bottom:1px solid var(--border)}.category-tree-card>.category-node>.empty-subcategory{padding-left:16px}.category-tree-card>.category-node:last-child>.category-node-row,.category-tree-card>.category-node:last-child>.empty-subcategory{border-bottom:0}.category-actions form{display:inline-flex}.category-actions .btn{white-space:nowrap}
@media(max-width:1050px){.category-forest{grid-template-columns:1fr}}
@media(max-width:640px){.category-node-row{align-items:flex-start;flex-direction:column;padding:14px}.category-node:not(.category-node-root)>.category-node-row{margin-left:var(--category-mobile-indent)}.category-actions{width:100%;justify-content:flex-start}.category-node .empty-subcategory{padding-left:calc(14px + var(--category-mobile-indent));font-size:13px}.category-folder{width:38px;height:38px}.category-node-copy small{line-height:1.55}}


/* v1.4.1 — collapsible category tree and product inventory */
.category-node-children[hidden],#categoryTreeContent[hidden],#productInventoryContent[hidden]{display:none!important}.category-toggle{min-width:68px}.category-node-collapsed>.category-node-row{border-bottom:0}.category-node-collapsed>.category-node-row .category-folder{transform:rotate(-4deg)}#productInventoryContent{padding-top:1px}.section-head>.toolbar{flex-wrap:wrap}
@media(max-width:640px){.category-actions .category-toggle{order:-1}.section-head>.toolbar{width:100%}.section-head>.toolbar .btn{flex:1 1 auto;text-align:center}}


/* v1.5.1 — invoice profitability report */
.report-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.invoice-profit-table tfoot th{background:#edf3ff;color:var(--text);font-size:14px;border-top:2px solid #cbdcff}.invoice-profit-table td,.invoice-profit-table th{white-space:nowrap}.report-invoice-card .table-wrap{max-height:680px}.report-invoice-card thead th{position:sticky;top:0;z-index:2}
@media(max-width:1300px){.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.report-summary-grid{grid-template-columns:1fr}.report-invoice-card .table-wrap{max-height:none}}
@media print{.report-summary-grid{grid-template-columns:repeat(5,1fr);gap:8px}.report-summary-grid .card{border:1px solid #ddd!important;padding:10px!important}.report-summary-grid .stat-value{font-size:18px}.report-summary-grid .stat-icon{display:none}.report-invoice-card{page-break-before:always}.report-invoice-card .table-wrap{overflow:visible;max-height:none}.report-invoice-card table{min-width:0;font-size:10px}.report-invoice-card th,.report-invoice-card td{padding:6px 5px;white-space:normal}.report-invoice-card thead th{position:static}}


/* v1.5.2 — sortable product and stock columns */
.product-sort-status{display:flex;align-items:center;gap:5px;margin:-2px 0 10px;font-size:13px}
.sortable-product-table .sortable-th{padding:0}
.sortable-product-table .sortable-th>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;color:inherit;text-decoration:none;min-height:44px}
.sortable-product-table .sortable-th>a:hover{background:#eef4ff;color:var(--primary)}
.sortable-product-table .sortable-th>a span{font-size:11px;color:#94a3b8}
.sortable-product-table .sortable-th[aria-sort="ascending"]>a,.sortable-product-table .sortable-th[aria-sort="descending"]>a{background:#eaf1ff;color:#205ac8}
.sortable-product-table .sortable-th[aria-sort="ascending"]>a span,.sortable-product-table .sortable-th[aria-sort="descending"]>a span{color:#205ac8}


/* v1.5.3 — purchase returns and whole category-tree visibility */
#categoryTreeContent{padding-top:1px}.purchase-return-qty{min-width:90px}.purchase-return-note{font-size:12px;color:var(--muted)}

/* v1.5.4 — searchable customer picker for invoice create/edit */
.customer-form-group{position:relative;z-index:30}.customer-finder{position:relative}.customer-search-input{height:56px}.customer-picker-status{display:flex;align-items:center;gap:7px;margin-top:7px;color:var(--muted);font-size:12px;min-height:20px}.customer-picker-status strong{color:var(--text)}.customer-picker-status.pending{color:#a66a00}.customer-picker-status.pending strong{color:#a66a00}.customer-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(19,168,117,.1);flex:0 0 auto}.customer-picker-status.pending .customer-status-dot{background:var(--warning);box-shadow:0 0 0 4px rgba(229,154,17,.12)}.customer-results{left:0;right:0;top:calc(100% + 6px);max-height:390px}.customer-result-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;color:var(--primary);font-size:12px}.customer-result-side strong{color:var(--text);font-size:13px;white-space:nowrap}.customer-result-side small{font-weight:700}.walk-in-result .product-result-icon{background:#eef2f8;color:#58647b}.walk-in-result .customer-result-side{font-weight:700}
@media(max-width:820px){.customer-form-group{z-index:35}}
@media(max-width:640px){.customer-results{left:0;right:0}.customer-result{grid-template-columns:40px minmax(0,1fr)}.customer-result-side{grid-column:2;align-items:flex-start;text-align:left;flex-direction:row;justify-content:space-between}.customer-search-input{font-size:15px}}

/* v1.7.3 Income Account Tracking */
.income-filter{align-items:end;flex-wrap:wrap}
.income-filter .form-control{min-width:150px;max-width:230px}
.income-account-label{font-weight:700;white-space:nowrap}
.rank-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e2e8f0;color:#334155;font-weight:800}
.rank-badge.rank-1{background:#fef3c7;color:#92400e}
.rank-badge.rank-2{background:#e2e8f0;color:#334155}
.rank-badge.rank-3{background:#ffedd5;color:#9a3412}
.income-rank-bar{height:6px;margin-top:7px;border-radius:999px;background:#e2e8f0;overflow:hidden;min-width:120px}
.income-rank-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#06b6d4)}
.income-ranking-table th,.income-ranking-table td{white-space:nowrap}
.income-ranking-table td:nth-child(2){white-space:normal;min-width:220px}
.checkbox-row{display:flex;align-items:center;gap:9px;margin:12px 0 18px;font-weight:700}
@media(max-width:760px){.income-filter .form-control{max-width:none;width:100%}.income-filter .btn{flex:1}.income-ranking-table td:nth-child(2){min-width:180px}}
@media print{.income-rank-bar span{background:#334155!important}.income-ranking-table{font-size:10px}}

/* v1.7.6 Order Tracking */
.shipment-card{scroll-margin-top:18px}.shipment-form{display:grid;gap:16px}.check-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:650;color:#334155}.check-row input{width:17px;height:17px}.shipment-event-box{border:1px solid #dfe6f1;border-radius:16px;background:#f8fafc;padding:16px}.shipment-slip-preview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:14px 16px;border:1px solid #dfe6f1;border-radius:16px;background:#f8fafc}.shipment-slip-preview img{width:160px;max-height:130px;object-fit:cover;border-radius:12px;border:1px solid #d7deea;box-shadow:0 6px 18px rgba(15,23,42,.08)}.shipment-slip-gallery{display:block}.shipment-slip-title{margin-bottom:12px}.shipment-slip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.shipment-slip-item{display:flex;flex-direction:column;gap:7px;padding:9px;border:1px solid #e1e7ef;border-radius:13px;background:#fff;min-width:0}.shipment-slip-item img{display:block;width:100%;height:145px;max-height:none;object-fit:contain;background:#f8fafc}.shipment-slip-item small{overflow-wrap:anywhere}.shipment-link-admin{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:12px 14px;border:1px dashed #c9d3e3;border-radius:14px;background:#fbfdff}.shipment-readonly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shipment-readonly-grid>div{padding:14px;border:1px solid #e1e7f0;border-radius:14px;background:#f8fafc}.shipment-timeline{margin-top:22px}.shipment-timeline h3{margin:0 0 14px}.shipment-event{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:0 0 18px}.shipment-event:not(:last-child):before{content:"";position:absolute;left:7px;top:15px;bottom:0;width:2px;background:#d9e2ef}.shipment-event-dot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;margin-top:3px;background:#f59e0b;border:3px solid #fff;box-shadow:0 0 0 2px #f59e0b}.shipment-event-dot.shipped,.shipment-event-dot.in_transit,.shipment-event-dot.out_for_delivery,.shipment-event-dot.arrived{background:#2563eb;box-shadow:0 0 0 2px #2563eb}.shipment-event-dot.customer_pickup,.shipment-event-dot.delivered{background:#059669;box-shadow:0 0 0 2px #059669}.shipment-event-dot.failed,.shipment-event-dot.returned,.shipment-event-dot.cancelled{background:#dc2626;box-shadow:0 0 0 2px #dc2626}.shipment-event-content{border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;background:#fff}.shipment-event-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.shipment-event-head time{font-size:12px;color:#64748b;white-space:nowrap}@media(max-width:760px){.shipment-readonly-grid{grid-template-columns:1fr}.shipment-slip-preview,.shipment-link-admin,.shipment-event-head{align-items:flex-start;flex-direction:column}.shipment-slip-preview img{width:100%;max-height:240px}}


/* v1.7.7.10 — quick customer creation inside invoice */
.customer-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.customer-label-row label{margin-bottom:0}.quick-customer-open{white-space:nowrap}.quick-customer-modal{width:min(620px,100%)}.quick-customer-modal .modal-head{align-items:flex-start}.quick-customer-modal .modal-head .muted{font-size:13px;margin-top:4px}.quick-customer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.quick-customer-error{margin-top:4px}.customer-no-result{gap:9px}.customer-no-result .btn{margin-top:3px;align-self:center}
@media(max-width:700px){.customer-label-row{align-items:flex-start}.quick-customer-open{padding:7px 10px}.quick-customer-modal .form-row{grid-template-columns:1fr}.quick-customer-actions{position:sticky;bottom:-22px;background:#fff;padding:12px 0 2px}}

/* v1.7.7.21 — Modern One UI 8.5 Dashboard */
.dashboard-shell{
  --dash-blue:#2563eb;
  --dash-cyan:#0891b2;
  --dash-violet:#7c3aed;
  --dash-amber:#d97706;
  --dash-emerald:#059669;
  --dash-card-border:rgba(148,163,184,.22);
  --dash-soft-shadow:0 18px 48px rgba(15,23,42,.075);
  position:relative;
  max-width:1680px;
  margin:0 auto;
}
.dashboard-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-90px;
  left:-70px;
  width:360px;
  height:260px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(59,130,246,.12) 0,rgba(59,130,246,0) 70%);
  pointer-events:none;
}
.dashboard-topline{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin:0 0 20px;
  padding:4px 2px 0;
}
.dashboard-heading{min-width:0}
.dashboard-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  margin-bottom:8px;
  border:1px solid rgba(37,99,235,.15);
  border-radius:999px;
  background:rgba(239,246,255,.82);
  color:#1d4ed8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dashboard-heading h2{
  margin:0;
  font-size:clamp(25px,2.1vw,34px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.dashboard-heading p{
  margin:7px 0 0;
  color:#758096;
  font-size:13px;
  line-height:1.65;
}
.dashboard-privacy-bar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex:0 0 auto;
}
#dashboardMoneyToggle{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  background:rgba(255,255,255,.84);
  color:#334155;
  box-shadow:0 7px 22px rgba(15,23,42,.055);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#dashboardMoneyToggle:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.26);
  box-shadow:0 11px 26px rgba(15,23,42,.085);
}
.dashboard-money{display:inline-block;min-width:72px}
.dashboard-money.is-hidden{color:transparent!important;position:relative;user-select:none}
.dashboard-money.is-hidden::after{
  content:'••••••';
  color:#8190a8;
  position:absolute;
  left:0;
  top:0;
  white-space:nowrap;
  letter-spacing:2px;
  font-weight:800;
}
.dashboard-money.is-hidden.text-success::after,.dashboard-money.is-hidden.text-danger::after{color:#8190a8}

.dashboard-summary-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.dashboard-stat{
  position:relative;
  isolation:isolate;
  min-height:138px;
  overflow:hidden;
  align-items:flex-start;
  padding:19px;
  border:1px solid var(--dash-card-border);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(250,252,255,.92));
  box-shadow:var(--dash-soft-shadow);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.dashboard-stat::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-34px;
  bottom:-48px;
  width:132px;
  height:132px;
  border-radius:50%;
  background:var(--stat-glow,rgba(37,99,235,.09));
  filter:blur(2px);
}
.dashboard-stat:hover{
  transform:translateY(-3px);
  border-color:var(--stat-border,rgba(37,99,235,.22));
  box-shadow:0 22px 54px rgba(15,23,42,.11);
}
.dashboard-stat .stat-label{
  color:#758096;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}
.dashboard-stat .stat-value{
  margin-top:12px;
  font-size:clamp(23px,1.8vw,31px);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.12;
  color:#172033;
}
.dashboard-stat .stat-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border:0;
  border-radius:16px;
  color:var(--stat-color,#2563eb);
  background:var(--stat-bg,#eff6ff);
  box-shadow:inset 0 0 0 1px var(--stat-icon-border,rgba(37,99,235,.08));
  font-size:19px;
  font-weight:900;
}
.dashboard-stat.stat-today{--stat-color:#2563eb;--stat-bg:#eff6ff;--stat-glow:rgba(59,130,246,.10);--stat-border:rgba(37,99,235,.25)}
.dashboard-stat.stat-month{--stat-color:#7c3aed;--stat-bg:#f5f3ff;--stat-glow:rgba(124,58,237,.09);--stat-border:rgba(124,58,237,.23)}
.dashboard-stat.stat-stock{--stat-color:#0891b2;--stat-bg:#ecfeff;--stat-glow:rgba(8,145,178,.10);--stat-border:rgba(8,145,178,.22)}
.dashboard-stat.stat-low{--stat-color:#d97706;--stat-bg:#fff7ed;--stat-glow:rgba(217,119,6,.10);--stat-border:rgba(217,119,6,.24)}
.dashboard-stat.stat-balance{--stat-color:#059669;--stat-bg:#ecfdf5;--stat-glow:rgba(5,150,105,.10);--stat-border:rgba(5,150,105,.23)}
.dashboard-stat.stat-balance:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:3px}

.dashboard-stat-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.dashboard-stat-link:focus-visible{
  outline:3px solid rgba(37,99,235,.18);
  outline-offset:3px;
}
.dashboard-stat-hint{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:9px;
  color:var(--stat-color,#2563eb);
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  opacity:.82;
}
.dashboard-stat-hint span{
  display:inline-block;
  transition:transform .18s ease;
}
.dashboard-stat-link:hover .dashboard-stat-hint span{transform:translateX(3px)}
.product-stat-link{color:inherit;text-decoration:none;cursor:pointer}
.product-stat-link:focus-visible{outline:3px solid rgba(245,158,11,.18);outline-offset:3px}

.dashboard-section-grid{
  margin-top:15px;
  gap:15px;
}
.dashboard-panel{
  padding:20px;
  border:1px solid var(--dash-card-border);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--dash-soft-shadow);
}
.dashboard-panel>.section-head{
  min-height:38px;
  margin-bottom:13px;
}
.dashboard-panel>.section-head h2{
  position:relative;
  padding-left:13px;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.015em;
}
.dashboard-panel>.section-head h2::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:4px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,#3b82f6,#7c3aed);
  transform:translateY(-50%);
}
.dashboard-panel .section-head .btn{
  border:1px solid rgba(148,163,184,.18);
  box-shadow:none;
}
.dashboard-panel .kpi-list{
  gap:7px;
}
.dashboard-panel .kpi-item{
  min-height:54px;
  align-items:center;
  gap:14px;
  padding:10px 12px;
  border:0;
  border-radius:14px;
  background:#f8fafc;
  transition:background .18s ease,transform .18s ease;
}
.dashboard-panel .kpi-item:hover{
  background:#f3f6fb;
  transform:translateX(2px);
}
.dashboard-panel .kpi-item>span{
  min-width:0;
  color:#475569;
  font-size:13px;
  font-weight:650;
  line-height:1.5;
}
.dashboard-panel .kpi-item>strong{
  color:#172033;
  font-size:14px;
  font-weight:800;
  text-align:right;
  white-space:nowrap;
}
.dashboard-panel .kpi-item small.muted{
  margin-top:2px;
  color:#94a3b8;
  font-size:11px;
  font-weight:550;
}
.dashboard-panel .empty{
  min-height:100px;
  display:grid;
  place-items:center;
  padding:25px 14px;
  border:1px dashed #dbe3ef;
  border-radius:15px;
  background:#fbfcfe;
}
.dashboard-table-card{
  margin-top:15px;
  padding-bottom:17px;
}
.dashboard-table-card .table-wrap{
  border-color:#e7ebf2;
  border-radius:17px;
  background:#fff;
}
.dashboard-table-card table{min-width:760px}
.dashboard-table-card thead th{
  padding-top:11px;
  padding-bottom:11px;
  border-bottom-color:#e8edf4;
  background:#f8fafc;
  color:#7b879b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.015em;
}
.dashboard-table-card tbody td{
  padding-top:12px;
  padding-bottom:12px;
  border-bottom-color:#eef2f6;
  font-size:13px;
}
.dashboard-table-card tbody tr{
  transition:background .16s ease;
}
.dashboard-table-card tbody tr:hover{background:#f8fbff}
.dashboard-table-card tbody td:first-child a strong{color:#1d4ed8}
.dashboard-table-card .badge{
  min-width:66px;
  justify-content:center;
  padding:5px 8px;
  font-size:10px;
}

@media(max-width:1450px){
  .dashboard-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1080px){
  .dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .dashboard-topline{align-items:flex-start;flex-direction:column;margin-bottom:15px}
  .dashboard-privacy-bar{width:100%}
  #dashboardMoneyToggle{width:100%}
  .dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .dashboard-stat{min-height:124px;padding:16px;border-radius:20px}
  .dashboard-stat .stat-icon{width:40px;height:40px;flex-basis:40px;border-radius:14px;font-size:17px}
  .dashboard-panel{padding:16px;border-radius:20px}
  .dashboard-panel>.section-head{align-items:center;flex-direction:row;flex-wrap:wrap}
  .dashboard-panel>.section-head .btn{margin-left:auto}
}
@media(max-width:560px){
  .dashboard-heading h2{font-size:27px}
  .dashboard-heading p{font-size:12px}
  .dashboard-summary-grid{grid-template-columns:1fr}
  .dashboard-stat{min-height:112px;align-items:center}
  .dashboard-stat .stat-value{font-size:27px}
  .dashboard-panel>.section-head{align-items:flex-start;flex-direction:column}
  .dashboard-panel>.section-head .btn{width:100%;margin-left:0}
  .dashboard-panel .kpi-item{min-height:52px;padding:10px}
  .dashboard-table-card{padding:15px 12px}
}
@media(prefers-reduced-motion:reduce){
  .dashboard-stat,#dashboardMoneyToggle,.dashboard-panel .kpi-item,.dashboard-table-card tbody tr{transition:none!important}
}
@media print{
  .dashboard-topline,.dashboard-privacy-bar{display:none!important}
  .dashboard-summary-grid{grid-template-columns:repeat(5,1fr);gap:8px}
  .dashboard-stat,.dashboard-panel{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important}
  .dashboard-stat::after{display:none!important}
}

/* v1.7.7.22 — Modern Products / Stock + Reports Analytics */
.product-modern-shell,
.report-modern-shell{
  --modern-border:rgba(148,163,184,.22);
  --modern-shadow:0 18px 48px rgba(15,23,42,.075);
  --modern-blue:#2563eb;
  --modern-violet:#7c3aed;
  --modern-cyan:#0891b2;
  --modern-emerald:#059669;
  --modern-amber:#d97706;
  position:relative;
  max-width:1680px;
  margin:0 auto;
}
.product-modern-shell::before,
.report-modern-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-95px;
  right:-65px;
  width:380px;
  height:280px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(99,102,241,.10) 0,rgba(99,102,241,0) 70%);
  pointer-events:none;
}
.product-page-heading,
.report-page-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin:0 0 20px;
  padding:4px 2px 0;
}
.product-eyebrow,
.report-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  margin-bottom:8px;
  border:1px solid rgba(37,99,235,.14);
  border-radius:999px;
  background:rgba(239,246,255,.84);
  color:#1d4ed8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.product-page-heading h2,
.report-page-heading h2{
  margin:0;
  font-size:clamp(26px,2.1vw,35px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.product-page-heading p,
.report-page-heading p{
  margin:7px 0 0;
  color:#758096;
  font-size:13px;
  line-height:1.65;
}
.product-main-action{
  min-height:44px;
  padding-inline:18px;
  border-radius:15px;
  box-shadow:0 10px 24px rgba(37,99,235,.20);
}

/* Products and inventory */
.product-stats{gap:14px}
.product-stat{
  position:relative;
  isolation:isolate;
  min-height:136px;
  overflow:hidden;
  align-items:flex-start;
  padding:19px;
  border:1px solid var(--modern-border);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(250,252,255,.94));
  box-shadow:var(--modern-shadow);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.product-stat::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-38px;
  bottom:-54px;
  width:142px;
  height:142px;
  border-radius:50%;
  background:var(--product-glow,rgba(37,99,235,.09));
}
.product-stat:hover{
  transform:translateY(-3px);
  border-color:var(--product-border,rgba(37,99,235,.22));
  box-shadow:0 22px 54px rgba(15,23,42,.105);
}
.product-stat .stat-label{color:#758096;font-size:12px;font-weight:700}
.product-stat .stat-value{margin-top:11px;font-size:clamp(25px,1.9vw,32px);font-weight:800;letter-spacing:-.045em;color:#172033}
.product-stat .stat-icon{
  width:46px;height:46px;flex:0 0 46px;border:0;border-radius:16px;
  background:var(--product-icon-bg,#eff6ff);color:var(--product-icon,#2563eb);
  box-shadow:inset 0 0 0 1px var(--product-icon-border,rgba(37,99,235,.08));font-size:19px;font-weight:900;
}
.product-stat-note{margin-top:8px;color:#94a3b8;font-size:11px;font-weight:600}
.product-stat-products{--product-icon:#2563eb;--product-icon-bg:#eff6ff;--product-glow:rgba(59,130,246,.10);--product-border:rgba(37,99,235,.24)}
.product-stat-units{--product-icon:#0891b2;--product-icon-bg:#ecfeff;--product-glow:rgba(8,145,178,.10);--product-border:rgba(8,145,178,.23)}
.product-stat-categories{--product-icon:#7c3aed;--product-icon-bg:#f5f3ff;--product-glow:rgba(124,58,237,.09);--product-border:rgba(124,58,237,.23)}
.product-stat-low{--product-icon:#d97706;--product-icon-bg:#fff7ed;--product-glow:rgba(217,119,6,.10);--product-border:rgba(217,119,6,.24)}
.product-category-panel,
.product-inventory-panel{
  padding:21px;
  border:1px solid var(--modern-border);
  border-radius:24px;
  background:rgba(255,255,255,.97);
  box-shadow:var(--modern-shadow);
}
.product-category-panel>.section-head,
.product-inventory-panel>.section-head{margin-bottom:17px}
.product-category-panel>.section-head h2,
.product-inventory-panel>.section-head h2{
  position:relative;padding-left:13px;font-size:17px;font-weight:800;letter-spacing:-.015em;
}
.product-category-panel>.section-head h2::before,
.product-inventory-panel>.section-head h2::before{
  content:"";position:absolute;left:0;top:50%;width:4px;height:19px;border-radius:999px;
  background:linear-gradient(180deg,#3b82f6,#7c3aed);transform:translateY(-50%);
}
.product-category-panel .btn,
.product-inventory-panel .btn{border:1px solid rgba(148,163,184,.12)}
.product-category-panel .category-forest{gap:13px}
.product-category-panel .category-tree-card{
  overflow:hidden;
  border:1px solid #e7ebf2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 26px rgba(15,23,42,.045);
}
.product-category-panel .category-node-row{padding:13px 14px;border-bottom-color:#edf1f6}
.product-category-panel .category-node-root>.category-node-row{background:linear-gradient(180deg,#fbfdff,#f7f9fd)}
.product-category-panel .category-node:not(.category-node-root)>.category-node-row{border-left-color:#d8e5ff}
.product-category-panel .category-node-row:hover{background:#f8fbff}
.product-inventory-panel .product-filter{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(220px,310px) auto auto;
  gap:10px;
  align-items:center;
  margin-bottom:14px!important;
  padding:13px;
  border:1px solid #e8edf4;
  border-radius:18px;
  background:#f8fafc;
}
.product-inventory-panel .product-filter .form-control{
  min-height:44px;
  border-color:#e2e8f0;
  border-radius:13px;
  background:#fff;
}
.product-inventory-panel .product-filter .search{min-width:0}
.product-inventory-panel .product-sort-status{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin:0 0 10px;
  padding:6px 10px;
  border-radius:999px;
  background:#f1f5f9;
  font-size:11px;
}
.product-filter-persist-note{border:1px solid rgba(5,150,105,.12);box-shadow:none}
.product-table-wrap{
  border-color:#e5eaf1;
  border-radius:18px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.product-table-wrap .sortable-product-table{min-width:1120px}
.product-table-wrap thead th{
  position:sticky;
  top:0;
  z-index:3;
  border-bottom-color:#e5eaf1;
  background:#f8fafc;
  color:#748096;
  font-size:11px;
  font-weight:800;
  letter-spacing:.015em;
}
.product-table-wrap tbody td{padding-top:12px;padding-bottom:12px;border-bottom-color:#eef2f6;font-size:13px}
.product-table-wrap tbody tr{transition:background .16s ease,box-shadow .16s ease}
.product-table-wrap tbody tr:hover{background:#f8fbff}
.product-table-wrap tbody tr.product-row-low{background:linear-gradient(90deg,rgba(255,247,237,.82),rgba(255,255,255,0) 40%)}
.product-table-wrap tbody tr.product-row-low td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
.product-table-wrap tbody tr.product-row-inactive{opacity:.58;filter:saturate(.6)}
.product-table-wrap td:first-child strong{color:#1e40af}
.product-table-wrap .category-path,
.product-table-wrap .income-account-label{font-size:12px;line-height:1.45}
.product-table-wrap td>.badge{min-width:45px;justify-content:center;padding:6px 9px}
.product-table-wrap td:last-child .toolbar{gap:6px;flex-wrap:nowrap}
.product-table-wrap td:last-child .btn{white-space:nowrap}
.product-table-wrap td:last-child form{display:inline-flex}

/* Reports and graph */
.report-page-heading{align-items:center}
.report-range-chip{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;
  border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(255,255,255,.86);
  color:#475569;box-shadow:0 8px 24px rgba(15,23,42,.055);font-size:12px;font-weight:750;white-space:nowrap;
}
.report-filter-card,
.report-panel{
  border:1px solid var(--modern-border);
  border-radius:24px;
  background:rgba(255,255,255,.97);
  box-shadow:var(--modern-shadow);
}
.report-filter-card{padding:20px}
.report-filter-card .section-head{margin:0}
.report-filter-card .toolbar{justify-content:flex-end}
.report-filter-card .form-control{min-height:42px;border-color:#e1e7ef;background:#fff}
.report-filter-card .search{min-width:260px}
.report-summary-grid{gap:14px}
.report-stat{
  position:relative;isolation:isolate;min-height:140px;overflow:hidden;align-items:flex-start;padding:19px;
  border:1px solid var(--modern-border);border-radius:24px;background:linear-gradient(155deg,#fff,#fbfcff);
  box-shadow:var(--modern-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.report-stat::after{
  content:"";position:absolute;z-index:-1;right:-38px;bottom:-52px;width:140px;height:140px;border-radius:50%;
  background:var(--report-glow,rgba(37,99,235,.09));
}
.report-stat:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(15,23,42,.105);border-color:var(--report-border,rgba(37,99,235,.22))}
.report-stat .stat-label{color:#758096;font-size:12px;font-weight:700}
.report-stat .stat-value{margin-top:12px;font-size:clamp(23px,1.7vw,30px);font-weight:800;letter-spacing:-.045em;line-height:1.12}
.report-stat .stat-icon{width:46px;height:46px;flex:0 0 46px;border-radius:16px;border:0;background:var(--report-icon-bg,#eff6ff);color:var(--report-icon,#2563eb);font-weight:900}
.report-stat-sales{--report-icon:#2563eb;--report-icon-bg:#eff6ff;--report-glow:rgba(59,130,246,.10);--report-border:rgba(37,99,235,.24)}
.report-stat-cogs{--report-icon:#64748b;--report-icon-bg:#f1f5f9;--report-glow:rgba(100,116,139,.09);--report-border:rgba(100,116,139,.23)}
.report-stat-gross{--report-icon:#059669;--report-icon-bg:#ecfdf5;--report-glow:rgba(5,150,105,.10);--report-border:rgba(5,150,105,.23)}
.report-stat-expense{--report-icon:#d97706;--report-icon-bg:#fff7ed;--report-glow:rgba(217,119,6,.10);--report-border:rgba(217,119,6,.24)}
.report-stat-net{--report-icon:#7c3aed;--report-icon-bg:#f5f3ff;--report-glow:rgba(124,58,237,.10);--report-border:rgba(124,58,237,.23)}
.report-graph-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(320px,.85fr);gap:15px}
.report-panel{padding:20px}
.report-panel>.section-head h2{
  position:relative;padding-left:13px;font-size:16px;font-weight:800;letter-spacing:-.015em;
}
.report-panel>.section-head h2::before{
  content:"";position:absolute;left:0;top:50%;width:4px;height:18px;border-radius:999px;
  background:linear-gradient(180deg,#3b82f6,#7c3aed);transform:translateY(-50%);
}
.report-trend-card{min-width:0}
.report-chart-legend{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#64748b;font-size:11px;font-weight:700}
.report-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.legend-sales{background:#3b82f6}.legend-profit{background:#10b981}.legend-bar{width:9px;height:9px;border-radius:3px;display:inline-block}.legend-expense{background:#f59e0b}
.report-chart-scroll{overflow:hidden;border:1px solid #edf1f6;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#fff);padding:10px 8px 0}
.report-line-chart{display:block;width:100%;height:auto;min-height:265px;overflow:visible}
.chart-grid-line{stroke:#e8edf4;stroke-width:1;stroke-dasharray:4 5}
.chart-axis-value,.chart-axis-date{fill:#94a3b8;font-size:10px;font-family:'Google Sans','Noto Sans Khmer',sans-serif}
.chart-sales-area{fill:url(#reportSalesArea)}
.chart-line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.chart-line-sales{stroke:#3b82f6}.chart-line-profit{stroke:#10b981}
.chart-expense-bar{fill:#f59e0b;opacity:.34}
.report-chart-caption{margin-top:9px;color:#94a3b8;font-size:10px;text-align:right}
.report-chart-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8}
.report-chart-empty span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:10px;border-radius:16px;background:#eff6ff;color:#2563eb;font-size:26px}
.report-chart-empty strong{color:#475569}.report-chart-empty small{margin-top:4px}
.report-channel-visual{display:flex;flex-direction:column}
.channel-donut-wrap{display:grid;gap:22px;place-items:center;padding:8px 5px 4px}
.channel-donut{
  width:min(210px,72vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#3b82f6 0 var(--online-share),#10b981 var(--online-share) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 14px 34px rgba(15,23,42,.10);
}
.channel-donut::before{content:"";grid-area:1/1;width:67%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #edf1f5}
.channel-donut-center{position:relative;grid-area:1/1;z-index:1;display:flex;flex-direction:column;align-items:center}
.channel-donut-center strong{font-size:30px;line-height:1;font-weight:850;letter-spacing:-.05em;color:#172033}.channel-donut-center span{margin-top:6px;color:#64748b;font-size:11px;font-weight:700}
.channel-donut-legend{width:100%;display:grid;gap:9px}
.channel-donut-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:start;padding:10px 11px;border-radius:14px;background:#f8fafc}
.channel-color{width:10px;height:10px;border-radius:4px;margin-top:4px}.channel-color.online{background:#3b82f6}.channel-color.store{background:#10b981}
.channel-donut-legend small{display:block;color:#64748b;font-size:11px}.channel-donut-legend strong{display:block;margin-top:2px;color:#172033;font-size:14px}.channel-donut-legend em{display:block;margin-top:2px;color:#94a3b8;font-size:10px;font-style:normal;font-weight:700}
.report-channel-card .grid>.card{box-shadow:none;border:1px solid #e8edf4;border-radius:18px;background:#f9fbfe}
.report-channel-card .grid>.card .stat-icon{background:#fff}
.report-invoice-card .table-wrap,
.report-panel>.table-wrap{border-color:#e5eaf1;border-radius:17px}
.report-invoice-card thead th,
.report-panel>.table-wrap thead th{background:#f8fafc;color:#748096;font-size:11px;font-weight:800;border-bottom-color:#e6ebf2}
.report-invoice-card tbody td,
.report-panel>.table-wrap tbody td{border-bottom-color:#eef2f6;font-size:12px}
.report-invoice-card tbody tr:hover,
.report-panel>.table-wrap tbody tr:hover{background:#f8fbff}
.report-cash-stat{
  min-height:118px;padding:18px;border:1px solid var(--modern-border);border-radius:22px;background:#fff;box-shadow:var(--modern-shadow)
}
.report-cash-stat .stat-icon{border-radius:15px;font-weight:900}
.report-cash-in .stat-icon{background:#ecfdf5;color:#059669}.report-cash-out .stat-icon{background:#fff1f2;color:#dc2626}.report-cash-net .stat-icon{background:#eff6ff;color:#2563eb}
.report-panel .kpi-list{gap:7px}.report-panel .kpi-item{min-height:51px;align-items:center;padding:10px 12px;border:0;border-radius:13px;background:#f8fafc}.report-panel .kpi-item span{color:#64748b;font-size:12px}.report-panel .kpi-item strong{font-size:13px;color:#172033}
.top-product-bars{display:grid;gap:8px}
.top-product-bar-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:14px;background:#f8fafc}
.top-product-rank{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eaf1ff;color:#1d4ed8;font-size:11px;font-weight:850}
.top-product-copy{min-width:0}.top-product-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.top-product-copy small{display:block;margin-top:2px;color:#94a3b8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-product-track{height:5px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e7edf5}.top-product-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#06b6d4)}
.top-product-profit{font-size:11px;font-weight:800;white-space:nowrap}

@media(max-width:1380px){
  .product-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-graph-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr)}
}
@media(max-width:1120px){
  .product-inventory-panel .product-filter{grid-template-columns:1fr 260px auto}
  .product-inventory-panel .product-filter #clearProductListState{grid-column:auto}
  .report-graph-grid{grid-template-columns:1fr}
  .channel-donut-wrap{grid-template-columns:auto minmax(220px,1fr);place-items:center;max-width:700px;margin:0 auto;width:100%}
}
@media(max-width:820px){
  .product-page-heading,.report-page-heading{align-items:flex-start;flex-direction:column;margin-bottom:15px}
  .product-main-action,.report-range-chip{width:100%}
  .product-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .product-stat{min-height:122px;padding:16px;border-radius:20px}
  .product-category-panel,.product-inventory-panel,.report-filter-card,.report-panel{padding:16px;border-radius:20px}
  .product-category-panel>.section-head,.product-inventory-panel>.section-head{align-items:flex-start;flex-direction:column}
  .product-category-panel>.section-head .toolbar,.product-inventory-panel>.section-head .toolbar{width:100%}
  .product-category-panel>.section-head .btn,.product-inventory-panel>.section-head .btn{flex:1}
  .product-inventory-panel .product-filter{grid-template-columns:1fr}
  .product-inventory-panel .product-filter select{max-width:none!important}
  .product-table-wrap{margin-left:-5px;margin-right:-5px}
  .report-filter-card .section-head{align-items:flex-start;flex-direction:column}
  .report-filter-card .toolbar{width:100%;justify-content:flex-start}
  .report-filter-card .form-control,.report-filter-card .search{min-width:0;width:100%}
  .report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .report-stat{min-height:126px;padding:16px;border-radius:20px}
  .report-chart-legend{margin-top:5px}
  .channel-donut-wrap{grid-template-columns:1fr}
  .top-product-bar-row{grid-template-columns:30px minmax(0,1fr)}
  .top-product-profit{grid-column:2}
}
@media(max-width:560px){
  .product-page-heading h2,.report-page-heading h2{font-size:27px}
  .product-page-heading p,.report-page-heading p{font-size:12px}
  .product-stats,.report-summary-grid{grid-template-columns:1fr}
  .product-stat,.report-stat{min-height:112px;align-items:center}
  .product-stat .stat-value,.report-stat .stat-value{font-size:27px}
  .product-category-panel>.section-head .toolbar,.product-inventory-panel>.section-head .toolbar{display:grid;grid-template-columns:1fr}
  .report-chart-scroll{overflow-x:auto}
  .report-line-chart{min-width:720px}
  .channel-donut{width:190px}
  .report-channel-card .grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .product-stat,.report-stat,.product-table-wrap tbody tr{transition:none!important}
}
@media print{
  .product-page-heading,.product-main-action,.report-page-heading,.report-filter-card{display:none!important}
  .product-stat,.product-category-panel,.product-inventory-panel,.report-stat,.report-panel,.report-cash-stat{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important}
  .product-stat::after,.report-stat::after,.product-modern-shell::before,.report-modern-shell::before{display:none!important}
  .report-graph-grid{grid-template-columns:2fr 1fr;gap:8px}
  .report-line-chart{min-width:0!important}
  .report-chart-scroll{overflow:visible;border:1px solid #ddd}
  .channel-donut{box-shadow:none}
}
.channel-donut.channel-donut-empty{background:#e2e8f0}


/* =========================================================
   v1.7.7.23 — Banking One UI 8.5 + Report Graph Fix
   ========================================================= */

.banking-modern-shell{
  position:relative;
  isolation:isolate;
}
.banking-modern-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-24px -24px auto;
  height:270px;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 8%,rgba(59,130,246,.10),transparent 34%),
    radial-gradient(circle at 84% 12%,rgba(16,185,129,.08),transparent 31%);
  filter:blur(2px);
}
.banking-page-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.banking-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 10px;
  margin-bottom:7px;
  border-radius:999px;
  background:#eef5ff;
  color:#2563eb;
  font-size:10px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.banking-page-heading h2{
  margin:0;
  color:#172033;
  font-size:clamp(28px,2.2vw,38px);
  font-weight:850;
  letter-spacing:-.045em;
  line-height:1.08;
}
.banking-page-heading p{
  max-width:650px;
  margin:7px 0 0;
  color:#7a8699;
  font-size:13px;
}
.banking-heading-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.banking-today-chip,
.banking-panel-meta{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #e4eaf2;
  border-radius:13px;
  background:rgba(255,255,255,.78);
  color:#64748b;
  box-shadow:0 8px 24px rgba(15,23,42,.045);
  font-size:11px;
  font-weight:750;
}
.banking-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.banking-stat{
  --bank-accent:#2563eb;
  --bank-soft:#eff6ff;
  position:relative;
  min-height:145px;
  overflow:hidden;
  padding:20px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:24px;
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 16px 42px rgba(15,23,42,.065);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.banking-stat::after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-52px;
  width:142px;
  height:142px;
  border-radius:50%;
  background:var(--bank-soft);
  opacity:.92;
}
.banking-stat:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--bank-accent) 24%,#e2e8f0);
  box-shadow:0 22px 54px rgba(15,23,42,.105);
}
.banking-stat .stat-label{
  color:#778398;
  font-size:11px;
  font-weight:750;
}
.banking-stat .stat-value{
  position:relative;
  z-index:1;
  margin-top:13px;
  color:#172033;
  font-size:clamp(25px,2vw,32px);
  font-weight:850;
  letter-spacing:-.045em;
}
.banking-stat .stat-icon{
  position:relative;
  z-index:1;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border:0;
  border-radius:16px;
  background:var(--bank-soft);
  color:var(--bank-accent);
  font-size:20px;
  font-weight:900;
}
.banking-stat-note{
  position:relative;
  z-index:1;
  margin-top:6px;
  color:#94a3b8;
  font-size:10px;
  font-weight:700;
}
.banking-stat-balance{--bank-accent:#2563eb;--bank-soft:#eaf2ff}
.banking-stat-in{--bank-accent:#059669;--bank-soft:#eafbf5}
.banking-stat-out{--bank-accent:#dc2626;--bank-soft:#fff0f1}
.banking-stat-accounts{--bank-accent:#7c3aed;--bank-soft:#f4efff}

.banking-panel{
  margin-top:16px;
  padding:20px;
  border:1px solid #e6ebf2;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 45px rgba(15,23,42,.065);
}
.banking-section-head{
  margin-bottom:16px;
}
.banking-section-head h2{
  position:relative;
  margin:0;
  padding-left:13px;
  color:#172033;
  font-size:16px;
  font-weight:850;
  letter-spacing:-.02em;
}
.banking-section-head h2::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:4px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,#3b82f6,#7c3aed);
  transform:translateY(-50%);
}
.banking-account-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
.banking-account-card{
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:18px;
  border:1px solid #e7edf4;
  border-radius:21px;
  background:linear-gradient(145deg,#fff,#fbfdff);
  box-shadow:0 9px 26px rgba(15,23,42,.045);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.banking-account-card::after{
  content:"";
  position:absolute;
  right:-36px;
  top:-40px;
  width:118px;
  height:118px;
  border-radius:50%;
  background:var(--account-soft,#eef5ff);
  opacity:.8;
}
.banking-account-card:hover{
  transform:translateY(-2px);
  border-color:var(--account-border,#cfe0ff);
  box-shadow:0 17px 38px rgba(15,23,42,.085);
}
.banking-account-cash{--account-soft:#edfdf6;--account-accent:#059669;--account-border:#c5f0df}
.banking-account-bank{--account-soft:#eef5ff;--account-accent:#2563eb;--account-border:#cfe0ff}
.banking-account-ewallet{--account-soft:#f5efff;--account-accent:#7c3aed;--account-border:#e2d4ff}
.banking-account-card .account-icon{
  position:relative;
  z-index:1;
  width:46px;
  height:46px;
  border:0;
  border-radius:15px;
  background:var(--account-soft);
  color:var(--account-accent);
}
.banking-account-badges{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.banking-account-type{
  margin-top:14px;
  color:#7b8799;
  font-size:10px;
  font-weight:750;
}
.banking-account-card h3{
  margin:5px 0 0;
  color:#172033;
  font-size:17px;
  font-weight:850;
  letter-spacing:-.025em;
}
.banking-account-number{
  margin-top:5px;
  color:#94a3b8;
  font-size:10px;
}
.banking-balance-block{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:22px;
}
.banking-balance-block span{
  color:#94a3b8;
  font-size:10px;
  font-weight:700;
}
.banking-balance-block .account-balance{
  margin:0;
  color:#172033;
  font-size:27px;
  font-weight:850;
  letter-spacing:-.045em;
}
.banking-account-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:15px;
}
.banking-account-actions form{margin:0}
.banking-empty-account{
  grid-column:1/-1;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px;
  border:1px dashed #d8e0ea;
  border-radius:20px;
  color:#94a3b8;
  text-align:center;
  background:#fafcff;
}
.banking-empty-account span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:9px;
  border-radius:16px;
  background:#eef5ff;
  color:#2563eb;
  font-size:21px;
}
.banking-empty-account strong{color:#475569}
.banking-empty-account small{max-width:440px;margin-top:4px}

.banking-flow-pills{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.banking-flow-pill{
  display:inline-flex;
  align-items:center;
  min-height:33px;
  padding:7px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
}
.banking-flow-pill.flow-in{background:#ecfdf5;color:#047857}
.banking-flow-pill.flow-out{background:#fff1f2;color:#be123c}
.banking-flow-pill.flow-net{background:#eff6ff;color:#1d4ed8}

.banking-filter-bar{
  display:grid;
  grid-template-columns:minmax(230px,1.35fr) minmax(170px,.8fr) 150px 150px auto;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  padding:12px;
  border:1px solid #e8edf4;
  border-radius:18px;
  background:#f8fafc;
}
.banking-filter-search{
  position:relative;
  min-width:0;
}
.banking-filter-search>span{
  position:absolute;
  z-index:1;
  left:12px;
  top:50%;
  color:#94a3b8;
  transform:translateY(-50%);
  pointer-events:none;
}
.banking-filter-search .form-control{width:100%;padding-left:34px}
.banking-filter-bar .form-control{
  min-height:41px;
  border-color:#e1e7ef;
  background:#fff;
}
.banking-quick-dates{
  grid-column:1/-1;
  padding-top:1px;
}
.banking-quick-dates .quick-date-buttons{gap:6px}
.banking-quick-dates .btn{min-height:34px;padding:6px 10px;font-size:10px}
.banking-table-wrap{
  max-height:620px;
  border-color:#e5eaf1;
  border-radius:18px;
}
.banking-table{
  min-width:980px;
}
.banking-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f8fafc;
  color:#768297;
  font-size:10px;
  font-weight:850;
  border-bottom-color:#e5eaf1;
}
.banking-table tbody td{
  border-bottom-color:#eef2f6;
  font-size:11px;
}
.banking-table tbody tr{
  transition:background .16s ease;
}
.banking-table tbody tr:hover{background:#f8fbff}
.banking-date-cell{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 8px;
  border-radius:9px;
  background:#f1f5f9;
  color:#64748b;
  font-size:10px;
  font-weight:750;
}
.banking-reversed-note{display:block;margin-top:3px}

/* Corrected report graph: visible points on single-day ranges + exact-value hover. */
.report-chart-scroll{
  position:relative;
}
.chart-zero-line{
  stroke:#cbd5e1;
  stroke-width:1.2;
  stroke-dasharray:2 3;
}
.chart-point{
  stroke:#fff;
  stroke-width:2.2;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 2px 4px rgba(15,23,42,.12));
}
.chart-point-sales{fill:#3b82f6}
.chart-point-profit{fill:#10b981}
.chart-expense-bar{
  fill:#f59e0b;
  opacity:.50;
}
.chart-hover-zone{
  fill:transparent;
  cursor:crosshair;
  pointer-events:all;
  outline:none;
}
.chart-hover-zone:hover,
.chart-hover-zone:focus{
  fill:rgba(59,130,246,.035);
}
.report-chart-tooltip{
  position:fixed;
  z-index:9999;
  display:none;
  min-width:190px;
  max-width:260px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:14px;
  background:rgba(15,23,42,.94);
  color:#fff;
  box-shadow:0 16px 42px rgba(15,23,42,.28);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  pointer-events:none;
  transform:translate(12px,12px);
}
.report-chart-tooltip.is-open{display:block}
.report-chart-tooltip strong{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  font-weight:850;
}
.report-chart-tooltip-grid{
  display:grid;
  gap:5px;
}
.report-chart-tooltip-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#dbe5f3;
  font-size:10px;
}
.report-chart-tooltip-row b{
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.report-chart-tooltip-dot{
  width:7px;
  height:7px;
  display:inline-block;
  margin-right:6px;
  border-radius:50%;
}
.report-chart-tooltip-dot.sales{background:#60a5fa}
.report-chart-tooltip-dot.profit{background:#34d399}
.report-chart-tooltip-dot.expense{background:#fbbf24}

@media(max-width:1180px){
  .banking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .banking-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .banking-filter-bar{grid-template-columns:minmax(220px,1fr) minmax(160px,.75fr) 145px 145px}
  .banking-filter-bar>.btn{grid-column:auto}
}
@media(max-width:820px){
  .banking-page-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .banking-heading-actions{width:100%;justify-content:flex-start}
  .banking-today-chip{width:100%;justify-content:center}
  .banking-account-grid{grid-template-columns:1fr}
  .banking-filter-bar{
    grid-template-columns:1fr 1fr;
  }
  .banking-filter-search,
  .banking-filter-bar select{
    grid-column:1/-1;
  }
  .banking-filter-bar>.btn{width:100%}
  .banking-quick-dates{grid-column:1/-1}
  .banking-flow-pills{justify-content:flex-start;margin-top:7px}
}
@media(max-width:560px){
  .banking-summary-grid{grid-template-columns:1fr}
  .banking-stat{min-height:116px;padding:16px;border-radius:20px}
  .banking-panel{padding:15px;border-radius:20px}
  .banking-page-heading h2{font-size:28px}
  .banking-page-heading p{font-size:12px}
  .banking-heading-actions .btn{flex:1 1 calc(50% - 6px)}
  .banking-filter-bar{grid-template-columns:1fr}
  .banking-filter-search,
  .banking-filter-bar select,
  .banking-filter-bar input,
  .banking-filter-bar>.btn{grid-column:1}
  .banking-quick-dates{grid-column:1}
  .banking-quick-dates .quick-date-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .banking-quick-dates .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .banking-stat,.banking-account-card,.banking-table tbody tr{transition:none!important}
}
@media print{
  .banking-page-heading,
  .banking-heading-actions,
  .banking-filter-bar{display:none!important}
  .banking-stat,
  .banking-panel,
  .banking-account-card{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important}
  .banking-modern-shell::before,
  .banking-stat::after,
  .banking-account-card::after{display:none!important}
  .report-chart-tooltip{display:none!important}
}

/* v1.7.7.24 — Modern Sales, Customers, Expenses & Income Category UI */
.sales-list-shell,
.sales-detail-shell,
.party-modern-shell,
.expenses-modern-shell,
.income-modern-shell{
  --modern-blue:#2563eb;
  --modern-emerald:#059669;
  --modern-violet:#7c3aed;
  --modern-amber:#d97706;
  --modern-rose:#e11d48;
  --modern-ink:#172033;
  --modern-muted:#778399;
  --modern-border:#e5eaf1;
  --modern-surface:rgba(255,255,255,.96);
  --modern-shadow:0 16px 44px rgba(15,23,42,.065);
  position:relative;
  max-width:1680px;
  margin:0 auto;
}
.sales-list-shell::before,
.party-modern-shell::before,
.expenses-modern-shell::before,
.income-modern-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-85px;
  left:-65px;
  width:320px;
  height:230px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(59,130,246,.09),rgba(59,130,246,0) 72%);
  pointer-events:none;
}

/* Sales / Invoice list */
.sales-summary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.sales-stat{
  position:relative;
  isolation:isolate;
  min-height:132px;
  overflow:hidden;
  padding:19px;
  border:1px solid var(--modern-border);
  border-radius:23px;
  background:linear-gradient(145deg,#fff,#fbfdff);
  box-shadow:var(--modern-shadow);
}
.sales-stat::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-34px;
  bottom:-46px;
  width:128px;
  height:128px;
  border-radius:50%;
  background:var(--sale-stat-soft,#edf4ff);
}
.sales-stat .stat-label{color:var(--modern-muted);font-size:11px;font-weight:750}
.sales-stat .stat-value{margin-top:10px;color:var(--modern-ink);font-size:30px;font-weight:850;letter-spacing:-.045em}
.sales-stat .stat-icon{
  width:47px;height:47px;flex:0 0 47px;border:0;border-radius:16px;
  background:var(--sale-stat-icon-bg,#edf4ff);color:var(--sale-stat-accent,#2563eb);font-weight:900;
}
.sales-stat-total{--sale-stat-soft:#e9f2ff;--sale-stat-icon-bg:#edf4ff;--sale-stat-accent:#2563eb}
.sales-stat-paid{--sale-stat-soft:#e7faf2;--sale-stat-icon-bg:#ebfbf4;--sale-stat-accent:#059669}
.sales-stat-due{--sale-stat-soft:#fff3e8;--sale-stat-icon-bg:#fff5eb;--sale-stat-accent:#d97706}
.sales-list-card,
.sales-form-modern,
.sales-invoice-view-card,
.sales-detail-panel{
  border:1px solid var(--modern-border);
  border-radius:24px;
  background:var(--modern-surface);
  box-shadow:var(--modern-shadow);
}
.sales-list-card{padding:20px}
.sales-list-head,
.sales-form-head,
.sales-section-head{margin-bottom:15px}
.sales-list-head h2,
.sales-form-head h2,
.sales-section-head h2{
  position:relative;margin:0;padding-left:13px;color:var(--modern-ink);font-size:18px;font-weight:850;letter-spacing:-.025em;
}
.sales-list-head h2::before,
.sales-form-head h2::before,
.sales-section-head h2::before{
  content:"";position:absolute;left:0;top:50%;width:4px;height:19px;border-radius:999px;
  background:linear-gradient(180deg,#3b82f6,#7c3aed);transform:translateY(-50%);
}
.sales-filter-bar{
  display:grid!important;
  grid-template-columns:minmax(220px,1.4fr) minmax(155px,.7fr) 150px 150px auto auto;
  gap:9px;
  align-items:center;
  padding:12px;
  border:1px solid #e8edf4;
  border-radius:18px;
  background:#f8fafc;
}
.sales-filter-bar .form-control{min-height:41px;border-color:#e1e7ef;background:#fff}
.sales-filter-bar .quick-date-buttons{grid-column:1/-1}
.sales-table-wrap{max-height:680px;border-color:#e5eaf1;border-radius:18px}
.sales-list-table{min-width:1220px}
.sales-list-table thead th{
  position:sticky;top:0;z-index:2;background:#f8fafc;color:#758096;font-size:10px;font-weight:850;
  border-bottom-color:#e5eaf1;
}
.sales-list-table tbody td{font-size:11px;border-bottom-color:#eef2f6;vertical-align:middle}
.sales-list-table tbody tr{transition:background .16s ease,transform .16s ease}
.sales-list-table tbody tr:hover{background:#f8fbff}
.sales-list-table td:first-child strong{color:#1d4ed8;font-weight:850}
.sales-list-table td:nth-child(5),
.sales-list-table td:nth-child(6),
.sales-list-table td:nth-child(7){font-variant-numeric:tabular-nums;font-weight:750}
.sales-list-table td:nth-child(7){color:#b45309}
.sales-list-table .toolbar{gap:5px;flex-wrap:nowrap}
.sales-list-table .btn-sm{border-radius:10px;white-space:nowrap}

/* Create/Edit invoice */
.sales-form-modern{padding:21px}
.sales-form-modern .form-row-3,
.sales-form-modern .grid{
  gap:13px;
}
.sales-form-modern .form-control{
  min-height:43px;
  border-color:#dfe6ef;
  border-radius:13px;
  background:#fff;
  box-shadow:0 1px 0 rgba(15,23,42,.015);
}
.sales-form-modern .form-control:focus{
  border-color:#8bb4ff;
  box-shadow:0 0 0 4px rgba(37,99,235,.08);
}
.sales-form-modern .sale-product-section{
  margin-top:18px;
  padding:18px;
  border:1px solid #e7ecf3;
  border-radius:21px;
  background:linear-gradient(180deg,#fbfdff,#f8fafc);
}
.sales-form-modern .sale-product-finder,
.sales-form-modern .sale-selected-items{
  border-radius:17px;
}
.sales-form-modern .summary-box{
  border:1px solid #e4eaf2;
  border-radius:17px;
  background:#f8fafc;
}
.sales-form-modern .sale-form-actions{
  padding-top:15px;
  border-top:1px solid #edf1f5;
}
.sales-form-modern .sale-submit-button{min-height:45px;padding-inline:20px;border-radius:13px}
.sales-form-modern .sale-preview-button{min-height:45px;padding-inline:18px;border-radius:13px}

/* Invoice view */
.sales-detail-shell{display:grid;gap:17px}
.sales-invoice-view-card{overflow:hidden}
.sales-invoice-view-card>.section-head{
  margin:-20px -20px 18px;
  padding:13px 18px;
  border-bottom:1px solid #e9eef4;
  background:#f8fafc;
}
.sales-invoice-view-card .invoice-header{
  padding:4px 2px 16px;
  border-bottom:1px solid #edf1f5;
}
.sales-invoice-view-card .invoice-customer-grid>div{
  padding:14px;
  border:1px solid #e6ebf2;
  border-radius:15px;
  background:#fafcff;
}
.sales-invoice-view-card .invoice-table thead th{background:#f8fafc;color:#64748b;font-size:10px;font-weight:850}
.sales-detail-panel{margin-top:0!important;padding:19px}

/* Customers / parties */
.party-list-card,
.party-profile-card,
.party-history-card{
  padding:20px;
  border:1px solid var(--modern-border);
  border-radius:24px;
  background:var(--modern-surface);
  box-shadow:var(--modern-shadow);
}
.party-list-head,.party-section-head{margin-bottom:15px}
.party-list-head h2,.party-section-head h2{
  position:relative;margin:0;padding-left:13px;color:var(--modern-ink);font-size:18px;font-weight:850;
}
.party-list-head h2::before,.party-section-head h2::before{
  content:"";position:absolute;left:0;top:50%;width:4px;height:18px;border-radius:999px;
  background:linear-gradient(180deg,#3b82f6,#06b6d4);transform:translateY(-50%);
}
.party-head-actions{align-items:center;gap:9px}
.party-filter-bar{
  display:grid;
  grid-template-columns:minmax(250px,1fr) 145px;
  gap:8px;
  align-items:center;
  min-width:min(560px,55vw);
  padding:8px;
  border:1px solid #e7ecf3;
  border-radius:16px;
  background:#f8fafc;
}
.party-filter-bar .form-control{min-height:40px;border-color:#e0e6ef;background:#fff}
.party-table-wrap{max-height:680px;border-color:#e5eaf1;border-radius:18px}
.party-table{min-width:1050px}
.party-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc;color:#758096;font-size:10px;font-weight:850}
.party-table tbody td{font-size:11px;vertical-align:middle;border-bottom-color:#eef2f6}
.party-table tbody tr:hover{background:#f8fbff}
.party-table td:first-child strong{display:inline-flex;padding:6px 9px;border-radius:9px;background:#eff6ff;color:#1d4ed8}
.party-table td:nth-child(2) a{color:#172033;font-weight:850;text-decoration:none}
.party-table td:nth-child(2) a:hover{color:#2563eb}
.party-profile-card>.grid>div{
  min-height:88px;
  padding:14px;
  border:1px solid #e7ecf3;
  border-radius:15px;
  background:#fafcff;
}
.party-profile-card>.grid>div strong{color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.party-profile-card>.grid>div p{margin:7px 0 0;color:#172033;font-weight:700}
.party-history-card .table-wrap{border-radius:16px}
.party-modern-modal{max-width:760px;border-radius:24px;padding:20px}
.party-modern-modal .modal-head{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #edf1f5}
.party-modern-modal .form-control{min-height:43px;border-radius:13px;border-color:#dfe6ef}
.party-modern-modal .form-control:focus{border-color:#8bb4ff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}

/* Expenses */
.expense-summary-grid{grid-template-columns:minmax(260px,430px)}
.expense-stat{
  position:relative;overflow:hidden;min-height:130px;padding:19px;border:1px solid var(--modern-border);border-radius:23px;
  background:linear-gradient(145deg,#fff,#fffaf8);box-shadow:var(--modern-shadow);
}
.expense-stat::after{
  content:"";position:absolute;right:-36px;bottom:-48px;width:128px;height:128px;border-radius:50%;background:#fff0e3;
}
.expense-stat .stat-label{color:#7c8799;font-size:11px;font-weight:750}
.expense-stat .stat-value{margin-top:10px;color:#b45309;font-size:31px;font-weight:850;letter-spacing:-.045em}
.expense-stat .stat-icon{position:relative;z-index:1;width:47px;height:47px;border:0;border-radius:16px;background:#fff3e8;color:#d97706}
.expense-list-card{
  padding:20px;border:1px solid var(--modern-border);border-radius:24px;background:var(--modern-surface);box-shadow:var(--modern-shadow);
}
.expense-list-head h2{
  position:relative;margin:0;padding-left:13px;color:var(--modern-ink);font-size:18px;font-weight:850;
}
.expense-list-head h2::before{
  content:"";position:absolute;left:0;top:50%;width:4px;height:19px;border-radius:999px;background:linear-gradient(180deg,#f59e0b,#ef4444);transform:translateY(-50%);
}
.expense-head-actions{align-items:flex-start;gap:9px}
.expense-filter-bar{
  display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid #e7ecf3;border-radius:16px;background:#f8fafc;
}
.expense-filter-bar .form-control{min-height:40px;border-color:#e0e6ef;background:#fff}
.expense-table-wrap{max-height:680px;border-color:#e5eaf1;border-radius:18px}
.expense-table{min-width:1050px}
.expense-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc;color:#758096;font-size:10px;font-weight:850}
.expense-table tbody td{font-size:11px;vertical-align:middle;border-bottom-color:#eef2f6}
.expense-table tbody tr:hover{background:#fffaf5}
.expense-category-badge{
  display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;border-radius:999px;background:#fff3e8;color:#b45309;
  border:1px solid #fed7aa;font-size:10px;font-weight:850;white-space:nowrap;
}
.expense-description{color:#334155;font-weight:750}
.expense-table td:nth-child(7) strong{color:#c2410c;font-size:12px;font-variant-numeric:tabular-nums}
.expense-modern-modal{border-radius:24px;padding:20px}
.expense-modern-modal .modal-head{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #edf1f5}
.expense-modern-modal .form-control{min-height:43px;border-radius:13px;border-color:#dfe6ef}
.expense-modern-modal .form-control:focus{border-color:#fdba74;box-shadow:0 0 0 4px rgba(245,158,11,.09)}

/* Income by category */
.income-page-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px;padding:3px 2px 0;
}
.income-eyebrow{
  display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;margin-bottom:7px;border:1px solid #dbeafe;border-radius:999px;
  background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;
}
.income-page-heading h2{margin:0;color:var(--modern-ink);font-size:clamp(25px,2vw,33px);font-weight:880;letter-spacing:-.04em}
.income-page-heading p{margin:6px 0 0;color:#7b8799;font-size:12px}
.income-filter-card,
.income-ranking-card,
.income-secondary-card,
.income-accounts-card{
  padding:20px;border:1px solid var(--modern-border);border-radius:24px;background:var(--modern-surface);box-shadow:var(--modern-shadow);
}
.income-filter-head h2,
.income-section-head h2,
.income-ranking-card>.section-head h2,
.income-accounts-card>.section-head h2{
  position:relative;margin:0;padding-left:13px;color:var(--modern-ink);font-size:16px;font-weight:850;
}
.income-filter-head h2::before,
.income-section-head h2::before,
.income-ranking-card>.section-head h2::before,
.income-accounts-card>.section-head h2::before{
  content:"";position:absolute;left:0;top:50%;width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#3b82f6,#7c3aed);transform:translateY(-50%);
}
.income-modern-filter{
  display:grid!important;
  grid-template-columns:145px 145px minmax(170px,.8fr) minmax(170px,.8fr) minmax(175px,.8fr) minmax(180px,1fr) minmax(190px,1fr) auto;
  gap:8px;align-items:center;padding:12px;border:1px solid #e7ecf3;border-radius:18px;background:#f8fafc;
}
.income-modern-filter .form-control{min-width:0!important;max-width:none!important;width:100%;min-height:41px;border-color:#e1e7ef;background:#fff}
.income-modern-filter .quick-date-buttons{grid-column:1/-1}
.income-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.income-stat{
  position:relative;isolation:isolate;overflow:hidden;min-height:135px;padding:18px;border:1px solid var(--modern-border);border-radius:22px;
  background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 12px 34px rgba(15,23,42,.055);
}
.income-stat::after{
  content:"";position:absolute;z-index:-1;right:-36px;bottom:-48px;width:126px;height:126px;border-radius:50%;background:var(--income-soft,#eef5ff);
}
.income-stat .stat-label{color:#7b8799;font-size:10px;font-weight:750}
.income-stat .stat-value{margin-top:10px;color:#172033;font-size:25px;font-weight:850;letter-spacing:-.04em}
.income-stat .stat-icon{width:44px;height:44px;border:0;border-radius:15px;background:var(--income-icon,#eef5ff);color:var(--income-accent,#2563eb)}
.income-stat-revenue{--income-soft:#e9f2ff;--income-icon:#edf4ff;--income-accent:#2563eb}
.income-stat-qty{--income-soft:#eff3f8;--income-icon:#f1f5f9;--income-accent:#475569}
.income-stat-cogs{--income-soft:#fff2e7;--income-icon:#fff5eb;--income-accent:#d97706}
.income-stat-profit{--income-soft:#e7faf2;--income-icon:#ebfbf4;--income-accent:#059669}
.income-stat-top{--income-soft:#f4eeff;--income-icon:#f5f0ff;--income-accent:#7c3aed}
.income-table-wrap{max-height:720px;border-color:#e5eaf1;border-radius:18px}
.income-modern-table{min-width:1180px}
.income-modern-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc;color:#758096;font-size:10px;font-weight:850}
.income-modern-table tbody td{font-size:11px;border-bottom-color:#eef2f6;vertical-align:middle}
.income-modern-table tbody tr:hover{background:#f8fbff}
.income-modern-table .rank-badge{width:31px;height:31px;border-radius:11px}
.income-modern-table .income-rank-bar{height:7px;background:#edf1f5}
.income-secondary-grid{gap:14px}
.income-secondary-card .table-wrap,
.income-accounts-card .table-wrap{border-radius:16px;border-color:#e5eaf1}
.income-secondary-card table thead th,
.income-accounts-card table thead th{background:#f8fafc;color:#758096;font-size:10px;font-weight:850}

@media(max-width:1320px){
  .income-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .income-modern-filter{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sales-filter-bar{grid-template-columns:minmax(220px,1.2fr) minmax(150px,.7fr) 145px 145px auto}
}
@media(max-width:980px){
  .sales-summary-grid{grid-template-columns:1fr 1fr}
  .sales-stat-due{grid-column:1/-1}
  .sales-filter-bar{grid-template-columns:1fr 1fr}
  .sales-filter-bar .search{grid-column:1/-1}
  .sales-filter-bar .quick-date-buttons{grid-column:1/-1}
  .party-list-head,.expense-list-head{align-items:flex-start;flex-direction:column}
  .party-head-actions,.expense-head-actions{width:100%;justify-content:flex-start}
  .party-filter-bar{min-width:0;flex:1}
  .income-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .income-modern-filter{grid-template-columns:1fr 1fr}
  .income-modern-filter .quick-date-buttons{grid-column:1/-1}
}
@media(max-width:680px){
  .sales-summary-grid,.income-summary-grid{grid-template-columns:1fr}
  .sales-stat-due{grid-column:auto}
  .sales-list-card,.sales-form-modern,.party-list-card,.party-profile-card,.party-history-card,.expense-list-card,.income-filter-card,.income-ranking-card,.income-secondary-card,.income-accounts-card{padding:15px;border-radius:20px}
  .sales-filter-bar,.income-modern-filter{grid-template-columns:1fr}
  .sales-filter-bar>* ,.income-modern-filter>*{grid-column:1!important;width:100%}
  .sales-filter-bar .quick-date-buttons,.income-modern-filter .quick-date-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .party-head-actions,.expense-head-actions{align-items:stretch;flex-direction:column}
  .party-filter-bar{width:100%;grid-template-columns:1fr}
  .party-head-actions>.btn,.expense-head-actions>.btn{width:100%}
  .expense-summary-grid{grid-template-columns:1fr}
  .expense-filter-bar{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .expense-filter-bar .quick-date-buttons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .expense-filter-bar .btn{width:100%}
  .income-secondary-grid{grid-template-columns:1fr}
  .income-page-heading h2{font-size:27px}
  .party-modern-modal,.expense-modern-modal{padding:16px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .sales-list-table tbody tr,.party-table tbody tr,.expense-table tbody tr{transition:none!important}
}
@media print{
  .sales-list-shell::before,.party-modern-shell::before,.expenses-modern-shell::before,.income-modern-shell::before{display:none!important}
  .sales-list-card,.sales-stat,.party-list-card,.party-profile-card,.party-history-card,.expense-list-card,.expense-stat,.income-filter-card,.income-stat,.income-ranking-card,.income-secondary-card,.income-accounts-card{box-shadow:none!important;background:#fff!important}
  .sales-filter-bar,.party-filter-bar,.expense-filter-bar,.income-filter-card,.income-page-heading{display:none!important}
}

/* v1.7.7.25 — Public Tracking Link + Dashboard Create Invoice */
.dashboard-top-actions{
  gap:9px;
  flex-wrap:wrap;
}
.dashboard-create-invoice{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 15px;
  border-radius:14px;
  font-weight:800;
  box-shadow:0 9px 24px rgba(37,99,235,.18);
}
.dashboard-create-invoice:hover{
  transform:translateY(-1px);
  box-shadow:0 13px 30px rgba(37,99,235,.24);
}
.shipment-public-link,
.sales-public-tracking-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  margin-top:7px;
  color:#2563eb;
  font-weight:780;
  text-decoration:none;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.shipment-public-link{
  padding:8px 11px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:12px;
  background:#f4f8ff;
  font-size:12px;
}
.sales-public-tracking-link{
  font-size:10px;
  white-space:nowrap;
}
.shipment-public-link:hover,
.sales-public-tracking-link:hover{
  color:#1d4ed8;
  text-decoration:underline;
}
@media(max-width:820px){
  .dashboard-top-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .dashboard-create-invoice,#dashboardMoneyToggle{width:100%}
}
@media(max-width:560px){
  .dashboard-top-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .dashboard-create-invoice{transition:none!important}
}

/* v1.7.7.27 — Dedicated Shipping Manager */
.shipping-modern-shell{
  --shipping-ink:#172033;
  --shipping-muted:#7b8799;
  position:relative;
  display:grid;
  gap:16px;
}
.shipping-modern-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70px;
  right:-70px;
  width:330px;
  height:330px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.09),rgba(37,99,235,0) 70%);
  pointer-events:none;
}
.shipping-page-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:2px 2px 0;
}
.shipping-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin-bottom:7px;
  padding:5px 10px;
  border:1px solid #dbeafe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.shipping-page-heading h2{
  margin:0;
  color:var(--shipping-ink);
  font-size:clamp(26px,2.2vw,34px);
  font-weight:880;
  letter-spacing:-.045em;
}
.shipping-page-heading p{margin:6px 0 0;color:var(--shipping-muted);font-size:12px}
.shipping-new-sale{min-height:43px;border-radius:14px;box-shadow:0 10px 25px rgba(37,99,235,.16)}
.shipping-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.shipping-stat{
  position:relative;
  isolation:isolate;
  display:flex;
  justify-content:space-between;
  gap:12px;
  min-height:132px;
  overflow:hidden;
  padding:18px;
  border:1px solid #e4e9f1;
  border-radius:23px;
  background:linear-gradient(145deg,#fff,#fbfdff);
  color:inherit;
  text-decoration:none;
  box-shadow:0 12px 34px rgba(15,23,42,.055);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.shipping-stat::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-35px;
  bottom:-48px;
  width:126px;
  height:126px;
  border-radius:50%;
  background:var(--shipping-soft,#edf4ff);
}
.shipping-stat:hover,.shipping-stat.is-active{transform:translateY(-2px);border-color:var(--shipping-accent,#3b82f6);box-shadow:0 17px 40px rgba(15,23,42,.085)}
.shipping-stat .stat-label{color:#7b8799;font-size:10px;font-weight:780}
.shipping-stat .stat-value{margin-top:8px;color:#172033;font-size:31px;font-weight:880;letter-spacing:-.05em}
.shipping-stat small{display:block;margin-top:4px;color:#94a3b8;font-size:9px;font-weight:650}
.shipping-stat .stat-icon{
  width:45px;height:45px;flex:0 0 45px;border:0;border-radius:15px;
  background:var(--shipping-icon,#edf4ff);color:var(--shipping-accent,#2563eb);font-size:18px;font-weight:900;
}
.shipping-stat-total{--shipping-soft:#e9f2ff;--shipping-icon:#edf4ff;--shipping-accent:#2563eb}
.shipping-stat-untracked{--shipping-soft:#fff2e7;--shipping-icon:#fff5eb;--shipping-accent:#d97706}
.shipping-stat-active{--shipping-soft:#eef7ff;--shipping-icon:#edf7ff;--shipping-accent:#0284c7}
.shipping-stat-arrived{--shipping-soft:#f1edff;--shipping-icon:#f5f0ff;--shipping-accent:#7c3aed}
.shipping-stat-complete{--shipping-soft:#e7faf2;--shipping-icon:#ebfbf4;--shipping-accent:#059669}
.shipping-list-card{
  padding:20px;
  border:1px solid #e4e9f1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 13px 38px rgba(15,23,42,.055);
}
.shipping-list-head{margin-bottom:14px}
.shipping-list-head h2{
  position:relative;margin:0;padding-left:13px;color:#172033;font-size:18px;font-weight:850;letter-spacing:-.025em;
}
.shipping-list-head h2::before{
  content:"";position:absolute;left:0;top:50%;width:4px;height:19px;border-radius:999px;
  background:linear-gradient(180deg,#3b82f6,#7c3aed);transform:translateY(-50%);
}
.shipping-result-count{
  display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border:1px solid #e2e8f0;border-radius:999px;
  background:#f8fafc;color:#64748b;font-size:10px;font-weight:850;
}
.shipping-filter-bar{
  display:grid;
  grid-template-columns:minmax(250px,1.35fr) minmax(205px,.85fr) 150px 150px auto auto;
  gap:8px;
  align-items:center;
  margin-bottom:15px;
  padding:11px;
  border:1px solid #e7ecf3;
  border-radius:18px;
  background:#f8fafc;
}
.shipping-filter-bar .form-control{min-width:0;min-height:41px;border-color:#e0e6ef;background:#fff}
.shipping-filter-bar .quick-date-buttons{grid-column:1/-1}
.shipping-filter-bar .quick-date-btn{min-height:34px;padding:7px 11px;border-radius:11px;font-size:10px}
.shipping-table-wrap{max-height:720px;border-color:#e5eaf1;border-radius:18px}
.shipping-table{min-width:1320px}
.shipping-table thead th{
  position:sticky;top:0;z-index:3;background:#f8fafc;color:#758096;font-size:10px;font-weight:850;border-bottom-color:#e5eaf1;
}
.shipping-table tbody td{font-size:11px;vertical-align:middle;border-bottom-color:#eef2f6}
.shipping-table tbody tr{transition:background .16s ease}
.shipping-table tbody tr:hover{background:#f8fbff}
.shipping-invoice-cell a{color:#1d4ed8;text-decoration:none}
.shipping-invoice-cell a:hover{text-decoration:underline}
.shipping-invoice-cell strong{font-size:12px;font-weight:880}
.shipping-invoice-cell small,.shipping-table td>small{display:block;margin-top:4px}
.shipping-tracking-no{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}
.shipping-untracked-text{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:10px;font-weight:850}
.shipping-updated-at{white-space:nowrap;font-size:9px!important}
.shipping-quick-form{display:grid;grid-template-columns:minmax(175px,1fr) auto;gap:6px;align-items:center;min-width:260px}
.shipping-status-select{min-height:36px!important;padding:7px 9px!important;border-radius:11px!important;font-size:10px!important;font-weight:750}
.shipping-quick-form .btn{min-height:36px;white-space:nowrap}
.shipping-public-link{
  display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #dbeafe;border-radius:10px;
  background:#f4f8ff;color:#1d4ed8;font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap;
}
.shipping-public-link:hover{background:#eef5ff;color:#1e40af}
.shipping-public-code{display:block;margin-top:5px!important;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}
.shipping-row-actions{display:flex;gap:5px;align-items:center;white-space:nowrap}
.shipping-row-actions .btn{border-radius:10px}

@media(max-width:1360px){
  .shipping-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shipping-filter-bar{grid-template-columns:minmax(220px,1.2fr) minmax(190px,.8fr) 145px 145px auto}
}
@media(max-width:980px){
  .shipping-summary-grid{grid-template-columns:1fr 1fr}
  .shipping-stat-total{grid-column:1/-1}
  .shipping-page-heading{align-items:flex-start;flex-direction:column}
  .shipping-filter-bar{grid-template-columns:1fr 1fr}
  .shipping-filter-bar .search{grid-column:1/-1}
  .shipping-filter-bar .quick-date-buttons{grid-column:1/-1}
}
@media(max-width:680px){
  .shipping-summary-grid{grid-template-columns:1fr}
  .shipping-stat-total{grid-column:auto}
  .shipping-list-card{padding:15px;border-radius:20px}
  .shipping-filter-bar{grid-template-columns:1fr}
  .shipping-filter-bar>*{grid-column:1!important;width:100%}
  .shipping-filter-bar .quick-date-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .shipping-page-heading .shipping-new-sale{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .shipping-stat,.shipping-table tbody tr{transition:none!important}
}
@media print{
  .shipping-modern-shell::before,.shipping-page-heading,.shipping-summary-grid,.shipping-filter-bar{display:none!important}
  .shipping-list-card{box-shadow:none!important;border:0!important;padding:0!important}
}


/* v1.7.7.28 — Shipping phone cleanup + mobile-first Shipping/Order Tracking UI */
.shipping-phone-line,
.shipment-contact-phone{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:6px;
}
.shipping-phone-number,
.shipment-contact-phone>span{
  color:#172033;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;
  font-weight:850;
  letter-spacing:.025em;
  white-space:nowrap;
}
.shipping-copy-phone,
.shipment-phone-copy-btn{
  appearance:none;
  border:1px solid #dbe7f7;
  border-radius:9px;
  background:#f4f8ff;
  color:#2563eb;
  min-height:28px;
  padding:4px 8px;
  font:inherit;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.shipping-copy-phone:hover,
.shipment-phone-copy-btn:hover{background:#eaf2ff;border-color:#bfd4fa;color:#1d4ed8}
.shipping-copy-phone.is-copied,
.shipment-phone-copy-btn.is-copied{background:#ecfdf5;border-color:#bbf7d0;color:#047857}

/* Invoice > Order Tracking card */
.shipment-card{
  overflow:hidden;
  border:1px solid #e4e9f1!important;
  border-radius:24px!important;
  background:#fff;
  box-shadow:0 14px 38px rgba(15,23,42,.06)!important;
}
.shipment-panel-head{
  gap:14px;
  margin:-19px -19px 16px!important;
  padding:16px 18px;
  border-bottom:1px solid #e9eef4;
  background:linear-gradient(180deg,#fbfdff,#f8fafc);
}
.shipment-panel-head h2{margin:0;color:#172033;font-size:19px;font-weight:880;letter-spacing:-.025em}
.shipment-panel-head .muted{margin-top:5px;font-size:11px;line-height:1.55}
.shipment-head-actions{justify-content:flex-end;gap:6px;flex-wrap:wrap}
.shipment-head-actions .btn{border-radius:11px}
.shipment-contact-strip{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:15px;
  padding:12px 14px;
  border:1px solid #e5eaf1;
  border-radius:17px;
  background:linear-gradient(145deg,#f8fbff,#fff);
}
.shipment-contact-icon{
  display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;
  background:#eaf2ff;color:#2563eb;font-size:18px;font-weight:900;
}
.shipment-contact-copy{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.shipment-contact-copy>small{width:100%;color:#7b8799;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.shipment-contact-copy>strong{color:#172033;font-size:12px;font-weight:880}
.shipment-contact-phone{margin-top:0}
.shipment-form{gap:14px}
.shipment-form .form-row-3{gap:11px}
.shipment-form .form-control{border-radius:12px;border-color:#dfe6ef;background:#fff}
.shipment-form .form-control:focus{border-color:#8bb4ff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.shipment-address-group{grid-column:span 2}
.shipment-phone-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;letter-spacing:.03em}
.shipment-save-button{min-height:44px;border-radius:13px;font-weight:850}
.shipment-event-box{background:linear-gradient(180deg,#fbfdff,#f8fafc);border-color:#e5eaf1}
.shipment-link-admin{background:linear-gradient(145deg,#fbfdff,#f8fbff);border-color:#dce6f4}
.shipment-timeline{padding-top:4px}
.shipment-event-content{box-shadow:0 5px 16px rgba(15,23,42,.035)}

@media(max-width:760px){
  /* Shipping Manager becomes native mobile cards instead of a 1320px horizontal table. */
  .shipping-modern-shell{gap:12px}
  .shipping-page-heading h2{font-size:27px}
  .shipping-page-heading p{font-size:11px;line-height:1.55}
  .shipping-summary-grid{grid-template-columns:1fr 1fr!important;gap:8px}
  .shipping-stat-total{grid-column:1/-1!important}
  .shipping-stat{min-height:104px;padding:14px;border-radius:19px}
  .shipping-stat .stat-value{font-size:25px;margin-top:5px}
  .shipping-stat .stat-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:15px}
  .shipping-stat small{font-size:8px}
  .shipping-list-card{padding:12px!important;border-radius:19px!important}
  .shipping-list-head{align-items:flex-start;gap:8px}
  .shipping-list-head .muted{font-size:10px;line-height:1.5}
  .shipping-filter-bar{padding:9px;border-radius:15px}
  .shipping-filter-bar .form-control,.shipping-filter-bar>.btn{min-height:42px}

  .shipping-table-wrap{max-height:none;overflow:visible;border:0;background:transparent}
  .shipping-table{display:block;width:100%;min-width:0!important;border:0;background:transparent}
  .shipping-table thead{display:none}
  .shipping-table tbody{display:grid;gap:11px}
  .shipping-table tbody tr.shipping-order-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    overflow:hidden;
    border:1px solid #e3e9f1;
    border-radius:18px;
    background:#fff;
    box-shadow:0 9px 24px rgba(15,23,42,.05);
  }
  .shipping-table tbody tr.shipping-order-row:hover{background:#fff}
  .shipping-table tbody tr.shipping-order-row>td{
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:flex-start;
    gap:4px;
    padding:10px 12px;
    border:0;
    border-bottom:1px solid #eef2f6;
    font-size:11px;
  }
  .shipping-table tbody tr.shipping-order-row>td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:2px;
    color:#94a3b8;
    font-size:8px;
    font-weight:850;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  .shipping-table .shipping-invoice-cell{grid-column:1/-1;padding:12px 13px!important;background:#f8fbff}
  .shipping-table .shipping-invoice-cell::before{display:none}
  .shipping-table .shipping-invoice-cell strong{font-size:14px}
  .shipping-table .shipping-customer-cell,
  .shipping-table .shipping-carrier-cell,
  .shipping-table .shipping-quick-update-cell,
  .shipping-table .shipping-public-cell,
  .shipping-table .shipping-actions-cell{grid-column:1/-1}
  .shipping-table .shipping-status-cell{border-right:1px solid #eef2f6!important}
  .shipping-table .shipping-actions-cell{border-bottom:0!important}
  .shipping-phone-line{justify-content:flex-start}
  .shipping-phone-number{font-size:13px}
  .shipping-copy-phone{min-height:30px;padding-inline:10px}
  .shipping-quick-form{grid-template-columns:minmax(0,1fr) auto;min-width:0;width:100%}
  .shipping-status-select{width:100%;font-size:11px!important}
  .shipping-public-link{align-self:flex-start;white-space:normal}
  .shipping-public-code{font-size:10px}
  .shipping-row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;white-space:normal}
  .shipping-row-actions .btn{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center}
  .shipping-table tbody>tr:not(.shipping-order-row) td.empty{display:block;padding:24px;border:1px dashed #dfe6ef;border-radius:16px}

  /* Invoice Order Tracking is one-column and touch friendly. */
  .shipment-card{padding:14px!important;border-radius:20px!important}
  .shipment-panel-head{align-items:flex-start;flex-direction:column;margin:-14px -14px 13px!important;padding:14px}
  .shipment-panel-head h2{font-size:17px}
  .shipment-head-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;justify-content:stretch}
  .shipment-head-actions>.badge{grid-column:1/-1;justify-self:start}
  .shipment-head-actions .btn{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center}
  .shipment-contact-strip{align-items:flex-start;padding:11px;border-radius:15px}
  .shipment-contact-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  .shipment-contact-copy{display:block;flex:1}
  .shipment-contact-copy>small{margin-bottom:4px}
  .shipment-contact-copy>strong{display:block;font-size:13px}
  .shipment-contact-phone{justify-content:space-between;margin-top:7px}
  .shipment-contact-phone>span{font-size:14px}
  .shipment-phone-copy-btn{min-height:32px;padding-inline:11px}
  .shipment-form .form-row-3,
  .shipment-form>.grid.grid-2{display:grid!important;grid-template-columns:1fr!important;gap:10px}
  .shipment-address-group{grid-column:1!important}
  .shipment-form .form-group{min-width:0}
  .shipment-form .form-control{width:100%;min-height:43px;font-size:14px}
  .shipment-event-box{padding:12px;border-radius:15px}
  .shipment-event-box .form-row{grid-template-columns:1fr!important}
  .shipment-save-button{width:100%;min-height:48px;font-size:14px}
  .shipment-slip-grid{grid-template-columns:1fr 1fr;gap:8px}
  .shipment-slip-item img{height:120px}
  .shipment-link-admin{gap:10px;padding:11px;overflow:hidden}
  .shipment-link-admin>div{min-width:0;width:100%}
  .shipment-public-link{display:block;width:100%;overflow-wrap:anywhere;word-break:break-all;font-size:10px}
  .shipment-link-admin form,.shipment-link-admin .btn{width:100%}
  .shipment-timeline{margin-top:17px}
  .shipment-event{gap:8px;padding-bottom:13px}
  .shipment-event-content{padding:10px 11px;border-radius:13px}
  .shipment-event-head{gap:5px}
  .shipment-event-head strong{font-size:11px}
  .shipment-event-head time{font-size:9px}
}

@media(max-width:440px){
  .shipping-summary-grid{grid-template-columns:1fr 1fr!important}
  .shipping-stat{min-height:96px;padding:12px}
  .shipping-stat .stat-label{font-size:9px}
  .shipping-stat .stat-value{font-size:23px}
  .shipping-stat .stat-icon{width:34px;height:34px;flex-basis:34px}
  .shipping-table tbody tr.shipping-order-row{grid-template-columns:1fr 1fr;border-radius:16px}
  .shipping-table tbody tr.shipping-order-row>td{padding:9px 10px}
  .shipping-quick-form{grid-template-columns:1fr}
  .shipping-quick-form .btn{width:100%}
  .shipment-head-actions{grid-template-columns:1fr}
  .shipment-head-actions>.badge{grid-column:1}
  .shipment-slip-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .shipping-copy-phone,.shipment-phone-copy-btn{transition:none!important}
}


/* v1.7.7.29 — Shipping mobile layout hardening */
.shipping-mobile-list{display:none}
.shipping-mobile-card{
  border:1px solid #e3e9f1;
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(15,23,42,.055);
}
.shipping-mobile-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:14px;
  background:linear-gradient(145deg,#f8fbff,#fff);
  border-bottom:1px solid #edf1f6;
}
.shipping-mobile-invoice{min-width:0}
.shipping-mobile-invoice a{color:#1d4ed8;text-decoration:none;font-size:15px;font-weight:900}
.shipping-mobile-invoice small{display:block;margin-top:3px;color:#8792a5;font-size:10px}
.shipping-mobile-status{flex:0 0 auto}
.shipping-mobile-body{display:grid;gap:0}
.shipping-mobile-section{
  padding:12px 14px;
  border-bottom:1px solid #eef2f6;
}
.shipping-mobile-section:last-child{border-bottom:0}
.shipping-mobile-label{
  display:block;
  margin-bottom:5px;
  color:#94a3b8;
  font-size:9px;
  font-weight:850;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.shipping-mobile-value{color:#172033;font-size:12px;font-weight:800;line-height:1.5}
.shipping-mobile-meta{display:grid;grid-template-columns:1fr 1fr}
.shipping-mobile-meta>.shipping-mobile-section:nth-child(odd){border-right:1px solid #eef2f6}
.shipping-mobile-carrier strong{display:block;color:#172033;font-size:12px}
.shipping-mobile-carrier small{display:block;margin-top:3px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow-wrap:anywhere}
.shipping-mobile-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.shipping-mobile-quick .form-control{min-height:44px!important;font-size:12px!important;border-radius:12px!important}
.shipping-mobile-quick .btn{min-height:44px;border-radius:12px;padding-inline:14px}
.shipping-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shipping-mobile-actions .btn,.shipping-mobile-actions .shipping-public-link{
  width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;white-space:normal;text-align:center;
}
.shipping-mobile-actions .shipping-public-link{padding:9px 10px}
.shipping-mobile-code{display:block;margin-top:6px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.04em;text-align:center}
.shipping-mobile-empty{padding:24px;border:1px dashed #dce4ee;border-radius:17px;background:#fbfdff;text-align:center;color:#7b8799;font-size:12px}

@media(max-width:820px){
  .shipping-modern-shell{gap:12px}
  .shipping-page-heading{align-items:stretch;flex-direction:column;gap:10px}
  .shipping-page-heading h2{font-size:22px!important;line-height:1.25}
  .shipping-page-heading p{font-size:11px;line-height:1.55}
  .shipping-eyebrow{align-self:flex-start;min-height:24px;padding:4px 8px;font-size:8px}
  .shipping-new-sale{width:100%;min-height:44px}

  .shipping-summary-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .shipping-summary-grid .shipping-stat{grid-column:auto!important;min-height:94px;padding:12px;border-radius:18px}
  .shipping-summary-grid .shipping-stat-total{grid-column:1/-1!important}
  .shipping-stat .stat-label{font-size:9px}
  .shipping-stat .stat-value{font-size:24px;margin-top:4px}
  .shipping-stat small{font-size:8px;line-height:1.35}
  .shipping-stat .stat-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;font-size:14px}

  .shipping-list-card{padding:12px!important;border-radius:19px!important}
  .shipping-list-head{gap:8px;align-items:flex-start!important}
  .shipping-list-head h2{font-size:16px}
  .shipping-list-head .muted{font-size:10px;line-height:1.45}
  .shipping-result-count{min-height:28px;padding:5px 9px;font-size:9px}

  .shipping-filter-bar{display:grid!important;grid-template-columns:1fr!important;gap:8px;padding:9px;border-radius:15px}
  .shipping-filter-bar .form-control,.shipping-filter-bar>.btn{width:100%;min-height:44px}
  .shipping-filter-bar .quick-date-buttons{grid-column:1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%}
  .shipping-filter-bar .quick-date-btn{width:100%;min-height:38px;justify-content:center}

  /* Use a dedicated mobile card list instead of shrinking the desktop table. */
  .shipping-table-wrap{display:none!important}
  .shipping-mobile-list{display:grid;gap:11px}
  .shipping-phone-number{font-size:14px}
  .shipping-copy-phone{min-height:32px;padding:5px 11px;font-size:10px}
  .shipping-phone-line{margin-top:5px}
}

@media(max-width:440px){
  .shipping-summary-grid{grid-template-columns:1fr 1fr!important}
  .shipping-summary-grid .shipping-stat{min-height:88px;padding:11px}
  .shipping-mobile-card{border-radius:17px}
  .shipping-mobile-card-head{padding:12px}
  .shipping-mobile-section{padding:11px 12px}
  .shipping-mobile-meta{grid-template-columns:1fr}
  .shipping-mobile-meta>.shipping-mobile-section:nth-child(odd){border-right:0}
  .shipping-mobile-quick{grid-template-columns:1fr}
  .shipping-mobile-quick .btn{width:100%}
  .shipping-mobile-actions{grid-template-columns:1fr 1fr}
}

/* v1.7.7.35 — Expense Center redesign (One UI 8.5 / iOS 27 inspired) */
.expenses-v35-shell{
  --expense-blue:#2563eb;
  --expense-ink:#162033;
  --expense-muted:#748096;
  --expense-border:rgba(148,163,184,.22);
  --expense-shadow:0 14px 36px rgba(15,23,42,.06);
  width:100%;
  max-width:none;
  margin:0;
  display:grid;
  gap:16px;
}
.expense-v35-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:2px 2px 0;
}
.expense-v35-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  margin-bottom:7px;
  padding:5px 10px;
  border:1px solid #dbeafe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.expense-v35-heading h2{
  margin:0;
  color:var(--expense-ink);
  font-size:clamp(25px,2.1vw,34px);
  font-weight:850;
  letter-spacing:-.04em;
}
.expense-v35-heading p{
  margin:6px 0 0;
  color:var(--expense-muted);
  font-size:13px;
}
.expense-v35-new{
  min-height:44px;
  padding:10px 16px;
  border-radius:14px;
  box-shadow:0 9px 22px rgba(37,99,235,.16);
  white-space:nowrap;
}
.expense-v35-btn-icon{font-size:18px;line-height:1}

.expense-v35-filter-card{
  padding:12px;
  border:1px solid var(--expense-border);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 28px rgba(15,23,42,.045);
  backdrop-filter:blur(16px);
}
.expense-v35-filter-form{
  display:grid;
  grid-template-columns:145px 145px minmax(170px,.72fr) minmax(240px,1.35fr) auto auto;
  gap:9px;
  align-items:end;
}
.expense-v35-field{margin:0;min-width:0}
.expense-v35-field>span{
  display:block;
  margin:0 0 6px 3px;
  color:#64748b;
  font-size:11px;
  font-weight:750;
}
.expense-v35-filter-form .form-control{
  min-height:42px;
  border-color:#e0e6ef;
  border-radius:13px;
  background:#fff;
  font-size:13px;
}
.expense-v35-filter-form .form-control:focus{
  border-color:#93b4ff;
  box-shadow:0 0 0 4px rgba(37,99,235,.075);
}
.expense-v35-apply,.expense-v35-reset{min-height:42px;white-space:nowrap}
.expense-v35-quick-ranges{
  grid-column:1/-1;
  padding-top:2px;
}
.expense-v35-quick-ranges .quick-date-buttons{gap:7px!important}
.expense-v35-quick-ranges .quick-date-btn{
  min-height:34px;
  padding:7px 11px;
  border-radius:11px;
  font-size:11px;
}

.expense-v35-kpi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:12px;
}
.expense-v35-kpi{
  position:relative;
  min-width:0;
  min-height:112px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  overflow:hidden;
  padding:17px;
  border:1px solid var(--expense-border);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,252,255,.96));
  box-shadow:var(--expense-shadow);
}
.expense-v35-kpi::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-34px;
  width:90px;
  height:90px;
  border-radius:999px;
  background:var(--expense-kpi-soft,#eef4ff);
  opacity:.72;
  pointer-events:none;
}
.expense-v35-kpi-copy{min-width:0;position:relative;z-index:1}
.expense-v35-kpi-label{
  display:block;
  color:#778399;
  font-size:11px;
  font-weight:750;
}
.expense-v35-kpi strong{
  display:block;
  margin-top:7px;
  color:var(--expense-kpi-accent,#172033);
  font-size:26px;
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.expense-v35-kpi strong.expense-v35-kpi-text{font-size:19px;letter-spacing:-.02em}
.expense-v35-kpi small{
  display:block;
  margin-top:7px;
  color:#667085;
  font-size:11px;
  line-height:1.45;
}
.expense-v35-kpi-icon{
  position:relative;
  z-index:1;
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--expense-kpi-icon-bg,#edf4ff);
  color:var(--expense-kpi-icon-color,#2563eb);
  font-size:19px;
  font-weight:800;
}
.expense-v35-kpi-total{--expense-kpi-soft:#fff0e7;--expense-kpi-icon-bg:#fff4eb;--expense-kpi-icon-color:#d97706;--expense-kpi-accent:#b45309}
.expense-v35-kpi-count{--expense-kpi-soft:#edf4ff;--expense-kpi-icon-bg:#eef5ff;--expense-kpi-icon-color:#2563eb;--expense-kpi-accent:#1d4ed8}
.expense-v35-kpi-category{--expense-kpi-soft:#f1ecff;--expense-kpi-icon-bg:#f4f0ff;--expense-kpi-icon-color:#7c3aed;--expense-kpi-accent:#6d28d9}
.expense-v35-kpi-linked{--expense-kpi-soft:#e8faf2;--expense-kpi-icon-bg:#ebfbf4;--expense-kpi-icon-color:#059669;--expense-kpi-accent:#047857}

.expense-v35-category-card,.expense-v35-list-card{
  padding:18px;
  border:1px solid var(--expense-border);
  border-radius:24px;
  background:rgba(255,255,255,.95);
  box-shadow:var(--expense-shadow);
}
.expense-v35-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:15px;
}
.expense-v35-section-head h3{
  position:relative;
  margin:0;
  padding-left:13px;
  color:var(--expense-ink);
  font-size:17px;
  font-weight:850;
  letter-spacing:-.02em;
}
.expense-v35-section-head h3::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:4px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,#3b82f6,#7c3aed);
  transform:translateY(-50%);
}
.expense-v35-section-head p{
  margin:5px 0 0;
  color:#7b8799;
  font-size:11px;
}
.expense-v35-split-totals{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.expense-v35-split-totals>span{
  min-width:128px;
  padding:9px 12px;
  border:1px solid #e8edf4;
  border-radius:14px;
  background:#f8fafc;
}
.expense-v35-split-totals small{
  display:block;
  color:#7b8799;
  font-size:9px;
  font-weight:750;
}
.expense-v35-split-totals strong{
  display:block;
  margin-top:3px;
  color:#253047;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.expense-v35-category-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:9px;
}
.expense-v35-category-item{
  min-width:0;
  padding:13px;
  border:1px solid #e7ecf3;
  border-radius:17px;
  background:linear-gradient(145deg,#fbfdff,#f8fafc);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.expense-v35-category-item:hover{
  transform:translateY(-1px);
  border-color:#cfdcf0;
  box-shadow:0 8px 20px rgba(15,23,42,.045);
}
.expense-v35-category-top,.expense-v35-category-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.expense-v35-category-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#334155;
  font-size:12px;
  font-weight:800;
}
.expense-v35-category-top strong{
  color:#172033;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.expense-v35-progress{
  height:7px;
  margin:10px 0 7px;
  overflow:hidden;
  border-radius:999px;
  background:#e9eef5;
}
.expense-v35-progress>span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3b82f6,#7c3aed);
}
.expense-v35-category-meta{
  color:#8490a3;
  font-size:9.5px;
}
.expense-v35-empty{
  padding:28px 16px;
  border:1px dashed #d9e1ec;
  border-radius:16px;
  background:#fafcff;
  color:#7b8799;
  text-align:center;
  font-size:12px;
}

.expense-v35-list-total{
  min-width:120px;
  text-align:right;
}
.expense-v35-list-total span{
  display:block;
  color:#7b8799;
  font-size:10px;
}
.expense-v35-list-total strong{
  display:block;
  margin-top:3px;
  color:#b45309;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}
.expense-v35-table-wrap{
  max-height:680px;
  border-color:#e5eaf1;
  border-radius:18px;
  background:#fff;
}
.expense-v35-table{min-width:1120px}
.expense-v35-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  padding:11px 12px;
  border-bottom-color:#e5eaf1;
  background:#f8fafc;
  color:#718096;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.01em;
}
.expense-v35-table tbody td{
  padding:11px 12px;
  border-bottom-color:#edf1f5;
  color:#334155;
  font-size:12px;
  vertical-align:middle;
}
.expense-v35-table tbody tr{transition:background .15s ease}
.expense-v35-table tbody tr:hover{background:#fafcff}
.expense-v35-date{color:#475569;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.expense-v35-category-badge,.expense-v35-method,.expense-v35-muted-pill{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border-radius:999px;
  white-space:nowrap;
  font-size:10px;
  font-weight:800;
}
.expense-v35-category-badge{border:1px solid #fed7aa;background:#fff7ed;color:#b45309}
.expense-v35-method{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8}
.expense-v35-muted-pill{border:1px solid #e2e8f0;background:#f8fafc;color:#64748b}
.expense-v35-description{color:#1f2937;font-weight:750}
.expense-v35-invoice-link{
  display:inline-flex;
  padding:5px 8px;
  border-radius:9px;
  background:#eef5ff;
  color:#1d4ed8;
  font-size:10px;
  font-weight:850;
}
.expense-v35-invoice-link:hover{background:#e1ecff}
.expense-v35-account{color:#475569;font-size:11px}
.expense-v35-amount-col,.expense-v35-amount{text-align:right!important}
.expense-v35-amount strong{color:#b45309;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.expense-v35-action-col{text-align:center!important}
.expense-v35-actions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}
.expense-v35-actions form{margin:0}
.expense-v35-actions .btn-sm{min-height:31px;padding:6px 9px;border-radius:9px;font-size:10px;white-space:nowrap}

.expense-v35-modal{
  padding:20px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:26px;
  box-shadow:0 28px 80px rgba(15,23,42,.22);
}
.expense-v35-modal-head{
  align-items:flex-start;
  padding-bottom:13px;
  border-bottom:1px solid #edf1f5;
}
.expense-v35-modal-head h3{color:#172033;font-size:20px;font-weight:850}
.expense-v35-modal-head .muted{margin-top:4px;font-size:11px}
.expense-v35-modal .form-control{
  min-height:43px;
  border-color:#dfe6ef;
  border-radius:13px;
}
.expense-v35-modal .form-control:focus{
  border-color:#93b4ff;
  box-shadow:0 0 0 4px rgba(37,99,235,.075);
}
.expense-v35-help{margin-top:6px;font-size:10.5px}
.expense-v35-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:5px;
  padding-top:15px;
  border-top:1px solid #edf1f5;
}

@media(max-width:1280px){
  .expense-v35-filter-form{grid-template-columns:145px 145px minmax(170px,1fr) minmax(220px,1.4fr) auto}
  .expense-v35-reset{grid-column:auto}
}
@media(max-width:1050px){
  .expense-v35-filter-form{grid-template-columns:1fr 1fr}
  .expense-v35-search-field{grid-column:1/-1}
  .expense-v35-apply,.expense-v35-reset{width:100%}
  .expense-v35-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .expense-v35-section-head{align-items:flex-start;flex-direction:column}
  .expense-v35-split-totals{width:100%}
  .expense-v35-split-totals>span{flex:1}
}
@media(max-width:680px){
  .expense-v35-heading{align-items:flex-start;flex-direction:column}
  .expense-v35-heading h2{font-size:27px}
  .expense-v35-new{width:100%}
  .expense-v35-filter-card,.expense-v35-category-card,.expense-v35-list-card{padding:14px;border-radius:20px}
  .expense-v35-filter-form{grid-template-columns:1fr}
  .expense-v35-filter-form>*{grid-column:1!important}
  .expense-v35-quick-ranges .quick-date-buttons{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .expense-v35-quick-ranges .quick-date-btn{width:100%}
  .expense-v35-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}
  .expense-v35-kpi{min-height:102px;padding:13px;border-radius:18px}
  .expense-v35-kpi strong{font-size:21px}
  .expense-v35-kpi strong.expense-v35-kpi-text{font-size:16px}
  .expense-v35-kpi-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px;font-size:16px}
  .expense-v35-kpi small{font-size:9.5px}
  .expense-v35-category-grid{grid-template-columns:1fr}
  .expense-v35-split-totals{display:grid;grid-template-columns:1fr 1fr}
  .expense-v35-list-head{flex-direction:row;align-items:flex-start}
  .expense-v35-modal{padding:15px;border-radius:21px}
  .expense-v35-modal .form-row{grid-template-columns:1fr}
  .expense-v35-modal-actions{position:sticky;bottom:-15px;margin:0 -1px -1px;padding:12px 0 1px;background:#fff}
  .expense-v35-modal-actions .btn{flex:1}
}
@media(max-width:430px){
  .expense-v35-kpi-grid{grid-template-columns:1fr}
  .expense-v35-split-totals{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .expense-v35-category-item,.expense-v35-table tbody tr{transition:none!important}
}
@media print{
  .expense-v35-heading .expense-v35-new,.expense-v35-filter-card{display:none!important}
  .expense-v35-kpi,.expense-v35-category-card,.expense-v35-list-card{box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}
  .expense-v35-table-wrap{max-height:none;overflow:visible}
}


/* v1.7.7.36 — Expense mobile refinement */
.expense-v36-mobile-list{display:none}
.expense-v36-mobile-card{
  border:1px solid #e5eaf1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
  overflow:hidden;
}
.expense-v36-mobile-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px 12px;
  border-bottom:1px solid #edf1f5;
  background:linear-gradient(180deg,#fbfdff,#f8fbff);
}
.expense-v36-mobile-head>div{display:grid;gap:8px;min-width:0}
.expense-v36-mobile-amount{
  color:#b45309;
  font-size:19px;
  font-weight:850;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.expense-v36-mobile-body{padding:13px 14px 12px;display:grid;gap:11px}
.expense-v36-mobile-meta-grid{display:grid;grid-template-columns:1fr;gap:10px}
.expense-v36-mobile-meta-grid small{
  display:block;
  margin-bottom:5px;
  color:#748096;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.expense-v36-mobile-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:0 14px 14px;
}
.expense-v36-mobile-actions form{margin:0}
.expense-v36-mobile-actions .btn{width:100%;min-height:40px;border-radius:12px;font-size:13px}

@media(max-width:680px){
  .expense-v35-heading{gap:12px;padding:0}
  .expense-v35-eyebrow{min-height:24px;padding:4px 9px;font-size:9.5px;margin-bottom:6px}
  .expense-v35-heading h2{font-size:25px;line-height:1.12}
  .expense-v35-heading p{font-size:12px;line-height:1.55;max-width:none}
  .expense-v35-new{min-height:46px;padding:11px 14px;border-radius:15px;font-size:14px;font-weight:700;display:flex}
  .expense-v35-filter-card,.expense-v35-category-card,.expense-v35-list-card{padding:13px;border-radius:18px}
  .expense-v35-field>span{font-size:12px}
  .expense-v35-filter-form .form-control{min-height:44px;font-size:14px;padding:11px 13px}
  .expense-v35-apply,.expense-v35-reset{min-height:44px;font-size:14px}
  .expense-v35-quick-ranges .quick-date-buttons{grid-template-columns:1fr}
  .expense-v35-kpi-grid{grid-template-columns:1fr;gap:10px}
  .expense-v35-kpi{min-height:96px;padding:14px 14px 13px;border-radius:17px}
  .expense-v35-kpi strong{font-size:22px;white-space:normal;line-height:1.08}
  .expense-v35-kpi strong.expense-v35-kpi-text{font-size:17px}
  .expense-v35-kpi small{font-size:10px;line-height:1.45}
  .expense-v35-kpi::after{width:74px;height:74px;right:-18px;bottom:-24px}
  .expense-v35-section-head h3{font-size:16px}
  .expense-v35-split-totals{display:grid;grid-template-columns:1fr;gap:8px}
  .expense-v35-list-head{gap:8px}
  .expense-v35-list-total{text-align:left;min-width:0}
  .expense-v35-table-wrap{display:none}
  .expense-v36-mobile-list{display:grid;gap:11px}
  .expense-v35-modal{width:min(100%,560px);padding:15px;border-radius:20px}
  .expense-v35-modal-head{padding-bottom:11px}
  .expense-v35-modal-head h3{font-size:18px;line-height:1.2}
  .expense-v35-modal-head .muted{font-size:12px;line-height:1.5}
  .expense-v35-modal .form-group{margin-bottom:13px}
  .expense-v35-modal .form-control{min-height:44px;font-size:14px;padding:11px 13px}
  .expense-v35-help{font-size:11px;line-height:1.55}
  .expense-v35-modal-actions{position:sticky;bottom:-15px;margin:0 -1px -1px;padding:12px 0 1px;background:#fff}
  .expense-v35-modal-actions .btn{flex:1;min-height:44px}
}
@media(max-width:430px){
  .expense-v35-heading h2{font-size:23px}
  .expense-v35-heading p{font-size:11.5px}
  .expense-v35-new{font-size:13.5px}
  .expense-v36-mobile-head{flex-direction:column;align-items:flex-start}
  .expense-v36-mobile-amount{font-size:18px}
  .expense-v36-mobile-actions{grid-template-columns:1fr}
  .expense-v35-modal-actions{flex-direction:column}
}

/* =========================================================
   v1.7.7.37 — Reports Clean Modern + Mobile Responsive
   ========================================================= */
.report-v37-shell{
  --report37-ink:#172033;
  --report37-muted:#748096;
  --report37-border:#e7ecf3;
  --report37-soft:#f7f9fc;
  --report37-blue:#246bfd;
  display:grid;
  gap:16px;
  width:100%;
  max-width:none;
}
.report-v37-heading{margin:0;padding:2px 2px 0}
.report-v37-heading-copy{min-width:0}
.report-v37-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.report-v37-heading .report-range-chip{
  min-height:46px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  padding:8px 13px;
  border-radius:15px;
  background:#fff;
}
.report-v37-heading .report-range-chip span{color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.report-v37-heading .report-range-chip strong{color:#334155;font-size:11.5px;font-weight:800;white-space:nowrap}
.report-v37-print{min-height:46px;border:1px solid #e3e9f2;background:#fff}

.report-v37-filter-card{padding:16px 17px;border-radius:22px;background:rgba(255,255,255,.96)}
.report-v37-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.report-v37-filter-head h2{margin:0;color:var(--report37-ink);font-size:16px;font-weight:850;letter-spacing:-.02em}
.report-v37-filter-head p{margin:4px 0 0;color:var(--report37-muted);font-size:11px;line-height:1.5}
.report-v37-income-link{min-height:39px;padding:8px 12px;border-radius:12px;font-size:11px;white-space:nowrap}
.report-v37-filter-form{
  display:grid;
  grid-template-columns:minmax(260px,1.45fr) 170px 170px auto auto;
  gap:9px;
  align-items:end;
}
.report-v37-field{margin:0;min-width:0}
.report-v37-field>span{display:block;margin:0 0 6px 3px;color:#64748b;font-size:10.5px;font-weight:800}
.report-v37-filter-form .form-control{min-height:43px;border-color:#e0e6ef;border-radius:13px;background:#fff;font-size:12.5px}
.report-v37-filter-form .search{min-width:0;width:100%}
.report-v37-apply,.report-v37-clear{min-height:43px;white-space:nowrap}
.report-v37-quick-ranges{grid-column:1/-1;padding-top:2px}
.report-v37-quick-ranges .quick-date-buttons{gap:7px!important}
.report-v37-quick-ranges .quick-date-btn{min-height:33px;padding:6px 11px;border-radius:10px;font-size:10.5px}

.report-v37-section-label{display:flex;align-items:center;gap:9px;margin:3px 2px -4px;min-width:0}
.report-v37-section-label span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#eef4ff;color:#2563eb;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.report-v37-section-label strong{color:#475569;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.report-v37-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0!important}
.report-v37-summary-grid .report-stat{min-height:118px;padding:16px;border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.report-v37-summary-grid .report-stat .stat-label{font-size:10.5px}
.report-v37-summary-grid .report-stat .stat-value{margin-top:8px;font-size:clamp(20px,1.55vw,27px)}
.report-v37-summary-grid .report-stat .stat-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px;font-size:17px}
.report-v37-stat-note{margin-top:6px;color:#94a3b8;font-size:9.5px;font-weight:650;line-height:1.35}

.report-v37-graph-grid{margin:0!important;gap:12px}
.report-v37-shell .report-panel{padding:17px;border-radius:21px;box-shadow:0 11px 30px rgba(15,23,42,.055)}
.report-v37-shell .report-panel>.section-head{margin-bottom:13px}
.report-v37-shell .report-panel>.section-head h2{font-size:15.5px}
.report-v37-shell .report-panel>.section-head .muted{margin-top:4px;font-size:10.5px;line-height:1.5}
.report-v37-shell .report-chart-scroll{border-radius:15px;padding:8px 7px 0}
.report-v37-shell .report-line-chart{min-height:245px}
.report-v37-shell .report-chart-caption{font-size:9.5px}
.report-v37-shell .channel-donut-wrap{gap:16px;padding:4px 2px 0}
.report-v37-shell .channel-donut{width:min(184px,70vw)}
.report-v37-shell .channel-donut-center strong{font-size:27px}
.report-v37-shell .channel-donut-legend>div{padding:9px 10px;border:1px solid #edf1f6;background:#fafcff}

.report-v37-channel-card{margin:0!important}
.report-v37-channel-card .section-head{align-items:flex-start}
.report-v37-channel-card .grid{gap:10px}
.report-v37-channel-card .grid>.card{min-height:102px;padding:14px 15px;border-radius:16px;background:#fbfcfe}
.report-v37-channel-card .grid>.card .stat-label{font-size:11px}
.report-v37-channel-card .grid>.card .stat-value{margin-top:6px;font-size:22px}
.report-v37-channel-card .grid>.card .muted{font-size:10px;margin-top:5px;line-height:1.45}
.report-v37-channel-card .grid>.card .stat-icon{width:38px;height:38px;border-radius:12px;font-size:17px}

.report-v37-invoice-card{margin:0!important}
.report-v37-invoice-card>.table-wrap{border-radius:15px}
.report-v37-invoice-card .invoice-profit-table{min-width:1060px}
.report-v37-invoice-card .invoice-profit-table th{padding:10px 11px}
.report-v37-invoice-card .invoice-profit-table td{padding:10px 11px;font-size:11.5px}
.report-v37-mobile-list{display:none}

.report-v37-cash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0!important}
.report-v37-cash-grid .report-cash-stat{min-height:103px;padding:15px;border-radius:18px;box-shadow:0 9px 25px rgba(15,23,42,.05)}
.report-v37-cash-grid .stat-label{font-size:10.5px}
.report-v37-cash-grid .stat-value{font-size:22px;margin-top:7px}
.report-v37-cash-grid .stat-icon{width:38px;height:38px;border-radius:12px;font-size:16px}

.report-v37-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0!important}
.report-v37-detail-grid .report-panel{min-width:0}
.report-v37-detail-grid .kpi-item{min-height:45px;padding:9px 10px}
.report-v37-detail-grid .kpi-item span{font-size:11px}
.report-v37-detail-grid .kpi-item strong{font-size:12px}
.report-v37-detail-grid .top-product-bar-row{padding:8px 9px;border:1px solid #edf1f5;background:#fafbfd}

.report-v37-account-card,.report-v37-daily-card{margin:0!important}
.report-v37-account-card .section-head,.report-v37-daily-card .section-head{align-items:flex-start}
.report-v37-account-card .table-wrap,.report-v37-daily-card .table-wrap{border-radius:15px}
.report-v37-account-card table,.report-v37-daily-card table{min-width:760px}
.report-v37-account-card th,.report-v37-daily-card th{padding:10px 11px}
.report-v37-account-card td,.report-v37-daily-card td{padding:10px 11px}

.report-v37-mobile-card{overflow:hidden;border:1px solid #e6ebf2;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.035)}
.report-v37-mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid #edf1f5;background:linear-gradient(180deg,#fbfdff,#f8fafc)}
.report-v37-mobile-card-head>div{min-width:0;display:grid;gap:3px}
.report-v37-mobile-card-head small{color:#94a3b8;font-size:9.5px;font-weight:700}
.report-v37-mobile-card-head strong{font-size:13px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-v37-mobile-primary{font-size:15px!important;white-space:nowrap!important}
.report-v37-mobile-customer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px 0;color:#475569;font-size:11.5px;font-weight:750}
.report-v37-mobile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 13px 12px}
.report-v37-mobile-metrics span{min-width:0;padding:8px 9px;border-radius:12px;background:#f8fafc;border:1px solid #edf1f5}
.report-v37-mobile-metrics small{display:block;color:#94a3b8;font-size:9px;font-weight:750}
.report-v37-mobile-metrics strong{display:block;margin-top:3px;color:#334155;font-size:11.5px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-v37-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 13px 13px}
.report-v37-mobile-actions .btn{min-height:38px;border-radius:11px;font-size:11px}
.report-v37-account-mobile-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #e7ecf3;border-radius:14px;background:#fbfcfe}
.report-v37-account-mobile-item>div{min-width:0;display:grid;gap:3px}
.report-v37-account-mobile-item>div strong{color:#263247;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-v37-account-mobile-item>div small{color:#94a3b8;font-size:10px}
.report-v37-account-mobile-item>strong{color:#172033;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}

@media(max-width:1380px){
  .report-v37-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-v37-filter-form{grid-template-columns:minmax(220px,1fr) 155px 155px auto}
  .report-v37-clear{grid-column:auto}
}
@media(max-width:1050px){
  .report-v37-filter-form{grid-template-columns:1fr 1fr}
  .report-v37-search-field{grid-column:1/-1}
  .report-v37-apply,.report-v37-clear{width:100%}
  .report-v37-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-v37-detail-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .report-v37-shell{gap:13px}
  .report-v37-heading{align-items:flex-start;flex-direction:column;gap:12px;margin:0}
  .report-v37-heading-actions{width:100%;display:grid;grid-template-columns:1fr auto}
  .report-v37-heading .report-range-chip{width:100%;min-width:0}
  .report-v37-filter-card{padding:14px;border-radius:19px}
  .report-v37-filter-head{align-items:flex-start;flex-direction:column;gap:10px}
  .report-v37-income-link{width:100%}
  .report-v37-filter-form{grid-template-columns:1fr 1fr}
  .report-v37-search-field{grid-column:1/-1}
  .report-v37-quick-ranges .quick-date-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  .report-v37-quick-ranges .quick-date-btn{width:100%;padding-inline:6px}
  .report-v37-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .report-v37-summary-grid .report-stat{min-height:108px;padding:14px;border-radius:17px}
  .report-v37-summary-grid .report-stat .stat-value{font-size:21px}
  .report-v37-summary-grid .report-stat .stat-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px;font-size:15px}
  .report-v37-shell .report-panel{padding:14px;border-radius:18px}
  .report-v37-graph-grid{grid-template-columns:1fr}
  .report-v37-shell .channel-donut-wrap{grid-template-columns:auto minmax(180px,1fr);max-width:620px;margin:0 auto}
  .report-v37-channel-card .section-head{flex-direction:column}
  .report-v37-channel-card .section-head .btn{width:100%}
  .report-v37-invoice-card>.table-wrap{display:none}
  .report-v37-mobile-list{display:grid;gap:9px}
  .report-v37-cash-grid{grid-template-columns:1fr 1fr}
  .report-v37-cash-grid .report-cash-stat:last-child{grid-column:1/-1}
  .report-v37-account-card .report-v37-desktop-table,.report-v37-daily-card .report-v37-desktop-table{display:none}
}
@media(max-width:600px){
  .report-v37-heading h2{font-size:26px}
  .report-v37-heading p{font-size:11.5px;line-height:1.55}
  .report-v37-heading-actions{grid-template-columns:1fr}
  .report-v37-print{width:100%}
  .report-v37-filter-form{grid-template-columns:1fr}
  .report-v37-filter-form>*{grid-column:1!important}
  .report-v37-quick-ranges .quick-date-buttons{grid-template-columns:1fr 1fr}
  .report-v37-summary-grid{grid-template-columns:1fr 1fr}
  .report-v37-summary-grid .report-stat{min-height:103px;padding:13px}
  .report-v37-summary-grid .report-stat .stat-label{font-size:10px}
  .report-v37-summary-grid .report-stat .stat-value{font-size:19px}
  .report-v37-stat-note{font-size:8.8px}
  .report-v37-section-label strong{font-size:11px}
  .report-v37-shell .report-chart-legend{gap:8px;font-size:9.5px}
  .report-v37-shell .report-chart-scroll{overflow:hidden;padding:5px 2px 0}
  .report-v37-shell .report-line-chart{min-width:0!important;min-height:205px}
  .report-v37-shell .channel-donut-wrap{grid-template-columns:1fr}
  .report-v37-shell .channel-donut{width:164px}
  .report-v37-channel-card .grid{grid-template-columns:1fr}
  .report-v37-cash-grid{grid-template-columns:1fr}
  .report-v37-cash-grid .report-cash-stat:last-child{grid-column:auto}
  .report-v37-mobile-customer{align-items:flex-start;flex-direction:column}
  .report-v37-mobile-actions{grid-template-columns:1fr 1fr}
  .report-v37-detail-grid .top-product-bar-row{grid-template-columns:28px minmax(0,1fr)}
  .report-v37-detail-grid .top-product-profit{grid-column:2}
  .report-v37-account-card .section-head{flex-direction:column}
  .report-v37-account-card .section-head .btn{width:100%}
}
@media(max-width:430px){
  .report-v37-shell{gap:11px}
  .report-v37-heading h2{font-size:24px}
  .report-v37-filter-card{padding:12px}
  .report-v37-filter-head h2{font-size:15px}
  .report-v37-filter-form .form-control{min-height:44px;font-size:13px}
  .report-v37-apply,.report-v37-clear{min-height:44px}
  .report-v37-summary-grid{grid-template-columns:1fr}
  .report-v37-summary-grid .report-stat{min-height:96px;align-items:flex-start}
  .report-v37-summary-grid .report-stat .stat-value{font-size:21px}
  .report-v37-section-label{align-items:flex-start;flex-direction:column;gap:5px}
  .report-v37-section-label strong{white-space:normal}
  .report-v37-mobile-metrics{grid-template-columns:1fr 1fr}
  .report-v37-mobile-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .report-v37-summary-grid .report-stat{transition:none!important}
}
@media print{
  .report-v37-section-label{display:none!important}
  .report-v37-mobile-list{display:none!important}
  .report-v37-desktop-table,.report-v37-invoice-card>.table-wrap{display:block!important}
  .report-v37-summary-grid{grid-template-columns:repeat(5,1fr)!important;gap:6px!important}
  .report-v37-summary-grid .report-stat{min-height:auto!important;padding:10px!important}
  .report-v37-shell{gap:8px!important}
}

/* v1.7.7.38 — Invoice Create/Edit Workspace: clean, fast and mobile-first */
.invoice-v38-shell{
  --invoice-v38-ink:#172033;
  --invoice-v38-muted:#748096;
  --invoice-v38-line:#e5eaf1;
  --invoice-v38-soft:#f7f9fc;
  --invoice-v38-blue:#246bfd;
  width:100%;
  max-width:1380px;
  margin:0 auto;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid;
  gap:14px;
}
.invoice-v38-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:4px 2px 2px;
}
.invoice-v38-hero-copy{min-width:0}
.invoice-v38-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  margin-bottom:7px;
  border:1px solid #dbeafe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.invoice-v38-hero h2{
  margin:0;
  color:var(--invoice-v38-ink);
  font-size:clamp(27px,2.2vw,36px);
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.045em;
}
.invoice-v38-hero p{margin:7px 0 0;color:var(--invoice-v38-muted);font-size:12.5px;line-height:1.55}
.invoice-v38-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.invoice-v38-key-hint{color:#8a96a9;font-size:10px;font-weight:700;white-space:nowrap}
.invoice-v38-hero-actions .btn{min-height:42px;border-radius:13px;padding-inline:15px}
.invoice-v38-edit-alert{margin:0;border:1px solid #caefe0;border-radius:15px}

.invoice-v38-section{
  padding:17px;
  border:1px solid var(--invoice-v38-line);
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(15,23,42,.045);
}
.invoice-v38-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.invoice-v38-section-head.compact{margin-bottom:12px}
.invoice-v38-section-title{display:flex;align-items:flex-start;gap:10px;min-width:0}
.invoice-v38-step{
  flex:0 0 32px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#edf4ff;
  color:#2563eb;
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.invoice-v38-section-title h3{margin:0;color:var(--invoice-v38-ink);font-size:16px;font-weight:880;line-height:1.25;letter-spacing:-.02em}
.invoice-v38-section-title p{margin:4px 0 0;color:var(--invoice-v38-muted);font-size:10.5px;line-height:1.5}
.invoice-v38-meta-grid{
  display:grid;
  grid-template-columns:minmax(320px,1.55fr) minmax(180px,.78fr) minmax(150px,.67fr) minmax(180px,.78fr);
  gap:11px 12px;
  align-items:start;
}
.invoice-v38-meta-grid .form-group{margin:0;min-width:0}
.invoice-v38-customer-field{grid-column:span 2}
.invoice-v38-shell label{margin-bottom:6px;color:#566277;font-size:11.5px;font-weight:800}
.invoice-v38-shell .form-control{
  min-height:44px;
  border:1px solid #dfe6ef;
  border-radius:13px;
  background:#fff;
  padding:10px 12px;
  font-size:13px;
  color:#172033;
  box-shadow:0 1px 0 rgba(15,23,42,.015);
}
.invoice-v38-shell .form-control:focus{border-color:#8bb4ff;box-shadow:0 0 0 4px rgba(37,99,235,.075)}
.invoice-v38-shell .customer-search-input{height:50px;padding-left:44px;padding-right:42px;font-size:14px}
.invoice-v38-shell .customer-picker-status{margin-top:6px;font-size:10.5px}
.invoice-v38-shell .quick-customer-open{min-height:31px;border-radius:10px;font-size:10px;padding:6px 9px}

.invoice-v38-products-section.sale-product-section{
  margin-top:14px!important;
  padding:17px!important;
  border:1px solid var(--invoice-v38-line)!important;
  border-radius:22px!important;
  background:#fff!important;
}
.invoice-v38-item-count{min-height:29px;padding:6px 10px;font-size:10.5px;white-space:nowrap}
.invoice-v38-product-finder.sale-product-finder{
  padding:12px;
  border:1px solid #e3e9f1;
  border-radius:17px!important;
  background:linear-gradient(180deg,#f9fbff,#f7f9fc);
  box-shadow:none;
}
.invoice-v38-product-finder .finder-search-input{height:50px;padding-left:44px;padding-right:42px;font-size:14px;font-weight:650}
.invoice-v38-product-finder .finder-category{height:50px;font-size:12.5px}
.invoice-v38-product-finder .finder-search-icon{left:15px;font-size:20px}
.invoice-v38-product-finder .finder-clear{width:31px;height:31px;right:9px;border-radius:10px;font-size:18px}
.invoice-v38-shortcuts{margin-top:8px;gap:12px;font-size:9.5px}
.invoice-v38-items.sale-selected-items{margin-top:12px;gap:9px}
.invoice-v38-items .sale-item-row{
  padding:12px;
  border:1px solid #e6ebf2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 4px 14px rgba(15,23,42,.025);
}
.invoice-v38-items .selected-product-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:13px}
.invoice-v38-items .selected-product-copy strong{font-size:12.5px;color:#263247}
.invoice-v38-items .selected-product-copy>small{font-size:10px}
.invoice-v38-items .selected-product-meta{gap:5px;margin-top:5px}
.invoice-v38-items .selected-product-meta span{padding:3px 6px;font-size:9px;background:#f5f7fa}
.invoice-v38-items .sale-item-row label{font-size:10px;margin-bottom:5px}
.invoice-v38-items .sale-item-row .form-control{min-height:40px;padding:8px 9px;font-size:12px;border-radius:11px}
.invoice-v38-items .line-total{background:#f8fafc;font-weight:850;color:#1e293b}
.invoice-v38-items .remove-row{width:40px;height:40px;min-height:40px;padding:0;border-radius:11px;font-size:17px}
.sale-v38-qty-control{
  display:grid;
  grid-template-columns:34px minmax(46px,1fr) 34px;
  align-items:stretch;
  overflow:hidden;
  border:1px solid #dfe6ef;
  border-radius:11px;
  background:#fff;
}
.sale-v38-qty-control button{
  border:0;
  background:#f3f6fa;
  color:#334155;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
}
.sale-v38-qty-control button:active{background:#e8eef7}
.sale-v38-qty-control .form-control{
  min-width:0;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding-inline:3px!important;
  text-align:center;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  -moz-appearance:textfield;
}
.sale-v38-qty-control .form-control::-webkit-outer-spin-button,
.sale-v38-qty-control .form-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sale-v38-serial-details{
  margin-top:1px;
  padding:0;
  border:0;
}
.sale-v38-serial-details summary{
  display:inline-flex;
  align-items:center;
  gap:5px;
  cursor:pointer;
  color:#64748b;
  font-size:10px;
  font-weight:800;
  list-style:none;
  user-select:none;
}
.sale-v38-serial-details summary::-webkit-details-marker{display:none}
.sale-v38-serial-details summary::before{content:"＋";display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#f0f4f9;color:#526078;font-size:11px}
.sale-v38-serial-details[open] summary::before{content:"−"}
.sale-v38-serial-details textarea{margin-top:8px;resize:vertical}
.invoice-v38-items .sale-items-empty{min-height:125px;border-radius:15px;padding:20px;font-size:11px}
.invoice-v38-items .empty-cart-icon{width:40px;height:40px;border-radius:13px;font-size:19px}

.invoice-v38-bottom-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:14px;margin-top:14px}
.invoice-v38-bottom-grid .invoice-v38-section{height:100%}
.invoice-v38-notes-field{margin:0}
.invoice-v38-notes-field textarea{min-height:176px;resize:vertical;line-height:1.55}
.invoice-v38-money-row{gap:9px}
.invoice-v38-money-row .form-group{margin-bottom:10px}
.invoice-v38-quick-pay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}
.invoice-v38-chip{
  min-height:36px;
  border:1px solid #dfe6ef;
  border-radius:11px;
  background:#f8fafc;
  color:#475569;
  padding:7px 9px;
  font:inherit;
  font-size:10.5px;
  font-weight:800;
  cursor:pointer;
}
.invoice-v38-chip:hover{border-color:#bed0ee;background:#f2f6ff;color:#1d4ed8}
.invoice-v38-paid-input{font-weight:850;font-variant-numeric:tabular-nums}
.invoice-v38-payment-card>.form-group{margin-bottom:10px}
.invoice-v38-slip-field{margin-bottom:11px!important}
.invoice-v38-slip-field small,.invoice-v38-payment-card .form-group>small{display:block;margin-top:5px;font-size:9.5px;line-height:1.45}
.invoice-v38-summary-box.summary-box{
  width:100%;
  margin:3px 0 0;
  padding:13px 14px;
  border:1px solid #e3e9f1;
  border-radius:15px;
  background:linear-gradient(180deg,#f9fbfd,#f6f8fb);
}
.invoice-v38-summary-box .summary-line{padding:5px 0;color:#64748b;font-size:11px}
.invoice-v38-summary-box .summary-line>span:last-child{color:#334155;font-weight:750;font-variant-numeric:tabular-nums}
.invoice-v38-summary-box .summary-line.total{margin-top:4px;padding-top:10px;color:#172033;font-size:17px;font-weight:900}
.invoice-v38-summary-box .summary-line.total>span:last-child{color:#1d4ed8;font-size:20px;font-weight:900}
.invoice-v38-summary-box .invoice-v38-paid-line{margin-top:3px;padding-top:8px;border-top:1px dashed #dce3ec}
.invoice-v38-summary-box .summary-line.balance{margin-top:1px;color:#b45309}
.invoice-v38-summary-box .summary-line.balance strong{color:#b45309;font-size:13px}

.invoice-v38-actions.sale-form-actions{
  position:relative;
  z-index:12;
  display:grid!important;
  grid-template-columns:minmax(150px,auto) auto minmax(160px,1fr);
  align-items:center;
  gap:12px;
  margin-top:14px!important;
  padding:12px 14px!important;
  border:1px solid #dfe6ef!important;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px rgba(15,23,42,.07);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.invoice-v38-action-total{display:grid;gap:2px;min-width:0}
.invoice-v38-action-total span{color:#7b8799;font-size:9.5px;font-weight:750}
.invoice-v38-action-total strong{color:#172033;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.invoice-v38-action-buttons{display:flex;align-items:center;gap:8px}
.invoice-v38-actions .sale-preview-button,.invoice-v38-actions .sale-submit-button{min-height:43px!important;border-radius:12px!important;padding:9px 15px!important;font-size:12px;font-weight:800}
.invoice-v38-actions .sale-submit-button{min-width:185px}
.invoice-v38-action-note{justify-self:end;color:#8a96a9;font-size:9.5px;text-align:right;line-height:1.4}

/* Finder results are easier to tap without becoming visually heavy. */
.invoice-v38-shell .product-results{border-radius:15px;padding:6px;box-shadow:0 22px 52px rgba(15,23,42,.16)}
.invoice-v38-shell .product-result{min-height:55px;padding:9px 10px;border-radius:11px}
.invoice-v38-shell .product-result-icon{width:36px;height:36px;border-radius:11px;font-size:12px}
.invoice-v38-shell .product-result-copy strong{font-size:12px}
.invoice-v38-shell .product-result-copy small,.invoice-v38-shell .product-result-copy>span{font-size:9.5px}
.invoice-v38-shell .product-result-side>strong{font-size:12.5px}
.invoice-v38-shell .stock-pill{padding:3px 7px;font-size:9px}

@media(max-width:1180px){
  .invoice-v38-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .invoice-v38-customer-field{grid-column:span 2}
  .invoice-v38-bottom-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .invoice-v38-hero{align-items:flex-start;flex-direction:column}
  .invoice-v38-hero-actions{width:100%;justify-content:space-between}
  .invoice-v38-meta-grid{grid-template-columns:1fr 1fr}
  .invoice-v38-customer-field{grid-column:1/-1}
  .invoice-v38-bottom-grid{grid-template-columns:1fr}
  .invoice-v38-notes-field textarea{min-height:110px}
  .invoice-v38-actions.sale-form-actions{grid-template-columns:auto 1fr}
  .invoice-v38-action-buttons{justify-self:end}
  .invoice-v38-action-note{grid-column:1/-1;justify-self:start;text-align:left}
}
@media(max-width:680px){
  .invoice-v38-shell{gap:11px}
  .invoice-v38-hero{gap:10px;padding:0}
  .invoice-v38-eyebrow{min-height:23px;padding:4px 8px;margin-bottom:5px;font-size:8.8px}
  .invoice-v38-hero h2{font-size:25px;line-height:1.15}
  .invoice-v38-hero p{margin-top:5px;font-size:11px;line-height:1.5}
  .invoice-v38-hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .invoice-v38-hero-actions .btn{width:100%;min-height:42px}
  .invoice-v38-key-hint{display:none!important}
  .invoice-v38-section,.invoice-v38-products-section.sale-product-section{padding:12px!important;border-radius:18px!important}
  .invoice-v38-section-head{align-items:flex-start;margin-bottom:11px}
  .invoice-v38-section-title{gap:8px}
  .invoice-v38-step{width:28px;height:28px;flex-basis:28px;border-radius:9px;font-size:9px}
  .invoice-v38-section-title h3{font-size:14px}
  .invoice-v38-section-title p{font-size:9.5px;line-height:1.45}
  .invoice-v38-meta-grid{grid-template-columns:1fr;gap:9px}
  .invoice-v38-customer-field{grid-column:1}
  .invoice-v38-shell label{font-size:11px}
  .invoice-v38-shell .form-control{min-height:45px;font-size:13px}
  .invoice-v38-shell .customer-search-input{height:48px;font-size:13px}
  .invoice-v38-shell .customer-picker-status{font-size:10px;line-height:1.4}
  .invoice-v38-product-finder.sale-product-finder{padding:9px;border-radius:14px!important}
  .invoice-v38-product-finder .finder-search-input,.invoice-v38-product-finder .finder-category{height:47px;font-size:12.5px}
  .invoice-v38-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;font-size:8.8px}
  .invoice-v38-shortcuts span:last-child{display:none}
  .invoice-v38-shell .product-results{left:9px;right:9px;max-height:min(50vh,390px);border-radius:14px}
  .invoice-v38-shell .product-result{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:9px;min-height:57px}
  .invoice-v38-shell .product-result-side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;text-align:left}
  .invoice-v38-items.sale-selected-items{margin-top:10px}
  .invoice-v38-items .sale-item-row{grid-template-columns:1fr 1fr!important;gap:9px!important;padding:11px!important;border-radius:14px!important}
  .invoice-v38-items .selected-product-info{grid-column:1/-1!important}
  .invoice-v38-items .sale-v38-qty-field{grid-column:1!important}
  .invoice-v38-items .sale-item-row>div:nth-of-type(3){grid-column:2!important}
  .invoice-v38-items .sale-item-row>div:nth-of-type(4){grid-column:1!important}
  .invoice-v38-items .remove-row{grid-column:2!important;justify-self:end!important;align-self:end!important;width:100%!important;max-width:72px;height:40px!important}
  .invoice-v38-items .sale-v38-serial-details{grid-column:1/-1!important}
  .invoice-v38-items .selected-product-copy strong{white-space:normal;line-height:1.35}
  .invoice-v38-items .selected-product-meta span{font-size:8.5px}
  .sale-v38-qty-control{grid-template-columns:32px minmax(42px,1fr) 32px}
  .invoice-v38-bottom-grid{gap:11px;margin-top:11px}
  .invoice-v38-notes-field textarea{min-height:92px}
  .invoice-v38-quick-pay{gap:6px}
  .invoice-v38-chip{min-height:38px;padding:6px 5px;font-size:9.5px}
  .invoice-v38-summary-box.summary-box{padding:11px 12px}
  .invoice-v38-actions.sale-form-actions{
    position:sticky;
    bottom:8px;
    grid-template-columns:1fr auto;
    gap:8px;
    margin:12px -2px 0!important;
    padding:9px 10px!important;
    border-radius:16px;
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 38px rgba(15,23,42,.16);
  }
  .invoice-v38-action-total span{font-size:8.5px}
  .invoice-v38-action-total strong{font-size:17px}
  .invoice-v38-action-buttons{display:grid;grid-template-columns:auto auto;gap:6px;justify-self:end}
  .invoice-v38-actions .sale-preview-button,.invoice-v38-actions .sale-submit-button{min-height:40px!important;padding:8px 10px!important;font-size:10.5px!important;white-space:nowrap}
  .invoice-v38-actions .sale-submit-button{min-width:0}
  .invoice-v38-action-note{display:none}
  .quick-customer-modal{width:min(100%,620px);padding:15px;border-radius:20px}
  .quick-customer-actions{display:grid;grid-template-columns:1fr 1fr}
  .quick-customer-actions .btn{width:100%;min-height:43px}
}
@media(max-width:430px){
  .invoice-v38-hero h2{font-size:23px}
  .invoice-v38-section,.invoice-v38-products-section.sale-product-section{padding:11px!important}
  .invoice-v38-section-title p{display:none}
  .invoice-v38-section-head{margin-bottom:10px}
  .invoice-v38-item-count{min-height:27px;padding:5px 8px;font-size:9.5px}
  .invoice-v38-shortcuts{grid-template-columns:1fr}
  .invoice-v38-shortcuts span:nth-child(2){display:none}
  .invoice-v38-quick-pay{grid-template-columns:1fr 1fr 1fr}
  .invoice-v38-chip{font-size:9px}
  .invoice-v38-actions.sale-form-actions{grid-template-columns:1fr}
  .invoice-v38-action-total{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .invoice-v38-action-buttons{grid-template-columns:1fr 1.35fr;width:100%;justify-self:stretch}
  .invoice-v38-action-buttons .btn{width:100%}
  .invoice-v38-items .selected-product-meta{display:grid;grid-template-columns:1fr 1fr}
  .quick-customer-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .invoice-v38-items .item-row-flash{animation:none!important}
}

/* =========================================================
   v1.7.7.39 — Product Inventory Clean Modern + Mobile Ready
   ========================================================= */
.product-inventory-v39{
  --product-v39-blue:#246bfd;
  --product-v39-ink:#172033;
  --product-v39-muted:#748096;
  --product-v39-border:#e5eaf1;
  padding:0;
  overflow:hidden;
}
.product-inventory-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 21px 17px;
  border-bottom:1px solid #edf1f5;
  background:linear-gradient(180deg,#fff,#fbfcff);
}
.product-inventory-title-wrap{min-width:0}
.product-inventory-kicker{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:4px 8px;
  margin-bottom:7px;
  border:1px solid #dbeafe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:9px;
  font-weight:850;
  letter-spacing:.075em;
}
.product-inventory-title-wrap h2{
  margin:0;
  color:var(--product-v39-ink);
  font-size:20px;
  font-weight:850;
  letter-spacing:-.025em;
}
.product-inventory-title-wrap p{
  margin:5px 0 0;
  color:var(--product-v39-muted);
  font-size:11.5px;
  line-height:1.55;
}
.product-inventory-title-wrap p strong{color:#334155}
.product-inventory-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.product-inventory-actions .btn{
  min-height:40px;
  padding:9px 12px;
  border-radius:12px;
  font-size:11px;
  white-space:nowrap;
}
.product-cost-toggle{
  border-color:#dbeafe!important;
  background:#eff6ff!important;
  color:#1d4ed8!important;
}
.product-cost-toggle.is-active{
  border-color:#bfdbfe!important;
  background:#dbeafe!important;
  color:#1e40af!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.06);
}
.product-inventory-v39 .product-cost-column{display:none!important}
.product-inventory-v39.product-cost-visible table .product-cost-column{display:table-cell!important}
.product-inventory-v39.product-cost-visible .product-mobile-price-grid .product-cost-column{display:block!important}

.product-inventory-utility{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  padding:14px 21px 0;
}
.product-utility-link{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #e6ebf2;
  border-radius:13px;
  background:#f8fafc;
  color:#475569;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.product-utility-link:hover{background:#f1f6ff;border-color:#d6e3f7;transform:translateY(-1px)}
.product-utility-link>span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 26px;
  border-radius:9px;
  background:#fff;
  color:#2563eb;
  box-shadow:inset 0 0 0 1px #e6ebf2;
  font-weight:850;
}
.product-utility-link strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}

.product-filter-v39{
  display:grid;
  grid-template-columns:minmax(280px,1.5fr) minmax(190px,.8fr) minmax(170px,.65fr) auto;
  gap:10px;
  align-items:end;
  margin:14px 21px 0;
  padding:13px;
  border:1px solid #e7ecf3;
  border-radius:17px;
  background:#f8fafc;
}
.product-filter-field{margin:0;min-width:0}
.product-filter-field>span{
  display:block;
  margin:0 0 6px 3px;
  color:#64748b;
  font-size:10px;
  font-weight:800;
}
.product-filter-v39 .form-control{
  min-height:42px;
  border-color:#dde5ef;
  border-radius:12px;
  background:#fff;
  font-size:12px;
}
.product-search-box{position:relative}
.product-search-box .form-control{padding-left:39px}
.product-search-icon{
  position:absolute;
  z-index:2;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  color:#94a3b8;
  font-size:17px;
  pointer-events:none;
}
.product-filter-buttons{display:flex;gap:7px;align-items:center}
.product-filter-buttons .btn{min-height:42px;border-radius:12px;padding-inline:13px;font-size:11px;white-space:nowrap}
.product-active-filters{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin:10px 21px 0;
  padding:9px 11px;
  border:1px solid #dbeafe;
  border-radius:14px;
  background:#f8fbff;
}
.product-active-filter-label{color:#64748b;font-size:10px;font-weight:800}
.product-filter-chip{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  background:#eaf2ff;
  color:#1d4ed8;
  font-size:9.5px;
  font-weight:800;
}
.product-filter-chip-warning{background:#fff7ed;color:#b45309}
.product-active-filters small{margin-left:auto;color:#8490a3;font-size:9.5px}
.product-list-status-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:12px 21px 9px;
}
.product-result-count{display:flex;align-items:baseline;gap:5px;color:#64748b;font-size:10px}
.product-result-count strong{color:#172033;font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}
.product-inventory-v39 .product-sort-status{
  margin:0;
  padding:6px 9px;
  border-radius:999px;
  background:#f1f5f9;
  color:#64748b;
  font-size:9.5px;
}
.product-inventory-v39 .product-sort-status strong{color:#334155}

.product-table-v39{
  margin:0 21px 21px;
  border-color:#e4eaf1;
  border-radius:16px;
  box-shadow:none;
}
.product-table-v39 .sortable-product-table{min-width:1160px}
.product-table-v39 thead th{
  padding:10px 11px;
  background:#f8fafc;
  color:#64748b;
  font-size:10px;
  font-weight:850;
}
.product-table-v39 tbody td{padding:11px;font-size:11.5px}
.product-table-v39 .product-name-main{display:block;color:#172033;font-weight:800;line-height:1.35}
.product-barcode,.product-brand-model,.product-account-mode,.product-stock-min{display:block;margin-top:3px;font-size:9.5px!important;color:#94a3b8!important}
.product-sale-price{color:#1d4ed8;font-size:12.5px;font-variant-numeric:tabular-nums}
.product-cost-value{color:#b45309;font-size:12.5px;font-variant-numeric:tabular-nums}
.product-row-actions{gap:5px!important;flex-wrap:nowrap!important}
.product-row-actions .btn{min-height:30px;padding:6px 8px;border-radius:9px;font-size:9.5px}
.product-row-actions form{margin:0}

.product-mobile-list-v39{display:none}
.product-mobile-card-v39{
  position:relative;
  overflow:hidden;
  border:1px solid #e5eaf1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.product-mobile-card-v39.is-low::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#f59e0b;
}
.product-mobile-card-v39.is-inactive{opacity:.62;filter:saturate(.65)}
.product-mobile-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px 11px;
}
.product-mobile-title{min-width:0}
.product-mobile-sku{
  display:inline-flex;
  padding:4px 7px;
  margin-bottom:6px;
  border-radius:8px;
  background:#eef5ff;
  color:#1d4ed8;
  font-size:9px;
  font-weight:850;
}
.product-mobile-title h3{
  margin:0;
  color:#172033;
  font-size:14px;
  font-weight:850;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.product-mobile-title p{margin:3px 0 0;color:#8490a3;font-size:10px;line-height:1.4}
.product-mobile-stock{
  min-width:52px;
  padding:8px 7px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #d1fae5;
  border-radius:13px;
  background:#ecfdf5;
  color:#047857;
}
.product-mobile-stock.low{border-color:#fed7aa;background:#fff7ed;color:#b45309}
.product-mobile-stock strong{font-size:17px;line-height:1;font-variant-numeric:tabular-nums}
.product-mobile-stock small{margin-top:4px;font-size:8px;font-weight:750}
.product-mobile-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding:0 14px 11px;
}
.product-mobile-tags span{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:5px 8px;
  border-radius:999px;
  background:#f1f5f9;
  color:#64748b;
  font-size:9px;
  font-weight:700;
}
.product-mobile-price-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:0 14px;
  overflow:hidden;
  border:1px solid #e8edf4;
  border-radius:13px;
  background:#e8edf4;
}
.product-mobile-price-grid>div{min-width:0;padding:9px 10px;background:#f8fafc}
.product-mobile-price-grid small{display:block;color:#8490a3;font-size:8.5px;font-weight:750}
.product-mobile-price-grid strong{display:block;margin-top:3px;color:#334155;font-size:11px;font-variant-numeric:tabular-nums}
.product-mobile-price-grid strong.sale{color:#1d4ed8;font-size:13px}
.product-mobile-price-grid .product-cost-column strong{color:#b45309;font-size:12px}
.product-mobile-account{
  margin:10px 14px 0;
  padding:9px 10px;
  border-radius:12px;
  background:#f8fafc;
}
.product-mobile-account small{display:block;color:#8490a3;font-size:8.5px;font-weight:750}
.product-mobile-account strong{display:block;margin-top:3px;color:#475569;font-size:9.5px;line-height:1.45;overflow-wrap:anywhere}
.product-mobile-account span{display:block;margin-top:2px;color:#94a3b8;font-size:8.5px}
.product-mobile-actions-v39{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  padding:12px 14px 14px;
}
.product-mobile-actions-v39 .btn{
  width:100%;
  min-height:36px;
  padding:7px 6px;
  border-radius:10px;
  font-size:9.5px;
}
.product-mobile-actions-v39 form{margin:0;grid-column:1/-1}
.product-mobile-actions-v39 form .btn{min-height:34px}
.product-mobile-empty{border:1px dashed #dbe3ee;border-radius:16px;background:#fafcff}

@media(max-width:1120px){
  .product-inventory-head{align-items:flex-start;flex-direction:column}
  .product-inventory-actions{width:100%;justify-content:flex-start}
  .product-filter-v39{grid-template-columns:1fr 1fr}
  .product-filter-search{grid-column:1/-1}
  .product-filter-buttons{align-self:end}
}
@media(max-width:820px){
  .product-inventory-v39{border-radius:20px!important}
  .product-inventory-head{padding:16px 15px 14px;gap:13px}
  .product-inventory-kicker{font-size:8px}
  .product-inventory-title-wrap h2{font-size:18px}
  .product-inventory-title-wrap p{font-size:10.5px}
  .product-inventory-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .product-inventory-actions .btn{width:100%;min-height:42px;font-size:10px;padding-inline:8px}
  .product-inventory-actions .product-cost-toggle{grid-column:1/-1}
  .product-inventory-actions .btn-primary{grid-column:2}
  .product-inventory-utility{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:11px 15px 0}
  .product-utility-link{justify-content:center;min-height:40px;padding:7px 5px;gap:5px}
  .product-utility-link>span{width:23px;height:23px;flex-basis:23px;font-size:10px}
  .product-utility-link strong{font-size:9px}
  .product-filter-v39{grid-template-columns:1fr;margin:11px 15px 0;padding:11px;gap:9px;border-radius:15px}
  .product-filter-search{grid-column:auto}
  .product-filter-field>span{font-size:10.5px}
  .product-filter-v39 .form-control{min-height:44px;font-size:13px}
  .product-filter-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .product-filter-buttons .btn{width:100%;min-height:42px;font-size:11px}
  .product-filter-buttons .btn:only-child{grid-column:1/-1}
  .product-active-filters{margin:9px 15px 0}
  .product-active-filters small{width:100%;margin-left:0;line-height:1.45}
  .product-list-status-row{margin:11px 15px 8px;align-items:flex-start}
  .product-result-count strong{font-size:15px}
  .product-inventory-v39 .product-sort-status{text-align:right;white-space:normal;line-height:1.35}
  .product-table-v39{display:none!important}
  .product-mobile-list-v39{display:grid;gap:10px;padding:0 15px 15px}
  .product-inventory-v39.product-cost-visible .product-mobile-price-grid .product-cost-column{display:block!important}
}
@media(max-width:480px){
  .product-inventory-actions{grid-template-columns:1fr}
  .product-inventory-actions .product-cost-toggle,.product-inventory-actions .btn-primary{grid-column:auto}
  .product-inventory-utility{grid-template-columns:1fr 1fr 1fr}
  .product-utility-link{flex-direction:column;gap:4px;min-height:58px;text-align:center}
  .product-utility-link strong{white-space:normal;line-height:1.2;font-size:8.5px}
  .product-list-status-row{flex-direction:column;gap:6px}
  .product-inventory-v39 .product-sort-status{text-align:left}
  .product-mobile-price-grid{grid-template-columns:1fr 1fr}
  .product-mobile-actions-v39{grid-template-columns:1fr 1fr}
  .product-mobile-actions-v39 form{grid-column:1/-1}
}
@media print{
  .product-inventory-v39 .product-cost-column{display:table-cell!important}
  .product-mobile-list-v39{display:none!important}
  .product-table-v39{display:block!important;margin:0;border:0}
  .product-inventory-head{padding:0 0 10px;border:0}
  .product-inventory-title-wrap p{display:none}
}


/* v1.7.7.40 — switchable OneUI 8.5 / iOS 27 style shell */
body{transition:background .25s ease,color .25s ease}
.topbar-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.topbar-actions{display:flex;align-items:center;gap:10px}.sidebar-overlay{display:none}.theme-switcher{position:relative}.theme-switcher-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;font-weight:700;color:var(--text)}.theme-switcher-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 44px rgba(15,23,42,.12);display:none;z-index:130}.theme-switcher.open .theme-switcher-menu{display:grid;gap:5px}.theme-option{width:100%;display:flex;align-items:center;justify-content:flex-start;border:0;background:transparent;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700;color:var(--text)}.theme-option:hover,.theme-option.active{background:#edf3ff;color:var(--primary)}
.mobile-dock{display:none}
.theme-oneui{--bg:linear-gradient(180deg,#f1f6ff 0%,#eef3fb 46%,#edf2fb 100%);--surface:rgba(255,255,255,.72);--surface2:rgba(246,248,253,.88);--text:#142137;--muted:#6d7890;--primary:#3a63ff;--primary2:#264ff5;--success:#16b481;--danger:#eb5757;--warning:#f0a43c;--border:rgba(202,214,233,.62);--shadow:0 28px 60px rgba(44,67,116,.12);--radius:28px;background-attachment:fixed}
.theme-oneui body{}
body.theme-oneui{background:radial-gradient(circle at top left,rgba(140,171,255,.32),transparent 28%),radial-gradient(circle at top right,rgba(174,205,255,.26),transparent 25%),linear-gradient(180deg,#edf3fb 0%,#f4f7fc 100%)}
body.theme-oneui .app{grid-template-columns:280px 1fr;gap:14px;padding:14px;min-height:100vh}
body.theme-oneui .sidebar{position:sticky;top:14px;height:calc(100vh - 28px);padding:18px 14px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.16));backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.36);box-shadow:0 20px 48px rgba(46,76,140,.16), inset 0 1px 0 rgba(255,255,255,.42)}
body.theme-oneui .brand{padding:8px 10px 24px;gap:14px}body.theme-oneui .brand strong{font-size:17px;line-height:1.4}body.theme-oneui .brand small{margin-top:4px;font-size:12px;color:rgba(255,255,255,.72)}body.theme-oneui .brand-logo{box-shadow:0 10px 24px rgba(0,0,0,.14)}
body.theme-oneui .nav-title{padding:16px 12px 9px;font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.58)}
body.theme-oneui .nav-link{position:relative;padding:13px 15px;margin:6px 0;border-radius:18px;color:rgba(255,255,255,.84);transition:.18s}body.theme-oneui .nav-link:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}body.theme-oneui .nav-link.active{background:linear-gradient(135deg,rgba(71,118,255,.96),rgba(56,98,255,.78));color:#fff;box-shadow:0 16px 32px rgba(48,92,246,.28), inset 0 1px 0 rgba(255,255,255,.24)}body.theme-oneui .nav-link.active:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.18)}
body.theme-oneui .nav-icon{width:26px}
body.theme-oneui .topbar{position:sticky;top:14px;height:82px;padding:0 18px;border-radius:28px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.46);backdrop-filter:blur(22px);box-shadow:0 16px 40px rgba(47,71,118,.08)}body.theme-oneui .topbar h1{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.theme-oneui .user-chip,.theme-oneui .theme-switcher-toggle{background:rgba(255,255,255,.78);border-color:rgba(217,225,240,.85);box-shadow:0 8px 22px rgba(33,47,88,.06)}body.theme-oneui .user-chip{border-radius:18px;padding:8px 12px 8px 8px}body.theme-oneui .avatar{border-radius:14px;background:linear-gradient(135deg,#2459ff,#4b8dff);box-shadow:0 10px 20px rgba(61,108,255,.22)}
body.theme-oneui .content{padding:18px 4px 24px}body.theme-oneui .card,body.theme-oneui .table-wrap,body.theme-oneui .modal,body.theme-oneui .summary-box{background:rgba(255,255,255,.76);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.46);box-shadow:0 18px 42px rgba(30,49,94,.08);border-radius:28px}body.theme-oneui .card{padding:22px}
body.theme-oneui .btn{border-radius:16px;min-height:42px;padding:10px 16px;box-shadow:0 8px 20px rgba(34,58,118,.06)}body.theme-oneui .btn-primary{background:linear-gradient(135deg,#2459ff,#4b8dff)}body.theme-oneui .btn-secondary{background:rgba(243,246,251,.92)}body.theme-oneui .form-control{min-height:48px;border-radius:16px;background:rgba(255,255,255,.86);border-color:rgba(212,221,237,.85)}body.theme-oneui .form-control:focus{box-shadow:0 0 0 4px rgba(58,99,255,.12)}
body.theme-oneui .table-wrap{overflow:auto}body.theme-oneui th{background:rgba(243,246,252,.92)}body.theme-oneui .alert{border:1px solid rgba(255,255,255,.42);box-shadow:0 10px 22px rgba(24,39,73,.05)}
body.theme-oneui .mobile-menu{background:rgba(255,255,255,.9);border:1px solid rgba(224,231,242,.9);box-shadow:0 10px 22px rgba(34,50,89,.08)}
body.theme-oneui .theme-switcher-menu{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-color:rgba(224,231,241,.95)}
@media(max-width:820px){
  .topbar-actions .theme-switcher-toggle span{display:none}
  .topbar-actions{gap:8px}
  .theme-switcher-menu{right:-8px}
  .sidebar-overlay{position:fixed;inset:0;background:rgba(16,24,40,.34);backdrop-filter:blur(2px);z-index:80;display:none}.sidebar-overlay.open{display:block}
  body.theme-oneui .app{grid-template-columns:1fr;gap:0;padding:10px 10px 96px}
  body.theme-oneui .topbar{top:10px;height:74px;padding:0 14px;border-radius:24px}
  body.theme-oneui .sidebar{position:fixed;top:10px;left:10px;width:min(286px,calc(100vw - 20px));height:calc(100vh - 20px);transform:translateX(-110%);z-index:90}body.theme-oneui .sidebar.open{transform:translateX(0)}
  body.theme-oneui .content{padding:14px 0 10px}
  body.theme-oneui .mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:fixed;left:10px;right:10px;bottom:12px;padding:10px 12px;border-radius:28px;background:rgba(255,255,255,.7);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.54);box-shadow:0 18px 38px rgba(34,52,89,.16);z-index:95}
  body.theme-oneui .mobile-dock-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border:0;background:transparent;border-radius:18px;color:#516077;font-weight:700;text-decoration:none}body.theme-oneui .mobile-dock-link span{font-size:20px;line-height:1}body.theme-oneui .mobile-dock-link small{font-size:11px}body.theme-oneui .mobile-dock-link.active{background:rgba(58,99,255,.12);color:#2d57f6}body.theme-oneui .mobile-dock-link-center{background:linear-gradient(135deg,#2459ff,#5d8dff)!important;color:#fff!important;box-shadow:0 14px 28px rgba(58,99,255,.3)}
}
@media(max-width:820px){body.theme-classic .sidebar-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:80;display:none}body.theme-classic .sidebar-overlay.open{display:block}}

/* v1.7.7.41 — OneUI-only mobile Sale View > Order Tracking refinement */
@media(max-width:820px){
  body.theme-oneui .sales-detail-shell{gap:12px;padding-bottom:18px}
  body.theme-oneui #orderTracking{scroll-margin-top:94px}
  body.theme-oneui #orderTracking.shipment-card{
    padding:0!important;
    overflow:hidden;
    border-radius:24px!important;
    border:1px solid rgba(255,255,255,.62)!important;
    background:rgba(255,255,255,.78)!important;
    backdrop-filter:blur(20px);
    box-shadow:0 18px 42px rgba(37,57,96,.09)!important;
  }
  body.theme-oneui #orderTracking .shipment-panel-head{
    margin:0!important;
    padding:15px 15px 13px;
    gap:11px;
    border-bottom:1px solid rgba(219,227,240,.84);
    background:linear-gradient(180deg,rgba(249,252,255,.96),rgba(244,248,254,.82));
  }
  body.theme-oneui #orderTracking .shipment-panel-head>div:first-child{min-width:0;width:100%}
  body.theme-oneui #orderTracking .shipment-panel-head h2{
    display:flex;align-items:center;gap:8px;
    font-size:17px;line-height:1.35;font-weight:850;letter-spacing:-.02em;
  }
  body.theme-oneui #orderTracking .shipment-panel-head h2::before{
    content:"🚚";
    width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
    border-radius:12px;background:#eef4ff;font-size:16px;
  }
  body.theme-oneui #orderTracking .shipment-panel-head .muted{
    margin:5px 0 0 42px;font-size:10.5px;line-height:1.5;color:#7d899d;
  }
  body.theme-oneui #orderTracking .shipment-head-actions{
    width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
  }
  body.theme-oneui #orderTracking .shipment-head-actions>.badge{
    grid-column:1/-1;justify-self:start;min-height:27px;padding:5px 10px;border-radius:999px;font-size:10px;
  }
  body.theme-oneui #orderTracking .shipment-head-actions .btn{
    width:100%;min-width:0;min-height:38px;padding:7px 6px;border-radius:12px;
    font-size:10px;font-weight:750;white-space:normal;line-height:1.25;text-align:center;
    background:rgba(255,255,255,.88);border:1px solid #e2e9f4;box-shadow:none;
  }
  body.theme-oneui #orderTracking .shipment-contact-strip{
    margin:12px 12px 0;padding:11px 12px;border-radius:17px;
    background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(248,251,255,.95));
    border:1px solid #dfe9f7;
  }
  body.theme-oneui #orderTracking .shipment-contact-icon{
    width:36px;height:36px;flex-basis:36px;border-radius:12px;font-size:15px;
  }
  body.theme-oneui #orderTracking .shipment-contact-copy>small{font-size:8.5px;margin-bottom:3px}
  body.theme-oneui #orderTracking .shipment-contact-copy>strong{font-size:13px;line-height:1.4}
  body.theme-oneui #orderTracking .shipment-contact-phone{
    display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:5px;
  }
  body.theme-oneui #orderTracking .shipment-contact-phone>span{font-size:13px;font-weight:750;color:#334155}
  body.theme-oneui #orderTracking .shipment-phone-copy-btn{min-height:28px;padding:4px 9px;border-radius:9px}

  body.theme-oneui #orderTracking .shipment-form{padding:12px;gap:11px}
  body.theme-oneui #orderTracking .shipment-form .form-row-3{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px;
    padding:11px;border:1px solid #e4ebf5;border-radius:18px;background:rgba(248,251,255,.8);
  }
  body.theme-oneui #orderTracking .shipment-form .form-row-3>.form-group:nth-child(2),
  body.theme-oneui #orderTracking .shipment-form .form-row-3>.shipment-address-group{
    grid-column:1/-1!important;
  }
  body.theme-oneui #orderTracking .shipment-form .form-group{margin-bottom:0;min-width:0}
  body.theme-oneui #orderTracking .shipment-form label{
    margin-bottom:5px;color:#64748b;font-size:10.5px;font-weight:750;line-height:1.4;
  }
  body.theme-oneui #orderTracking .shipment-form .form-control{
    min-height:43px;padding:10px 11px;border-radius:13px;font-size:13px;
    background:rgba(255,255,255,.94);border-color:#dce5f1;
  }
  body.theme-oneui #orderTracking .shipment-form textarea.form-control{min-height:68px;line-height:1.55}
  body.theme-oneui #orderTracking .shipment-phone-group small{font-size:9px;line-height:1.45;margin-top:4px;display:block}

  body.theme-oneui #orderTracking .shipment-form>.grid.grid-2{
    display:grid!important;grid-template-columns:1fr!important;gap:9px;
  }
  body.theme-oneui #orderTracking .shipment-form>.grid.grid-2>div:first-child,
  body.theme-oneui #orderTracking .shipment-event-box{
    padding:11px;border:1px solid #e4ebf4;border-radius:18px;background:rgba(248,250,254,.84);
  }
  body.theme-oneui #orderTracking .shipment-event-box>strong{font-size:12px;color:#27344b}
  body.theme-oneui #orderTracking .shipment-event-box .form-row{gap:9px;margin-top:8px!important}
  body.theme-oneui #orderTracking .check-row{
    margin-top:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.75);
    color:#536177;font-size:10.5px;line-height:1.45;
  }
  body.theme-oneui #orderTracking .shipment-save-button{
    position:sticky;bottom:82px;z-index:8;width:100%;min-height:46px;margin-top:1px;
    border-radius:15px;background:linear-gradient(135deg,#315fff,#6690ff);
    box-shadow:0 14px 28px rgba(49,95,255,.24);font-size:13px;
  }

  body.theme-oneui #orderTracking .shipment-slip-preview,
  body.theme-oneui #orderTracking .shipment-link-admin,
  body.theme-oneui #orderTracking .shipment-timeline,
  body.theme-oneui #orderTracking>.alert{
    margin-left:12px;margin-right:12px;
  }
  body.theme-oneui #orderTracking .shipment-slip-preview{
    margin-top:0;padding:11px;border-radius:17px;background:rgba(248,251,255,.86);border-color:#e2e9f3;
  }
  body.theme-oneui #orderTracking .shipment-slip-title strong{font-size:12px}
  body.theme-oneui #orderTracking .shipment-slip-title .muted{font-size:9.5px;margin-top:3px}
  body.theme-oneui #orderTracking .shipment-slip-grid{grid-template-columns:1fr 1fr;gap:8px}
  body.theme-oneui #orderTracking .shipment-slip-item{padding:7px;border-radius:13px}
  body.theme-oneui #orderTracking .shipment-slip-item img{height:105px;border-radius:10px}

  body.theme-oneui #orderTracking .shipment-link-admin{
    margin-top:10px;padding:11px;border-style:solid;border-radius:17px;background:rgba(246,249,254,.9);
  }
  body.theme-oneui #orderTracking .shipment-link-admin>div>strong{font-size:12px}
  body.theme-oneui #orderTracking .shipment-link-admin .muted{font-size:9.5px;line-height:1.45;margin-top:3px}
  body.theme-oneui #orderTracking .shipment-public-link{
    margin-top:7px;padding:8px 9px;border-radius:11px;background:#fff;border:1px solid #e0e8f3;
    font-size:9.5px;line-height:1.45;word-break:break-all;
  }
  body.theme-oneui #orderTracking .shipment-link-admin .btn{min-height:38px;border-radius:12px;font-size:10px}

  body.theme-oneui #orderTracking .shipment-timeline{margin-top:14px;padding:0 0 12px}
  body.theme-oneui #orderTracking .shipment-timeline h3{font-size:14px;margin-bottom:10px}
  body.theme-oneui #orderTracking .shipment-event{grid-template-columns:15px minmax(0,1fr);gap:8px;padding-bottom:10px}
  body.theme-oneui #orderTracking .shipment-event:not(:last-child)::before{left:6px;top:14px}
  body.theme-oneui #orderTracking .shipment-event-dot{width:14px;height:14px;margin-top:5px}
  body.theme-oneui #orderTracking .shipment-event-content{
    padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.9);border-color:#e3eaf4;box-shadow:none;
  }
  body.theme-oneui #orderTracking .shipment-event-head{align-items:flex-start;gap:7px;margin-bottom:4px}
  body.theme-oneui #orderTracking .shipment-event-head strong{font-size:10.5px}
  body.theme-oneui #orderTracking .shipment-event-head time{font-size:8.5px}
}

@media(max-width:520px){
  body.theme-oneui #orderTracking .shipment-form .form-row-3{grid-template-columns:1fr!important}
  body.theme-oneui #orderTracking .shipment-form .form-row-3>*{grid-column:1!important}
  body.theme-oneui #orderTracking .shipment-head-actions{grid-template-columns:repeat(3,1fr)}
  body.theme-oneui #orderTracking .shipment-panel-head .muted{margin-left:0}
  body.theme-oneui #orderTracking .shipment-panel-head h2::before{width:32px;height:32px;flex-basis:32px}
}


/* =========================================================
   v1.7.7.42 — OneUI desktop readability + Dark Mode
   Classic theme stays unchanged.
   ========================================================= */
body.theme-oneui{
  --oneui-page:#eef3fb;
  --oneui-surface:#ffffff;
  --oneui-surface-2:#f7f9fd;
  --oneui-text:#17233a;
  --oneui-muted:#66758d;
  --oneui-line:#dce5f1;
  --oneui-sidebar-top:#496f9f;
  --oneui-sidebar-bottom:#315783;
  --oneui-shadow:0 14px 34px rgba(43,66,111,.09);
  color:var(--oneui-text);
  color-scheme:light;
  background:
    radial-gradient(circle at 8% 0%,rgba(111,153,255,.24),transparent 28%),
    radial-gradient(circle at 96% 0%,rgba(132,190,255,.18),transparent 24%),
    linear-gradient(180deg,#edf3fb 0%,#f5f8fc 55%,#f1f5fb 100%);
}
body.theme-oneui .app{grid-template-columns:268px minmax(0,1fr);gap:16px;padding:16px}
body.theme-oneui .sidebar{
  top:16px;height:calc(100vh - 32px);padding:17px 13px;border-radius:28px;
  background:linear-gradient(180deg,var(--oneui-sidebar-top) 0%,var(--oneui-sidebar-bottom) 100%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 18px 42px rgba(36,66,105,.20),inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(16px);
}
body.theme-oneui .brand{padding:8px 9px 22px}
body.theme-oneui .brand strong{color:#fff;font-size:15.5px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.08)}
body.theme-oneui .brand small{color:rgba(255,255,255,.76);font-size:10.5px}
body.theme-oneui .nav-title{color:rgba(255,255,255,.58);font-size:9.5px;font-weight:800;padding:14px 11px 7px}
body.theme-oneui .nav-link{min-height:44px;margin:4px 0;padding:11px 13px;border-radius:15px;color:rgba(255,255,255,.88);font-size:12.5px;font-weight:650}
body.theme-oneui .nav-link:hover{background:rgba(255,255,255,.11);color:#fff}
body.theme-oneui .nav-link.active{background:linear-gradient(135deg,#416cff,#5d83ff);box-shadow:0 10px 24px rgba(28,68,214,.30),inset 0 1px 0 rgba(255,255,255,.22)}
body.theme-oneui .nav-icon{color:inherit;opacity:.96}
body.theme-oneui .topbar{
  top:16px;height:76px;padding:0 16px;border-radius:24px;
  background:rgba(255,255,255,.94);border:1px solid rgba(213,223,238,.92);
  backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(44,66,105,.07);
}
body.theme-oneui .topbar h1{font-size:21px;font-weight:850;color:#162238}
body.theme-oneui .content{padding:18px 2px 28px}
body.theme-oneui .theme-switcher-toggle,body.theme-oneui .user-chip{
  background:#fff;border-color:#dde6f2;box-shadow:0 6px 16px rgba(40,57,91,.05)
}
body.theme-oneui .theme-switcher-toggle{min-height:44px;border-radius:15px;color:#24324b}
body.theme-oneui .theme-switcher-menu{min-width:230px;padding:8px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid #dfe7f2;box-shadow:0 20px 48px rgba(31,48,82,.16)}
body.theme-oneui .theme-option{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;padding:10px 11px;border-radius:13px;color:#24324b}
body.theme-oneui .theme-option>span:first-child{width:30px;height:30px;border-radius:10px;background:#f0f4fb;display:grid;place-items:center;font-size:14px}
body.theme-oneui .theme-option strong{display:block;font-size:12px;line-height:1.25}
body.theme-oneui .theme-option small{display:block;margin-top:2px;color:#8390a4;font-size:9.5px;font-weight:600}
body.theme-oneui .theme-option:hover,body.theme-oneui .theme-option.active{background:#eef4ff;color:#234fda}
body.theme-oneui .theme-option.active>span:first-child{background:#dfe9ff;color:#2856e9}
body.theme-oneui .card,body.theme-oneui .modal,body.theme-oneui .summary-box{
  background:rgba(255,255,255,.97);border:1px solid #e0e7f1;box-shadow:var(--oneui-shadow);backdrop-filter:none
}
body.theme-oneui .table-wrap{background:#fff;border-color:#e0e7f1;box-shadow:none;backdrop-filter:none}
body.theme-oneui th{background:#f6f8fc;color:#66758d;border-bottom-color:#e3e9f2}
body.theme-oneui td{border-bottom-color:#edf1f6}
body.theme-oneui .btn-secondary{background:#f1f4f9;color:#27364e;border:1px solid #e0e7f0}
body.theme-oneui .form-control{background:#fff;border-color:#dce4ef;color:#1b2941}
body.theme-oneui .muted{color:#738198}

/* Dashboard: less washed out, denser and easier to scan on desktop */
body.theme-oneui .dashboard-shell{--dash-card-border:#e0e7f1;--dash-soft-shadow:0 11px 28px rgba(43,63,102,.07)}
body.theme-oneui .dashboard-heading p{color:#6b7890}
body.theme-oneui .dashboard-summary-grid{gap:12px}
body.theme-oneui .dashboard-stat{min-height:128px;padding:17px;background:linear-gradient(155deg,#fff,#fbfcff);border-color:#e0e7f1}
body.theme-oneui .dashboard-stat .stat-label{color:#65738a;font-size:11.5px}
body.theme-oneui .dashboard-stat .stat-value{color:#17233a}
body.theme-oneui .dashboard-stat-hint{opacity:1}
body.theme-oneui .dashboard-panel{background:#fff;border-color:#e0e7f1;box-shadow:0 11px 28px rgba(43,63,102,.065)}
body.theme-oneui .dashboard-panel .kpi-item{background:#f6f8fc;border:1px solid #edf1f6}
body.theme-oneui .dashboard-panel .kpi-item>span{color:#3e4d65}
body.theme-oneui .dashboard-panel .kpi-item>strong{color:#18243a}
body.theme-oneui .dashboard-panel .kpi-item small.muted{color:#8390a4}
body.theme-oneui .dashboard-table-card .table-wrap{background:#fff;border-color:#e2e8f1}

/* Better desktop spacing across the newer modules */
@media(min-width:821px){
  body.theme-oneui .main{min-width:0}
  body.theme-oneui .dashboard-shell,body.theme-oneui .report-v37-shell,body.theme-oneui .expenses-v35-shell{max-width:1600px;margin-left:auto;margin-right:auto}
  body.theme-oneui .invoice-v38-shell{max-width:1420px}
  body.theme-oneui .dashboard-section-grid{gap:13px}
  body.theme-oneui .dashboard-panel{padding:18px}
  body.theme-oneui .report-v37-filter-card,body.theme-oneui .expense-v35-filter-card{background:#fff}
}

/* OneUI Dark mode — applies only to OneUI, never Classic */
body.theme-oneui.theme-dark{
  --bg:#0d1420;
  --surface:#182233;
  --surface2:#202c3f;
  --text:#eef4ff;
  --muted:#9aabc2;
  --border:#2b3b52;
  --primary:#6d91ff;
  --primary2:#547cff;
  --oneui-page:#0d1420;
  --oneui-surface:#182233;
  --oneui-surface-2:#202c3f;
  --oneui-text:#eef4ff;
  --oneui-muted:#9aabc2;
  --oneui-line:#2b3b52;
  --oneui-sidebar-top:#182740;
  --oneui-sidebar-bottom:#101b2d;
  --oneui-shadow:0 16px 36px rgba(0,0,0,.24);
  color:#eef4ff;color-scheme:dark;
  background:
    radial-gradient(circle at 8% 0%,rgba(72,108,208,.20),transparent 28%),
    radial-gradient(circle at 95% 0%,rgba(45,119,175,.14),transparent 24%),
    linear-gradient(180deg,#0b121d 0%,#101824 55%,#0d1420 100%);
}
body.theme-oneui.theme-dark .sidebar{border-color:#263b58;box-shadow:0 20px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}
body.theme-oneui.theme-dark .topbar{background:rgba(21,31,47,.96);border-color:#29394f;box-shadow:0 12px 30px rgba(0,0,0,.22)}
body.theme-oneui.theme-dark .topbar h1{color:#eef4ff}
body.theme-oneui.theme-dark .theme-switcher-toggle,body.theme-oneui.theme-dark .user-chip{background:#1a2638;border-color:#2d3d54;color:#e9f1ff;box-shadow:none}
body.theme-oneui.theme-dark .theme-switcher-menu{background:#172234;border-color:#2d3d54;box-shadow:0 24px 54px rgba(0,0,0,.38)}
body.theme-oneui.theme-dark .theme-option{color:#e8effc}
body.theme-oneui.theme-dark .theme-option>span:first-child{background:#222f43;color:#b8c8df}
body.theme-oneui.theme-dark .theme-option small{color:#91a3bb}
body.theme-oneui.theme-dark .theme-option:hover,body.theme-oneui.theme-dark .theme-option.active{background:#243553;color:#cfe0ff}
body.theme-oneui.theme-dark .theme-option.active>span:first-child{background:#2d4776;color:#d8e5ff}
body.theme-oneui.theme-dark .card,
body.theme-oneui.theme-dark .modal,
body.theme-oneui.theme-dark .summary-box,
body.theme-oneui.theme-dark .dashboard-stat,
body.theme-oneui.theme-dark .dashboard-panel,
body.theme-oneui.theme-dark .expense-v35-filter-card,
body.theme-oneui.theme-dark .expense-v35-category-card,
body.theme-oneui.theme-dark .expense-v35-list-card,
body.theme-oneui.theme-dark .report-v37-filter-card,
body.theme-oneui.theme-dark .report-v37-shell .report-panel,
body.theme-oneui.theme-dark .invoice-v38-section,
body.theme-oneui.theme-dark .product-inventory-v39{
  background:#182233!important;border-color:#2a3a50!important;color:#edf3ff;box-shadow:0 14px 32px rgba(0,0,0,.18)!important
}
body.theme-oneui.theme-dark .table-wrap{background:#182233;border-color:#2a3a50}
body.theme-oneui.theme-dark table{color:#e7eefb}
body.theme-oneui.theme-dark th{background:#202c3f!important;color:#9fb0c6!important;border-bottom-color:#304057!important}
body.theme-oneui.theme-dark td{border-bottom-color:#243348!important;color:#dbe6f6}
body.theme-oneui.theme-dark tbody tr:hover{background:#1e2b3e!important}
body.theme-oneui.theme-dark .form-control,
body.theme-oneui.theme-dark input[type=text],body.theme-oneui.theme-dark input[type=number],body.theme-oneui.theme-dark input[type=date],body.theme-oneui.theme-dark input[type=search],body.theme-oneui.theme-dark input[type=url],body.theme-oneui.theme-dark input[type=email],body.theme-oneui.theme-dark input[type=password],body.theme-oneui.theme-dark select,body.theme-oneui.theme-dark textarea{
  background:#121c2b!important;color:#eaf1fc!important;border-color:#304158!important
}
body.theme-oneui.theme-dark input::placeholder,body.theme-oneui.theme-dark textarea::placeholder{color:#71839d}
body.theme-oneui.theme-dark .btn-secondary{background:#202c3f!important;color:#e3ebf8!important;border-color:#304159!important}
body.theme-oneui.theme-dark .btn-danger{background:#3a2229;color:#ffadb1}
body.theme-oneui.theme-dark .muted{color:#98a9c0!important}
body.theme-oneui.theme-dark .badge-info{background:#203b68;color:#bcd1ff}
body.theme-oneui.theme-dark .badge-success{background:#173c32;color:#8de4c4}
body.theme-oneui.theme-dark .badge-warning{background:#44351c;color:#ffd08a}
body.theme-oneui.theme-dark .badge-danger{background:#452429;color:#ffb1b5}

body.theme-oneui.theme-dark .dashboard-shell{--dash-card-border:#2a3a50;--dash-soft-shadow:0 13px 30px rgba(0,0,0,.20)}
body.theme-oneui.theme-dark .dashboard-eyebrow{background:#1e355a;border-color:#31558c;color:#bcd2ff}
body.theme-oneui.theme-dark .dashboard-heading h2{color:#f2f6ff}
body.theme-oneui.theme-dark .dashboard-heading p{color:#95a5bc}
body.theme-oneui.theme-dark #dashboardMoneyToggle{background:#1d293c;border-color:#304159;color:#dbe7f8;box-shadow:none}
body.theme-oneui.theme-dark .dashboard-stat{background:linear-gradient(155deg,#1b2739,#162132)!important}
body.theme-oneui.theme-dark .dashboard-stat .stat-label{color:#9aabc1}
body.theme-oneui.theme-dark .dashboard-stat .stat-value{color:#eef4ff}
body.theme-oneui.theme-dark .dashboard-panel .kpi-item{background:#202c3f;border-color:#28394f}
body.theme-oneui.theme-dark .dashboard-panel .kpi-item:hover{background:#243249}
body.theme-oneui.theme-dark .dashboard-panel .kpi-item>span{color:#c0ccdc}
body.theme-oneui.theme-dark .dashboard-panel .kpi-item>strong{color:#f1f6ff}
body.theme-oneui.theme-dark .dashboard-panel .kpi-item small.muted{color:#8496af!important}
body.theme-oneui.theme-dark .dashboard-panel .empty{background:#151f2f;border-color:#314158;color:#8fa1b9}

body.theme-oneui.theme-dark .expenses-v35-shell{--expense-ink:#eef4ff;--expense-muted:#9aabc2;--expense-border:#2b3b52;--expense-shadow:0 14px 32px rgba(0,0,0,.18)}
body.theme-oneui.theme-dark .expense-v35-heading h2,body.theme-oneui.theme-dark .expense-v35-section-head h3{color:#eef4ff}
body.theme-oneui.theme-dark .expense-v35-heading p,body.theme-oneui.theme-dark .expense-v35-section-head p{color:#94a6be}
body.theme-oneui.theme-dark .expense-v35-kpi{background:linear-gradient(145deg,#1b2739,#162132);border-color:#2b3b52;box-shadow:0 13px 30px rgba(0,0,0,.18)}
body.theme-oneui.theme-dark .expense-v35-kpi-label,body.theme-oneui.theme-dark .expense-v35-kpi small{color:#9aabc2}
body.theme-oneui.theme-dark .expense-v35-category-item{background:#202c3f;border-color:#2b3b52}
body.theme-oneui.theme-dark .expense-v35-category-name,body.theme-oneui.theme-dark .expense-v35-category-top strong{color:#eaf1fc}
body.theme-oneui.theme-dark .expense-v35-split-totals>span{background:#202c3f;border-color:#2b3b52}
body.theme-oneui.theme-dark .expense-v35-split-totals strong{color:#eef4ff}

body.theme-oneui.theme-dark .report-v37-shell{--report37-ink:#eef4ff;--report37-muted:#9aabc2;--report37-border:#2b3b52;--report37-soft:#202c3f;--report37-blue:#7aa0ff}
body.theme-oneui.theme-dark .report-v37-heading .report-range-chip,body.theme-oneui.theme-dark .report-v37-print{background:#1d293c;border-color:#304159;color:#eaf1fc}
body.theme-oneui.theme-dark .report-v37-heading .report-range-chip strong{color:#eaf1fc}
body.theme-oneui.theme-dark .report-v37-heading .report-range-chip span{color:#899ab2}
body.theme-oneui.theme-dark .report-v37-field>span,body.theme-oneui.theme-dark .report-v37-section-label strong{color:#9aabc2}

body.theme-oneui.theme-dark .invoice-v38-shell{--invoice-v38-ink:#eef4ff;--invoice-v38-muted:#9aabc2;--invoice-v38-line:#2b3b52;--invoice-v38-soft:#202c3f;--invoice-v38-blue:#7aa0ff}
body.theme-oneui.theme-dark .invoice-v38-hero h2{color:#eef4ff}
body.theme-oneui.theme-dark .invoice-v38-hero p,body.theme-oneui.theme-dark .invoice-v38-key-hint{color:#99aac1}
body.theme-oneui.theme-dark .invoice-v38-eyebrow,body.theme-oneui.theme-dark .invoice-v38-step{background:#20385e;border-color:#31598e;color:#c3d7ff}
body.theme-oneui.theme-dark .invoice-v38-shell label{color:#a8b7ca}

body.theme-oneui.theme-dark .product-inventory-v39{--product-v39-blue:#7aa0ff;--product-v39-ink:#eef4ff;--product-v39-muted:#9aabc2;--product-v39-border:#2b3b52}
body.theme-oneui.theme-dark .product-inventory-head{background:linear-gradient(180deg,#1b2739,#182233);border-color:#2b3b52}
body.theme-oneui.theme-dark .product-inventory-title-wrap h2{color:#eef4ff}
body.theme-oneui.theme-dark .product-inventory-title-wrap p,body.theme-oneui.theme-dark .product-inventory-title-wrap p strong{color:#9aabc2}
body.theme-oneui.theme-dark .product-inventory-kicker,body.theme-oneui.theme-dark .product-cost-toggle{background:#20385e!important;border-color:#31598e!important;color:#c3d7ff!important}
body.theme-oneui.theme-dark .product-mobile-card-v39{background:#1b2739;border-color:#2b3b52}

/* Mobile dark glass, while keeping the v1.7.7.41 tracking refinement */
@media(max-width:820px){
  body.theme-oneui .app{padding:10px 10px 96px}
  body.theme-oneui .topbar{top:10px;height:72px;border-radius:22px}
  body.theme-oneui .sidebar{top:10px;left:10px;height:calc(100vh - 20px);border-radius:26px}
  body.theme-oneui.theme-dark .mobile-dock{background:rgba(24,34,51,.90);border-color:#2c3d54;box-shadow:0 18px 42px rgba(0,0,0,.38)}
  body.theme-oneui.theme-dark .mobile-dock-link{color:#9eafc5}
  body.theme-oneui.theme-dark .mobile-dock-link.active{background:#213553;color:#aecaFF}
  body.theme-oneui.theme-dark #orderTracking.shipment-card{background:#182233!important;border-color:#2b3b52!important}
  body.theme-oneui.theme-dark #orderTracking .shipment-panel-head{background:linear-gradient(180deg,#1b2739,#182233);border-color:#2b3b52}
  body.theme-oneui.theme-dark #orderTracking .shipment-panel-head h2{color:#eef4ff}
  body.theme-oneui.theme-dark #orderTracking .shipment-panel-head .muted{color:#96a7bd}
  body.theme-oneui.theme-dark #orderTracking .shipment-contact-strip,
  body.theme-oneui.theme-dark #orderTracking .shipment-form .form-row-3,
  body.theme-oneui.theme-dark #orderTracking .shipment-form>.grid.grid-2>div:first-child,
  body.theme-oneui.theme-dark #orderTracking .shipment-event-box,
  body.theme-oneui.theme-dark #orderTracking .shipment-slip-preview,
  body.theme-oneui.theme-dark #orderTracking .shipment-link-admin{background:#1d293c;border-color:#2d3e55}
  body.theme-oneui.theme-dark #orderTracking .shipment-event-content{background:#202c3f;border-color:#304159}
  body.theme-oneui.theme-dark #orderTracking .shipment-public-link{background:#121c2b;border-color:#304159;color:#c8d5e7}
}


/* =========================================================
   v1.7.7.43 — OneUI mobile full-width layout fix
   Fixes the desktop sidebar grid track leaking into mobile.
   Classic theme remains unchanged.
   ========================================================= */
@media(max-width:820px){
  html,body.theme-oneui{width:100%;max-width:100%;overflow-x:hidden}
  body.theme-oneui .app{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:0!important;
    padding:8px 8px 94px!important;
    margin:0!important;
  }
  body.theme-oneui .main{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.theme-oneui .topbar{
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.theme-oneui .topbar-title-wrap{min-width:0;flex:1 1 auto}
  body.theme-oneui .topbar-title-wrap h1{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.theme-oneui .topbar-actions{flex:0 0 auto;min-width:0}
  body.theme-oneui .content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px 0 12px!important;
    overflow:visible!important;
  }
  body.theme-oneui .content>*{
    max-width:100%!important;
    min-width:0!important;
  }
  body.theme-oneui .dashboard-shell,
  body.theme-oneui .report-v37-shell,
  body.theme-oneui .expenses-v35-shell,
  body.theme-oneui .invoice-v38-shell,
  body.theme-oneui .product-inventory-v39,
  body.theme-oneui .online-store-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.theme-oneui .dashboard-topline{width:100%;gap:11px}
  body.theme-oneui .dashboard-top-actions,
  body.theme-oneui .dashboard-privacy-bar{width:100%!important;max-width:100%!important}
  body.theme-oneui .dashboard-top-actions{display:grid!important;grid-template-columns:1fr;gap:8px}
  body.theme-oneui .dashboard-create-invoice,
  body.theme-oneui #dashboardMoneyToggle{width:100%!important;min-width:0!important}
  body.theme-oneui .dashboard-summary-grid,
  body.theme-oneui .dashboard-section-grid{width:100%;min-width:0}
  body.theme-oneui .dashboard-stat,
  body.theme-oneui .dashboard-panel{width:100%;min-width:0;max-width:100%}
  body.theme-oneui .mobile-dock{
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:calc(100% - 16px)!important;
    margin:0!important;
  }
  body.theme-oneui .sidebar{
    grid-column:auto!important;
    width:min(286px,calc(100vw - 16px))!important;
    left:8px!important;
    top:8px!important;
    height:calc(100dvh - 16px)!important;
  }
  body.theme-oneui .sidebar-overlay{width:100vw!important;height:100dvh!important}
}
@media(max-width:560px){
  body.theme-oneui .dashboard-summary-grid{grid-template-columns:1fr!important}
  body.theme-oneui .dashboard-heading h2{font-size:25px}
  body.theme-oneui .dashboard-stat{min-height:108px!important}
  body.theme-oneui .dashboard-section-grid{grid-template-columns:1fr!important}
  body.theme-oneui .mobile-dock{padding:8px 7px!important;gap:4px!important;border-radius:24px!important}
  body.theme-oneui .mobile-dock-link{min-width:0!important;padding-left:2px!important;padding-right:2px!important}
  body.theme-oneui .mobile-dock-link small{font-size:9.5px!important}
}


/* =========================================================
   v1.7.7.44 — OneUI-only Invoice View mobile redesign
   Classic theme remains unchanged.
   ========================================================= */
.sales-invoice-mobile-items{display:none}

@media(max-width:820px){
  body.theme-oneui .sales-detail-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.theme-oneui .sales-invoice-view-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }

  /* Mobile action area: no more wide desktop toolbar */
  body.theme-oneui .sales-invoice-view-card>.sales-invoice-actionbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:11px!important;
    border-bottom:1px solid #e2e9f3!important;
    background:linear-gradient(180deg,#f9fbff,#f5f8fd)!important;
  }
  body.theme-oneui .sales-invoice-actionbar .sales-invoice-primary-actions,
  body.theme-oneui .sales-invoice-actionbar .sales-invoice-secondary-actions{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.theme-oneui .sales-invoice-actionbar .btn,
  body.theme-oneui .sales-invoice-actionbar form,
  body.theme-oneui .sales-invoice-actionbar form .btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.theme-oneui .sales-invoice-actionbar .btn{
    min-height:40px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
    font-size:11px!important;
    line-height:1.3!important;
    white-space:normal!important;
    text-align:center!important;
    box-shadow:none!important;
  }
  body.theme-oneui .sales-invoice-actionbar form{margin:0!important;display:block!important}

  /* Invoice identity block */
  body.theme-oneui .sales-invoice-view-card .invoice-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:16px 14px 14px!important;
    border-bottom:1px solid #e6ecf4!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-header>div{min-width:0!important}
  body.theme-oneui .sales-invoice-view-card .invoice-brand{
    width:46px!important;height:46px!important;border-radius:15px!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-header h2{
    margin:9px 0 3px!important;
    font-size:19px!important;
    line-height:1.35!important;
    letter-spacing:-.02em!important;
    overflow-wrap:anywhere!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-header .muted{
    font-size:11px!important;line-height:1.55!important;overflow-wrap:anywhere!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-meta{
    text-align:left!important;
    padding:11px 12px!important;
    border:1px solid #e3eaf4!important;
    border-radius:17px!important;
    background:#f8faff!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-title{
    font-size:22px!important;line-height:1.15!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-meta strong{
    display:inline-block;margin-top:5px;font-size:13px!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-meta>div:last-child{font-size:11px!important}

  /* Customer / creator cards */
  body.theme-oneui .sales-invoice-view-card .invoice-customer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:auto!important;
    min-width:0!important;
    margin:12px!important;
    padding:0!important;
    background:transparent!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-customer-grid>div{
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    border-radius:17px!important;
    background:#f9fbff!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-customer-grid strong{
    display:block;font-size:14px!important;line-height:1.45!important;overflow-wrap:anywhere!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-customer-grid div{
    overflow-wrap:anywhere!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-label{font-size:10px!important;margin-bottom:4px!important}

  /* Desktop invoice table -> native mobile item cards */
  body.theme-oneui .sales-invoice-table-wrap{display:none!important}
  body.theme-oneui .sales-invoice-mobile-items{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:auto!important;
    min-width:0!important;
    margin:0 12px 12px!important;
  }
  body.theme-oneui .sales-invoice-mobile-item{
    min-width:0!important;
    padding:12px!important;
    border:1px solid #e2e9f3!important;
    border-radius:18px!important;
    background:#fff!important;
  }
  body.theme-oneui .sales-invoice-mobile-item-head{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    gap:9px!important;
    align-items:start!important;
  }
  body.theme-oneui .sales-invoice-mobile-index{
    width:30px;height:30px;border-radius:10px;background:#eef4ff;color:#315fff;
    display:grid;place-items:center;font-size:11px;font-weight:850;
  }
  body.theme-oneui .sales-invoice-mobile-product{min-width:0!important}
  body.theme-oneui .sales-invoice-mobile-product strong{
    display:block;font-size:13px!important;line-height:1.45!important;overflow-wrap:anywhere!important;
  }
  body.theme-oneui .sales-invoice-mobile-product small{
    display:block;margin-top:4px;color:#7a879a;font-size:9.5px;line-height:1.4;overflow-wrap:anywhere;
  }
  body.theme-oneui .sales-invoice-mobile-line-total{
    color:#1f2d45;font-size:13px!important;white-space:nowrap!important;
  }
  body.theme-oneui .sales-invoice-mobile-item-meta{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:10px!important;
    padding-top:9px!important;
    border-top:1px solid #edf1f6!important;
  }
  body.theme-oneui .sales-invoice-mobile-item-meta>span{
    min-width:0;padding:7px 8px;border-radius:11px;background:#f6f8fc;text-align:center;
  }
  body.theme-oneui .sales-invoice-mobile-item-meta small{
    display:block;color:#8190a5;font-size:8.5px;font-weight:750;margin-bottom:3px;
  }
  body.theme-oneui .sales-invoice-mobile-item-meta strong{
    display:block;font-size:11px!important;white-space:nowrap!important;
  }

  /* Notes and totals */
  body.theme-oneui .sales-invoice-view-card .invoice-bottom{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:auto!important;
    min-width:0!important;
    margin:0 12px 14px!important;
  }
  body.theme-oneui .sales-invoice-view-card .invoice-note{
    padding:11px!important;border-radius:15px!important;font-size:11px!important;line-height:1.55!important;
  }
  body.theme-oneui .sales-invoice-view-card .summary-box{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    border-radius:18px!important;
    background:#f8faff!important;
    box-shadow:none!important;
  }
  body.theme-oneui .sales-invoice-view-card .summary-line{
    padding:6px 2px!important;font-size:11px!important;gap:10px!important;
  }
  body.theme-oneui .sales-invoice-view-card .summary-line.total{
    margin-top:5px!important;padding-top:9px!important;font-size:14px!important;
  }
  body.theme-oneui .sales-invoice-view-card .summary-line.balance{
    margin-top:5px!important;padding-top:9px!important;font-size:13px!important;
  }

  /* Make the rest of sale-view panels respect mobile width */
  body.theme-oneui .sales-detail-shell>.card,
  body.theme-oneui .sales-detail-panel{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  body.theme-oneui .sales-detail-shell .table-wrap{
    max-width:100%!important;
  }
}

@media(max-width:440px){
  body.theme-oneui .sales-invoice-actionbar .sales-invoice-primary-actions,
  body.theme-oneui .sales-invoice-actionbar .sales-invoice-secondary-actions{
    grid-template-columns:1fr 1fr!important;
  }
  body.theme-oneui .sales-invoice-mobile-item-head{
    grid-template-columns:28px minmax(0,1fr)!important;
  }
  body.theme-oneui .sales-invoice-mobile-line-total{
    grid-column:2!important;margin-top:2px!important;
  }
}

/* Dark variant for the new mobile invoice view */
@media(max-width:820px){
  body.theme-oneui.theme-dark .sales-invoice-view-card>.sales-invoice-actionbar{
    background:linear-gradient(180deg,#1c293b,#182436)!important;border-bottom-color:#2c3d54!important;
  }
  body.theme-oneui.theme-dark .sales-invoice-view-card .invoice-header{border-bottom-color:#2b3b51!important}
  body.theme-oneui.theme-dark .sales-invoice-view-card .invoice-meta,
  body.theme-oneui.theme-dark .sales-invoice-view-card .invoice-customer-grid>div,
  body.theme-oneui.theme-dark .sales-invoice-view-card .summary-box{
    background:#1b283a!important;border-color:#2d3e55!important;color:#eef4ff!important;
  }
  body.theme-oneui.theme-dark .sales-invoice-mobile-item{
    background:#182537!important;border-color:#2c3d54!important;color:#eef4ff!important;
  }
  body.theme-oneui.theme-dark .sales-invoice-mobile-index{background:#253b63;color:#8fb0ff}
  body.theme-oneui.theme-dark .sales-invoice-mobile-line-total{color:#eef4ff!important}
  body.theme-oneui.theme-dark .sales-invoice-mobile-item-meta{border-top-color:#2b3b51!important}
  body.theme-oneui.theme-dark .sales-invoice-mobile-item-meta>span{background:#202f43!important}
  body.theme-oneui.theme-dark .sales-invoice-mobile-product small,
  body.theme-oneui.theme-dark .sales-invoice-mobile-item-meta small{color:#9aabc2!important}
}