/* ZAVI ONE • Premium release V37 — visual-only layer.
   Business logic, saved transactions, invoice math and dark palette remain intact.
   Late-loaded: overrides are scoped to light except for accessible motion. */
:root {--v37-radius:17px;--v37-ease:cubic-bezier(.22,1,.36,1)}
html:lang(fa-AF) body,html:lang(ps-AF) body,html:lang(fa) body,html:lang(ps) body{font-family:"Vazirmatn","Noto Sans Arabic",Tahoma,system-ui,sans-serif!important;letter-spacing:0!important;line-height:1.85}
html :is(button,input,select,textarea){font-family:inherit!important}
html :is(button,a,input,select,textarea):focus-visible{outline:3px solid #0b97df!important;outline-offset:3px!important}
/* The real dark theme is deliberately preserved. Gentle motion applies to BOTH themes. */
@media (prefers-reduced-motion:no-preference){
  html :is(.nav-btn,.nav-item,.btn,.button,.icon-btn,.stat,.card,.panel,.zavi-theme-choice,.zsvc-shortcut){transition:transform .23s var(--v37-ease),box-shadow .23s var(--v37-ease),background-color .2s ease,border-color .2s ease,color .2s ease}
  html :is(.btn,.button,.zavi-theme-choice):not(:disabled):active{transform:translateY(1px) scale(.985)}
  html :is(.stat,.stat-card,.metric,.zsvc-shortcut):hover{transform:translateY(-3px)}
  html :is(.content,#content,#view)>:is(section,.card,.stat-grid,.layout-2,.panel,.page-head){animation:v37-arrive .4s var(--v37-ease) both}
  @keyframes v37-arrive{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){html *,html *::before,html *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
html[data-zavi-theme="light"]{
 color-scheme:light!important;--bg:#eef5fc;--white:#fff;--ink:#102640;--muted:#415870;--line:#cbdce9;
 --v37-page:#edf5fc;--v37-paper:#fff;--v37-text:#102640;--v37-secondary:#405974;--v37-stroke:#d1e1ef;
 --v37-blue:#075fce;--v37-teal:#028ab4;--v37-shadow:0 8px 25px rgba(18,57,96,.09),0 1px 3px rgba(18,57,96,.04);
 --zavi-pane:#fff;--zavi-text:#102640;--zavi-soft:#425d76;--z23-foreground:#102640;--z23-muted:#425d76;
}
html[data-zavi-theme="light"] body{color:#102640!important;background:linear-gradient(153deg,#f7fbff,#edf4fc 55%,#f5faff) fixed!important;font-weight:550!important}
/* Filled and carefully separated architecture, as dense and clear as Dark Mode. */
html[data-zavi-theme="light"] :is(.sidebar,.app-sidebar,.side-nav){background:linear-gradient(180deg,#fff 0%,#f5faff 65%,#edf5ff 100%)!important;color:#153753!important;border-color:#d1e1ed!important;box-shadow:0 4px 22px rgba(28,71,109,.08)!important}
html[data-zavi-theme="light"] .sidebar :is(.section-nav,.sidebar-caption,.brand,.brand-name,.sidebar-footer){color:#284865!important;opacity:1!important}
html[data-zavi-theme="light"] .sidebar :is(.nav-btn,.nav-item):not(.active):not(.selected){background:#f0f7ff!important;border:1px solid #d3e4f2!important;border-radius:11px!important;min-height:41px;color:#163b62!important;box-shadow:inset 0 1px #fff,0 2px 5px #173b5810!important;font-weight:750!important;opacity:1!important}
html[data-zavi-theme="light"] .sidebar :is(.nav-btn,.nav-item):not(.active):not(.selected):hover{background:#e1f0ff!important;border-color:#a6cfea!important;transform:translateX(0)}
html[data-zavi-theme="light"] .sidebar :is(.nav-btn.active,.nav-item.active,.nav-item.selected),html[data-zavi-theme="light"] :is(.mobile-bottom,.side-nav) .active{background:linear-gradient(110deg,#076de2,#078bca)!important;color:#fff!important;border:1px solid #157dd9!important;box-shadow:0 6px 17px #0865b52e!important;font-weight:800!important}
html[data-zavi-theme="light"] .sidebar :is(.nav-btn.active,.nav-item.active,.nav-item.selected) :is(span,i,svg,b,small){color:#fff!important;stroke:currentColor!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.topbar,.admin-topbar,.header,.toolbar,.zavi-topbar){background:#ffffffed!important;color:#173654!important;border-color:#d4e1ed!important;box-shadow:0 4px 15px #0d426410!important;backdrop-filter:blur(14px)}
html[data-zavi-theme="light"] :is(.topbar-title,.topbar-sub,.breadcrumbs,#pageTitle,#pageSub,.brand-sub){color:#244665!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.main,.workspace,.content,#content,#view,.app-shell){color:#15314c!important}
html[data-zavi-theme="light"] :is(.card,.panel,.settings-card,.report-card,.table-card,.stat,.stat-card,.metric,.summary-card,.zv18-kpi,.z23-card,.zsvc-extra-card,.zsvc-shortcut,.zsh-card,.form-card,.zavi-phone-card,.zsvc-follow,.zsvc-help,.zsvc-servicegrid){background:#fff!important;color:#122d47!important;border:1px solid #d2e2ef!important;border-radius:var(--v37-radius)!important;box-shadow:var(--v37-shadow)!important}
html[data-zavi-theme="light"] :is(.card,.panel,.stat,.metric,.form-card,.z23-card) :is(h1,h2,h3,h4,h5,h6,strong,b){color:#102a44!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.card,.panel,.stat,.metric,.form-card,.z23-card) :is(p,small,span,.muted,.hint,.subtitle,.sub,.tiny-note,.stat-foot,.stat-label,.stat-sub,.help,.caption){color:#425b72!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.card,.panel,.stat,.metric,.form-card,.z23-card) :is(.stat-value,.value,.amount,.total,.money,.number){color:#0a2d54!important;font-weight:850!important}
/* Pastel metrics with a blue identity, never flat/transparent or unreadable. */
html[data-zavi-theme="light"] .stat-grid>.stat:nth-child(5n+1){background:linear-gradient(137deg,#fff,#e8f3ff)!important;border-color:#c8def5!important}
html[data-zavi-theme="light"] .stat-grid>.stat:nth-child(5n+2){background:linear-gradient(137deg,#fff,#e7faf4)!important;border-color:#cceee2!important}
html[data-zavi-theme="light"] .stat-grid>.stat:nth-child(5n+3){background:linear-gradient(137deg,#fff,#fff3e6)!important;border-color:#f1dfc9!important}
html[data-zavi-theme="light"] .stat-grid>.stat:nth-child(5n+4){background:linear-gradient(137deg,#fff,#f7edff)!important;border-color:#e5d8f5!important}
html[data-zavi-theme="light"] .stat-grid>.stat:nth-child(5n+5){background:linear-gradient(137deg,#fff,#fff0f1)!important;border-color:#f0dbe2!important}
html[data-zavi-theme="light"] .stat-grid>.stat :is(.stat-label,.stat-sub,.stat-foot,small){color:#425a70!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.welcome,.dashboard-hero,.hero-banner,.zavi-hero,.zsh-hero,.z23-top-banner,.zsvc-banner){background:linear-gradient(115deg,#085fc4 0%,#0850ae 53%,#062d68 100%)!important;color:#fff!important;border-color:#248ce3!important;box-shadow:0 16px 35px #09458531!important}
html[data-zavi-theme="light"] :is(.welcome,.dashboard-hero,.hero-banner,.zavi-hero,.zsh-hero,.z23-top-banner,.zsvc-banner) :is(h1,h2,h3,h4,h5,p,span,small,b,strong,.eyebrow,.zv-today){color:#f5fbff!important;-webkit-text-fill-color:#f5fbff!important;opacity:1!important}
/* No dark-mode leftovers in smart inventory, report bars, bank transfer, saved invoices or directories. */
html[data-zavi-theme="light"] :is(.zv18-inventory,.zv18-kpi,.zv18-card,.zv18-stat,.zv-journal-item,.zavi-phone-card,.zavi-phone-contact,.hawala-record,.account-box,.account-card,.detail-box,.stock-item,.fin-metric,.fin-form,.fin-grid,.report-stat,.report-panel,.zsvc-follow,.zsvc-shortcut,.zsvc-results-head){background:linear-gradient(150deg,#fff,#f4f9ff)!important;color:#183550!important;border-color:#cddfec!important}
html[data-zavi-theme="light"] :is(.zv18-inventory,.zv18-kpi,.zv18-card,.zv-journal-item,.zavi-phone-card,.hawala-record,.account-box,.detail-box,.stock-item,.report-panel,.fin-metric) :is(p,small,span,label,b,strong,h3){color:#1c3a55!important;-webkit-text-fill-color:#1c3a55!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.zv18-inventory,.zv18-kpi,.zv18-card,.zv-journal-item,.hawala-record,.account-box,.detail-box,.stock-item) :is(.btn.primary,.pill.green,.badge.green){color:inherit}
html[data-zavi-theme="light"] :is(.zavi-stock-kpi,.zv18-stock-total,.inventory-summary){color:#112d48!important}
html[data-zavi-theme="light"] :is(.table-wrap,.table-scroll,.table-card,.data-table,.transaction-table,.ledger-table,.zsvc-table-scroll,.z23-table){background:#fff!important;color:#183750!important;border-color:#d2e2ef!important}
html[data-zavi-theme="light"] :is(table,.data-table,.transaction-table,.ledger-table) :is(thead,th){background:#e8f3ff!important;color:#173f62!important;border-color:#d2e0ee!important;font-weight:800!important;opacity:1!important}
html[data-zavi-theme="light"] :is(table,.data-table,.transaction-table,.ledger-table) td{color:#213e57!important;border-color:#e0e9f2!important;opacity:1!important}
html[data-zavi-theme="light"] :is(table,.data-table,.transaction-table,.ledger-table) tbody tr:nth-child(even){background:#f1f7ff!important}
html[data-zavi-theme="light"] :is(table,.data-table,.transaction-table,.ledger-table) tbody tr:hover{background:#e7f4ff!important}
html[data-zavi-theme="light"] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#fff!important;color:#142f49!important;-webkit-text-fill-color:#142f49!important;border:1px solid #b6ccdf!important;box-shadow:0 1px 3px #153e5f0b!important;opacity:1!important}
html[data-zavi-theme="light"] :is(input,textarea)::placeholder{color:#52687c!important;-webkit-text-fill-color:#52687c!important;opacity:1!important}
html[data-zavi-theme="light"] :is(label,.field label,.form-group label){color:#254663!important;opacity:1!important;font-weight:730!important}
html[data-zavi-theme="light"] :is(input[type=checkbox],input[type=radio]){accent-color:#096bd2!important}
html[data-zavi-theme="light"] :is(.btn,.button,.icon-btn,.zsh-btn,.zavi-theme-choice):not(.primary):not(.danger):not(.is-selected):not([aria-pressed=true]){background:#e7f3ff!important;border:1px solid #adcfe8!important;color:#124e82!important;-webkit-text-fill-color:#124e82!important;font-weight:800!important}
html[data-zavi-theme="light"] :is(.btn.primary,.btn-primary,.button.primary,button.primary,.zavi-theme-choice.is-selected,.zavi-theme-choice[aria-pressed=true]){background:linear-gradient(113deg,#0660d2,#02a0c5)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#147bca!important;box-shadow:0 7px 17px #0578c82f!important}
html[data-zavi-theme="light"] :is(.btn.primary,.btn-primary,.button.primary,button.primary,.zavi-theme-choice.is-selected) :is(span,svg,b,small,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-zavi-theme="light"] :is(.pill,.badge,.tag,.status){background:#e7f3ff!important;border-color:#c2dbea!important;color:#164d78!important}
html[data-zavi-theme="light"] :is(.pill.green,.status.active,.badge.green){background:#d9f8e9!important;color:#086647!important;border-color:#a4e1c2!important}
html[data-zavi-theme="light"] :is(.pill.red,.status.suspended,.status.expired){background:#ffe9ee!important;color:#9c2244!important;border-color:#ecafbd!important}
html[data-zavi-theme="light"] :is(.pill.amber,.status.warning){background:#fff2d4!important;color:#81510b!important;border-color:#efcc87!important}
html[data-zavi-theme="light"] :is(.modal-card,.modal-content,.modal-body,.modal-head,.modal-foot,.dialog,.popup,.auth-card,.zawi-auth-card,.receipt-preview){background:#fff!important;border-color:#caddea!important;color:#142f49!important}
html[data-zavi-theme="light"] :is(.modal-card,.modal-content,.modal-body,.modal-head,.modal-foot,.dialog,.popup,.auth-card,.zawi-auth-card,.receipt-preview) :is(label,p,span,b,strong,h1,h2,h3,small){color:#1c3a56!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.auth-promo,.welcome,.z23-top-banner,.zsvc-banner) :is(label,p,span,b,strong,h1,h2,h3,small){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-zavi-theme="light"] :is(.empty,.empty-state){background:#f5faff!important;color:#3c566e!important;border-color:#c5dbea!important}
html[data-zavi-theme="light"] .zavi-date-chip{background:#e5f2ff!important;border:1px solid #bdd9ef!important;color:#1a4a75!important}
html[data-zavi-theme="light"] .zavi-date-chip :is(span,b,small){color:#1a4a75!important;-webkit-text-fill-color:#1a4a75!important}
html[data-zavi-theme="light"] .zavi-date-preview{color:#375c76!important;font-weight:650}
html[data-zavi-theme="light"] :is(.bar-chart,.chart,.chart-wrap,.chart-area,.zv-chart,.zavi-chart){color:#1a4164!important}
html[data-zavi-theme="light"] :is(.chart,.bar-chart,.chart-wrap) :is(.axis-label,.bar-label,.tip,.label,small){color:#365b7b!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.top-label,.stat-chip,.stat-badge,.stat-note){background:#dcecff!important;color:#154c7d!important;opacity:1!important}
html[data-zavi-theme="light"] :is(.mobile-bottom,.sidebar-footer){border-color:#ccdfef!important}
@media(max-width:780px){html[data-zavi-theme="light"] .sidebar :is(.nav-btn,.nav-item){min-height:43px!important}html[data-zavi-theme="light"] :is(.card,.panel,.stat,.metric){box-shadow:0 4px 14px #133b6319!important}}
@media print{html[data-zavi-theme="light"] :is(.paper,.invoice-paper,.invoice-page,.receipt-paper){background:#fff!important;color:#172b45!important;box-shadow:none!important}html[data-zavi-theme="light"] :is(.paper,.invoice-paper,.invoice-page,.receipt-paper) :is(p,span,label,b,strong,td,th){color:#172b45!important}}
/* Four native-action shortcuts — in the order shown in the approved mock-up. */
.zavi-v37-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.zavi-v37-action{display:flex;align-items:center;gap:12px;min-width:0;min-height:67px;padding:10px 16px;border-radius:15px;border:1px solid #3c7cb2;background:#143b70;color:#fff;text-align:start;cursor:pointer;font-family:inherit;box-shadow:0 5px 15px #001b3950}
.zavi-v37-action strong{display:block;font-size:14px;font-weight:850;line-height:1.5}.zavi-v37-action small{display:block;font-size:11px;font-weight:600;opacity:.83;line-height:1.7}
.zavi-v37-icon{flex:none;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#ffffff26;color:inherit;font-size:20px}
html[data-zavi-theme="dark"] .zavi-v37-sale{background:linear-gradient(125deg,#0767df,#073b99);border-color:#258ff2}
html[data-zavi-theme="dark"] .zavi-v37-purchase{background:linear-gradient(125deg,#112c64,#0654a0);border-color:#267ac1}
html[data-zavi-theme="dark"] .zavi-v37-receive{background:linear-gradient(125deg,#053f46,#06685b);border-color:#158a83}
html[data-zavi-theme="dark"] .zavi-v37-pay{background:linear-gradient(125deg,#3b2f31,#754418);border-color:#a56734}
html[data-zavi-theme="light"] .zavi-v37-actions{background:#fff;border:1px solid #d1e2f2;box-shadow:0 7px 22px #183d6817;border-radius:18px;padding:12px}
html[data-zavi-theme="light"] .zavi-v37-action{border-radius:13px;box-shadow:none;color:#163c64;-webkit-text-fill-color:#163c64}
html[data-zavi-theme="light"] .zavi-v37-sale{background:linear-gradient(115deg,#0867d9,#0989e3);border-color:#167fdc;color:#fff;-webkit-text-fill-color:#fff}
html[data-zavi-theme="light"] .zavi-v37-purchase{background:#e5f4ff;border-color:#c6e3f9;color:#0753a5;-webkit-text-fill-color:#0753a5}
html[data-zavi-theme="light"] .zavi-v37-receive{background:#e4f9ec;border-color:#bee9d1;color:#086a44;-webkit-text-fill-color:#086a44}
html[data-zavi-theme="light"] .zavi-v37-pay{background:#fff1e5;border-color:#f4ddc5;color:#98500f;-webkit-text-fill-color:#98500f}
html[data-zavi-theme="light"] .zavi-v37-action .zavi-v37-icon{background:#ffffff91;color:inherit;-webkit-text-fill-color:inherit}
html[data-zavi-theme="light"] .zavi-v37-sale .zavi-v37-icon{background:#ffffff29;color:#fff;-webkit-text-fill-color:#fff}
@media(prefers-reduced-motion:no-preference){.zavi-v37-action{transition:transform .2s ease,box-shadow .2s ease}.zavi-v37-action:hover{transform:translateY(-3px);box-shadow:0 7px 19px #155b8d25}}
@media(max-width:1050px){.zavi-v37-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.zavi-v37-actions{gap:8px;padding:8px!important}.zavi-v37-action{padding:9px!important;gap:8px;min-height:61px}.zavi-v37-action strong{font-size:12px}.zavi-v37-action small{font-size:10px}.zavi-v37-icon{height:30px;width:30px;font-size:15px}}

.zavi-v37-icon svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Gentle graph draw-in (visual-only; numeric totals and dates are not animated). */
@media(prefers-reduced-motion:no-preference){
 .bar-chart .bar-col .fill{transform-origin:bottom center;animation:v37-grow .67s cubic-bezier(.18,.83,.25,1) both}
 .bar-chart .bar-col:nth-child(3n+2) .fill{animation-delay:.11s}
 .bar-chart .bar-col:nth-child(3n+3) .fill{animation-delay:.19s}
 @keyframes v37-grow{from{transform:scaleY(.06);opacity:.45}to{transform:scaleY(1);opacity:1}}
}