/* ═══════════════════════════════════════════════════════════════
   zb-brand.css — لایهٔ نهاییِ هویتِ بصری              [برندبوکِ ۱۰ مهر ۱۴۰۵]
   ═══════════════════════════════════════════════════════════════
   آخرین فایلِ CSS در <head> همهٔ قالب‌های پایه. فقط «توکن‌های سطح و متن» را
   بر اساسِ برندبوک می‌گذارد (رنگِ اقدام/شخصیت از core/palette.py و پنلِ
   سوپرادمین می‌آید و این‌جا دست نمی‌خورد).

   پالتِ برند:  سرمه‌ای #141A3A · کرم #F7F1EA · طلایی #B78D50 (نشانه، نه متنِ ریز)
               طلاییِ روشن #DABB85 (روی سرمه‌ای) · آبیِ اقدام #123FA4 · آبیِ شب #0B2453
   تمِ تیره: سطح‌ها از خانوادهٔ سرمه‌ای (نه مشکیِ خنثی)، متن کرم. کنتراستِ متنِ
   معمول ≥ ۴٫۵:۱ (WCAG 2.2 AA) در هر دو تم.
   ═══════════════════════════════════════════════════════════════ */

:root{
    --zb-ivory:#F7F1EA; --zb-navy-ink:#141A3A; --zb-brand-gold:#B78D50; --zb-brand-gold-2:#DABB85;
    --zb-action:#123FA4; --zb-blue-night:#0B2453;
    --zb-logo-gold:#B78D50;
}
/* ── تمِ روشن (پیش‌فرض) ── */
:root:not([data-theme="dark"]){
    --bg:#F7F1EA; --bg-2:#FBF8F4; --paper:#F7F1EA; --zb-cream:#F7F1EA;
    --surface:#FFFFFF; --surface-2:#FBF7F1; --card:#FFFFFF; --zb-surface:#FFFFFF;
    --text:#141A3A; --ink:#141A3A; --zb-ink:#141A3A;
    --text-2:#353B5E; --zb-ink-2:#353B5E;
    --muted:#5B6080; --zb-ink-3:#5B6080;           /* ۵٫۶:۱ روی کرم */
    --border:rgba(20,26,58,.12); --border-strong:rgba(20,26,58,.24); --zb-line:rgba(20,26,58,.12);
    --zb-logo-gold:#B78D50;
}
/* ── تمِ تیره ── */
:root[data-theme="dark"]{
    --bg:#0A0F2C; --bg-2:#0F1538; --paper:#0A0F2C; --zb-cream:#1A2148;
    --surface:rgba(30,40,96,.58); --surface-2:rgba(44,56,124,.5); --card:rgba(30,40,96,.58); --zb-surface:rgba(30,40,96,.58);
    --zb-glass-edge:rgba(218,187,133,.14);
    --text:#F7F1EA; --ink:#F7F1EA; --zb-ink:#F7F1EA;
    --text-2:#DCD6CF; --zb-ink-2:#DCD6CF;
    --muted:#AEB2CB; --zb-ink-3:#AEB2CB;           /* ۷٫۸:۱ روی #161D40 */
    --border:rgba(247,241,234,.11); --border-strong:rgba(247,241,234,.22); --zb-line:rgba(247,241,234,.11);
    --zb-logo-gold:#DABB85;
    color-scheme:dark;
}


/* ── لوگو ── */
.zb-logo{color:var(--text,#141A3A)}
.zb-brand-plain{display:inline-flex;align-items:center}
#zbNavbar .navbar-brand,.zsb-brand,.zbh-brand,#navbar .brand{color:var(--text,#141A3A)}

/* ═══ تمِ تیرهٔ داشبوردها: کلاس‌های ثابتِ Tailwind که با تم عوض نمی‌شدند ═══
   (bg-white، text-gray-*، border-gray-*) — ریشهٔ «کنتراستِ رعایت‌نشده» در پنل‌ها. */
html[data-theme="dark"] .bg-white,html[data-theme="dark"] .bg-gray-50,html[data-theme="dark"] .bg-slate-50{background-color:var(--surface)!important}
html[data-theme="dark"] .bg-gray-100,html[data-theme="dark"] .bg-slate-100{background-color:var(--surface-2)!important}
html[data-theme="dark"] .text-gray-900,html[data-theme="dark"] .text-gray-800,html[data-theme="dark"] .text-slate-900,html[data-theme="dark"] .text-slate-800{color:var(--text)!important}
html[data-theme="dark"] .text-gray-700,html[data-theme="dark"] .text-gray-600,html[data-theme="dark"] .text-slate-700,html[data-theme="dark"] .text-slate-600{color:var(--text-2)!important}
html[data-theme="dark"] .text-gray-500,html[data-theme="dark"] .text-gray-400,html[data-theme="dark"] .text-slate-500,html[data-theme="dark"] .text-slate-400{color:var(--muted)!important}
html[data-theme="dark"] .border-gray-100,html[data-theme="dark"] .border-gray-200,html[data-theme="dark"] .border-gray-300,html[data-theme="dark"] .divide-gray-100>*+*,html[data-theme="dark"] .divide-gray-200>*+*{border-color:var(--border)!important}
html[data-theme="dark"] .bg-white\/95,html[data-theme="dark"] .bg-white\/90,html[data-theme="dark"] .bg-white\/80{background-color:color-mix(in srgb,var(--surface) 92%,transparent)!important}

/* فرم‌ها و جدول‌ها در تمِ تیره */
html[data-theme="dark"] .form-input,html[data-theme="dark"] .form-select,html[data-theme="dark"] .ix-input,html[data-theme="dark"] .ix-textarea,
html[data-theme="dark"] input[type="text"],html[data-theme="dark"] input[type="number"],html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="tel"],html[data-theme="dark"] input[type="email"],html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="date"],html[data-theme="dark"] select,html[data-theme="dark"] textarea{
    background-color:var(--surface-2);color:var(--text);border-color:var(--border-strong)
}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:var(--muted);opacity:1}
html[data-theme="dark"] table th{color:var(--muted)}
html[data-theme="dark"] table td{color:var(--text-2)}

/* فوکوسِ قابلِ دیدن (برندبوک: صفحه‌کلید) */
:focus-visible{outline:2px solid color-mix(in srgb,var(--zb-accent,#123FA4) 80%,#fff 0%);outline-offset:2px}

@media (prefers-reduced-motion:reduce){.brand-decoration{animation:none;transition:none}}

/* برچسبِ «نمایشِ نمونه» کنارِ عنوانِ تابلو (برندبوک: دادهٔ نمونه آشکار باشد) */
.zsbd-sample{display:inline-block;vertical-align:middle;margin-inline-start:8px;padding:2px 10px;border-radius:99px;font-size:.42em;font-weight:700;letter-spacing:0;
    background:color-mix(in srgb,var(--zb-brand-gold) 18%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--zb-brand-gold) 45%,transparent)}


/* ═══════════════════════════════════════════════════════════════
   تمِ تیرهٔ «نیمه‌شبِ آینه» — عمق و نور به‌جای سطحِ تختِ مات
   پسِ‌زمینه: سرمه‌ایِ عمیق با دو هالهٔ نرم (آبیِ اقدام بالا، آلوییِ کمپین پایین) و درخششِ طلاییِ کم‌رنگ.
   کارت‌ها: شیشهٔ سرمه‌ایِ نیمه‌شفاف روی هاله، لبهٔ طلاییِ بسیار ظریف، نورِ بالای کارت.
   ═══════════════════════════════════════════════════════════════ */
/* پس‌زمینه روی <html>، body شفاف — تا هالهٔ شناور (body::before) دیده شود */
html[data-theme="dark"]{
    background-color:#0A0F2C!important;
    background-image:
        radial-gradient(1100px 620px at 88% -8%, rgba(18,63,164,.42), transparent 62%),
        radial-gradient(900px 560px at -6% 108%, rgba(84,33,106,.38), transparent 60%),
        radial-gradient(700px 320px at 45% -4%, rgba(218,187,133,.09), transparent 70%),
        linear-gradient(180deg,#0C1234 0%,#0A0F2C 60%,#090D26 100%)!important;
    background-attachment:fixed!important;
}
html[data-theme="dark"] body{background:transparent!important}
/* کارت‌های داشبورد و کارت‌های صفحه‌های مالی/اشتراک */
html[data-theme="dark"] .zbd-card,html[data-theme="dark"] .rv-card,html[data-theme="dark"] .rv-kpi,html[data-theme="dark"] .lg-card,
html[data-theme="dark"] .wd-card,html[data-theme="dark"] .dx-card,html[data-theme="dark"] .bl-plan,html[data-theme="dark"] .ins-card{
    background:linear-gradient(165deg,rgba(52,66,140,.46) 0%,rgba(26,35,86,.62) 46%,rgba(17,24,62,.74) 100%)!important;
    border:1px solid var(--zb-glass-edge)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 46px -30px rgba(0,0,0,.85),0 0 0 1px rgba(10,15,44,.35);
    -webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15);
}
html[data-theme="dark"] .zbd-card:hover,html[data-theme="dark"] a.zbd-card:hover{border-color:rgba(218,187,133,.28)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 52px -30px rgba(18,63,164,.55)}
/* اعدادِ کلیدی: کرمِ روشن با هالهٔ طلایی؛ برچسب‌ها آرام */
html[data-theme="dark"] .zbd-kpi .v,html[data-theme="dark"] .rv-kpi b,html[data-theme="dark"] .ins-kpi b{color:#FBF6EE;text-shadow:0 0 22px rgba(218,187,133,.22)}
html[data-theme="dark"] .zbd-kpi .l,html[data-theme="dark"] .rv-kpi span{color:#B9BDD6}
html[data-theme="dark"] .zbd-kpi{position:relative;overflow:hidden}
html[data-theme="dark"] .zbd-kpi::after{content:"";position:absolute;inset-inline:18px;top:0;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(218,187,133,.55),transparent)}
/* عنوانِ بخش‌ها: نشانهٔ طلایی */
html[data-theme="dark"] .dx-sec-title,html[data-theme="dark"] .rv-card h3,html[data-theme="dark"] .lg-card h3,html[data-theme="dark"] .ins-card h3{color:#F7F1EA}
/* نوار کناری و سربرگ */
html[data-theme="dark"] body.zb-dashboard aside#sidebar{
    background:linear-gradient(180deg,rgba(16,23,62,.94) 0%,rgba(11,17,48,.96) 100%)!important;
    border-inline-start:1px solid rgba(218,187,133,.12)!important}
html[data-theme="dark"] body.zb-dashboard .sidebar-link.active{background:linear-gradient(90deg,rgba(18,63,164,.38),rgba(18,63,164,.12))!important;color:#fff!important}
html[data-theme="dark"] body.zb-dashboard .sidebar-link.active::before{background:#DABB85!important;box-shadow:0 0 12px rgba(218,187,133,.6)}
/* دکمه‌های اصلی: آبیِ روشن با درخشش */
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .zsb-btn:not(.gold):not(.ghost){
    background:linear-gradient(135deg,#3D6BE0 0%,#123FA4 100%)!important;color:#fff!important;border-color:transparent!important;
    box-shadow:0 10px 26px -12px rgba(61,107,224,.75),inset 0 1px 0 rgba(255,255,255,.18)}
html[data-theme="dark"] a:not([class]){color:#9EC1FF}
/* فوترِ پنلِ مشتری (رنگِ قهوه‌ایِ قدیمی) */
html[data-theme="dark"] body.zcu footer,html[data-theme="dark"] footer.bg-gray-900{background:linear-gradient(180deg,#0C1234,#080C24)!important;border-top:1px solid rgba(218,187,133,.12)}
@media (prefers-reduced-transparency:reduce){html[data-theme="dark"] .zbd-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#18204A!important}}

/* ═══════════════════════════════════════════════════════════════
   زنده بودن: نورِ اشاره‌گر، موجِ لمس، هالهٔ شناور، لهجهٔ آلویی     (همراهِ static/js/zb-live.js)
   آلویی (#54216A) نقشِ کمپین دارد: فقط در گرادیانِ تیتر، هالهٔ پس‌زمینه و خطوطِ تأکید — نه متنِ اصلی.
   ═══════════════════════════════════════════════════════════════ */
:root{--zb-plum:#54216A;--zb-plum-soft:color-mix(in srgb,#54216A 12%,transparent)}
:root[data-theme="dark"]{--zb-plum:#B98AD6;--zb-plum-soft:color-mix(in srgb,#B98AD6 14%,transparent)}

/* تیترِ هیرو: آبی ← آلویی ← طلایی */
.zsx-h1 .grad-text{background:linear-gradient(95deg,#123FA4 0%,#54216A 58%,#B78D50 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
html[data-theme="dark"] .zsx-h1 .grad-text{background:linear-gradient(95deg,#8FB8FF 0%,#C9A0E8 55%,#E6CC98 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.page-head h1 .grad-text,.zsb-head h2 em,.zsbd-head h2 em{background:linear-gradient(95deg,var(--zb-accent),var(--zb-plum));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* نورِ اشاره‌گر */
.zb-lit{background-image:radial-gradient(280px circle at var(--mx,-999px) var(--my,-999px),color-mix(in srgb,var(--zb-accent,#123FA4) 9%,transparent),transparent 70%)!important}
html[data-theme="dark"] :is(.zbd-card,.rv-card,.rv-kpi,.lg-card,.wd-card,.dx-card,.bl-plan,.ins-card).zb-lit{
    background:radial-gradient(300px circle at var(--mx,-999px) var(--my,-999px),rgba(143,184,255,.17),rgba(185,138,214,.08) 42%,transparent 72%),
               linear-gradient(165deg,rgba(52,66,140,.46) 0%,rgba(26,35,86,.62) 46%,rgba(17,24,62,.74) 100%)!important}

/* موجِ لمس */
.zb-ripple-host{overflow:hidden;isolation:isolate}
.zb-ripple{position:absolute;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:0}
.btn,.zsb-btn,.slot,.opt-card,.icon-btn{transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s,background-color .2s}
.btn:active,.zsb-btn:active,.slot:not(.disabled):active,.opt-card:active,.icon-btn:active{transform:scale(.97)}
.slot:not(.disabled):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--zb-accent) 55%,transparent);
    box-shadow:0 10px 22px -14px color-mix(in srgb,var(--zb-accent) 70%,transparent)}

/* هالهٔ شناورِ تمِ تیره: سه لکهٔ نرم (آبی، آلویی، طلایی) که آرام جابه‌جا می‌شوند */
html[data-theme="dark"] body::before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;
    background:
      radial-gradient(38vmax 30vmax at 78% 12%,rgba(18,63,164,.30),transparent 62%),
      radial-gradient(34vmax 28vmax at 14% 86%,rgba(84,33,106,.34),transparent 62%),
      radial-gradient(26vmax 18vmax at 50% 40%,rgba(218,187,133,.06),transparent 70%);
    filter:blur(10px);animation:zbAurora 46s ease-in-out infinite alternate}
@keyframes zbAurora{
  0%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(-3vmax,2vmax,0) rotate(6deg)}
  100%{transform:translate3d(2vmax,-2vmax,0) rotate(-4deg)}}
/* لبهٔ کارت در تیره: آلویی‌طلایی */
html[data-theme="dark"] .zbd-kpi::after{background:linear-gradient(90deg,transparent,rgba(218,187,133,.6),rgba(185,138,214,.55),transparent)}
/* نشانگرِ «زنده» */
.zb-live-dot,.zsbd-brand i{animation:zbPulse 2.4s ease-in-out infinite}
@keyframes zbPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--zb-ok,#1E9E6A) 55%,transparent)}50%{box-shadow:0 0 0 6px transparent}}

@media (prefers-reduced-motion:reduce){
  html[data-theme="dark"] body::before,.zb-live-dot,.zsbd-brand i{animation:none}
  .btn,.zsb-btn,.slot,.opt-card,.icon-btn{transition:none}
  .slot:not(.disabled):hover{transform:none}
}

/* سربرگِ صفحه‌های رزرو: نامِ سالن + «رزروِ نوبت در [لوگو]» در یک خط */
.bk-title{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.bk-title .bk-salon{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bk-title .bk-by{display:inline-flex!important;align-items:center;gap:6px;font-size:.72rem;color:var(--muted)}
.bk-title .bk-by .zb-logo{display:inline-block!important;height:16px}
.bk-title .bk-brand{display:inline-flex;color:var(--text)}


/* ═══════════════════════════════════════════════════════════════
   تمِ تیره — نسخهٔ «جان‌دار» (بازخوردِ مالک: «خیلی مرده است»)
   پس‌زمینهٔ سرمه‌ای‌ـبنفشِ اشباع‌تر، هالهٔ پررنگ‌تر، لبهٔ گرادیانیِ آبی‌ـآلویی‌ـطلایی روی کارت‌ها،
   تیترهای کرم با درخششِ طلایی، و غبارِ طلاییِ شناور (canvas در zb-live.js).
   ═══════════════════════════════════════════════════════════════ */
html[data-theme="dark"]{
    background-color:#0B0F2E!important;
    background-image:
        radial-gradient(1200px 700px at 92% -10%, rgba(45,95,230,.55), transparent 60%),
        radial-gradient(1000px 640px at -8% 105%, rgba(123,52,160,.55), transparent 60%),
        radial-gradient(800px 420px at 40% 0%, rgba(218,187,133,.12), transparent 70%),
        radial-gradient(700px 500px at 60% 70%, rgba(84,33,106,.25), transparent 70%),
        linear-gradient(170deg,#121A4A 0%,#0C1236 45%,#0B0F2E 70%,#140C34 100%)!important}
html[data-theme="dark"] body::before{
    background:
      radial-gradient(40vmax 32vmax at 80% 10%,rgba(61,107,224,.42),transparent 62%),
      radial-gradient(36vmax 30vmax at 12% 88%,rgba(150,70,190,.42),transparent 62%),
      radial-gradient(28vmax 20vmax at 52% 42%,rgba(218,187,133,.10),transparent 70%)!important;
    filter:blur(14px);opacity:1}
html[data-theme="dark"] :is(.zbd-card,.rv-card,.rv-kpi,.lg-card,.wd-card,.dx-card,.bl-plan,.ins-card,.bk-panel,.bk-aside,.opt-card,.svc-card,.bk-slots,.stepper){
    border:1px solid transparent!important;
    background-origin:border-box!important}
html[data-theme="dark"] :is(.zbd-card,.rv-card,.lg-card,.wd-card,.dx-card,.ins-card){
    background:
      linear-gradient(165deg,rgba(46,60,140,.62) 0%,rgba(26,34,92,.70) 50%,rgba(22,20,70,.80) 100%) padding-box,
      linear-gradient(135deg,rgba(143,184,255,.55),rgba(185,138,214,.30) 45%,rgba(218,187,133,.45)) border-box!important}
html[data-theme="dark"] :is(.zbd-card,.rv-card,.lg-card,.wd-card,.dx-card,.ins-card).zb-lit{
    background:
      radial-gradient(300px circle at var(--mx,-999px) var(--my,-999px),rgba(143,184,255,.20),rgba(185,138,214,.10) 42%,transparent 72%) padding-box,
      linear-gradient(165deg,rgba(46,60,140,.62) 0%,rgba(26,34,92,.70) 50%,rgba(22,20,70,.80) 100%) padding-box,
      linear-gradient(135deg,rgba(143,184,255,.8),rgba(185,138,214,.5) 45%,rgba(218,187,133,.7)) border-box!important}
html[data-theme="dark"] .bk-page :is(.bk-panel,.bk-aside,.opt-card,.svc-card,.bk-slots,.stepper){
    background:linear-gradient(165deg,rgba(46,60,140,.55),rgba(24,30,84,.70)) padding-box,
      linear-gradient(135deg,rgba(143,184,255,.45),rgba(185,138,214,.28) 50%,rgba(218,187,133,.40)) border-box!important}
html[data-theme="dark"] .bk-page .opt-card.on,html[data-theme="dark"] .bk-page .svc-card.ring-2{
    background:linear-gradient(160deg,rgba(61,107,224,.40),rgba(120,52,160,.30) 60%,rgba(24,30,84,.7)) padding-box,
      linear-gradient(135deg,#8FB8FF,#C9A0E8,#E6CC98) border-box!important}
/* تیترها و اعداد */
html[data-theme="dark"] :is(h1,h2,.page-title,.dx-sec-title){color:#FBF6EE;text-shadow:0 0 28px rgba(143,184,255,.18)}
html[data-theme="dark"] .zbd-kpi .v{background:linear-gradient(95deg,#FFFFFF,#E6CC98);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* سربرگِ داشبورد و ناوبری عمومی: شیشهٔ رنگی با خطِ گرادیانی */
html[data-theme="dark"] header.backdrop-blur-lg,html[data-theme="dark"] #navbar,html[data-theme="dark"] #zbNavbar,html[data-theme="dark"] .zsb-nav{
    background:linear-gradient(180deg,rgba(18,24,66,.86),rgba(14,18,52,.78))!important;
    border-bottom:1px solid transparent!important;
    border-image:linear-gradient(90deg,transparent,rgba(143,184,255,.55),rgba(185,138,214,.5),rgba(218,187,133,.55),transparent) 1!important}
#zbGlitter{position:fixed;inset:0;z-index:-1;pointer-events:none}

/* body در پنل‌ها کلاسِ bg-gray-50 دارد؛ در تمِ تیره باید شفاف بماند تا هاله و غبار دیده شوند */
html[data-theme="dark"] body.bg-gray-50,html[data-theme="dark"] body.zb-dashboard,html[data-theme="dark"] body.zcu{background:transparent!important}
html[data-theme="dark"] .dashboard-shell,html[data-theme="dark"] .dashboard-shell>main,html[data-theme="dark"] main.flex-1{background:transparent!important}
/* چیپِ فعالِ دسته: متنِ خوانا روی گرادیان */
.bk-page .svc-cats .zb-filter.is-on,.bk-page .svc-cats .zb-filter.is-on *{color:#fff!important;-webkit-text-fill-color:#fff}
html[data-theme="dark"] .bk-page .svc-cats .zb-filter.is-on,html[data-theme="dark"] .bk-page .svc-cats .zb-filter.is-on *{color:#0A0F2C!important;-webkit-text-fill-color:#0A0F2C}

/* ═══════════════════════════════════════════════════════════════
   تمِ تیره v4 — «جوهر و طلا» (بازخوردِ مالک: «خیلی آبی است، تیره‌تر شود»)
   پایه: جوهرِ تقریباً سیاه با تهِ آلویی؛ هاله‌ها آلویی و طلایی، آبی فقط ردّی کم‌رنگ.
   کارت‌ها: شیشهٔ زغالی‌ـآلویی با لبهٔ طلایی؛ اقدامِ اصلی: طلاییِ شامپاینی با متنِ تیره.
   (این بلوک عمداً آخر است و بلوک‌های تیرهٔ قبلی را بازنویسی می‌کند.)
   ═══════════════════════════════════════════════════════════════ */
:root[data-theme="dark"]{
    --bg:#08080E; --bg-2:#0C0B14; --paper:#08080E;
    --surface:rgba(26,22,38,.72); --surface-2:rgba(40,34,58,.6); --card:rgba(26,22,38,.72); --zb-surface:rgba(26,22,38,.72);
    --text:#F5EFE6; --text-2:#DAD2C8; --muted:#A9A1B5; --zb-ink-3:#A9A1B5;
    --border:rgba(218,187,133,.12); --border-strong:rgba(218,187,133,.24); --zb-line:rgba(218,187,133,.12);
    --zb-glass-edge:rgba(218,187,133,.18);
}
html[data-theme="dark"]{
    background-color:#07070C!important;
    background-image:
        radial-gradient(1100px 650px at 92% -12%, rgba(110,47,107,.42), transparent 62%),
        radial-gradient(900px 600px at -10% 108%, rgba(84,33,106,.40), transparent 62%),
        radial-gradient(760px 380px at 45% -6%, rgba(218,187,133,.11), transparent 70%),
        radial-gradient(600px 420px at 70% 75%, rgba(18,40,110,.12), transparent 70%),
        linear-gradient(175deg,#0E0B18 0%,#09080F 50%,#07070C 100%)!important}
html[data-theme="dark"] body::before{
    background:
      radial-gradient(38vmax 30vmax at 82% 8%,rgba(122,52,120,.34),transparent 62%),
      radial-gradient(34vmax 28vmax at 10% 90%,rgba(84,33,106,.36),transparent 62%),
      radial-gradient(26vmax 18vmax at 50% 40%,rgba(218,187,133,.08),transparent 70%)!important}
/* کارت‌ها: زغالی‌ـآلویی با لبهٔ طلایی */
html[data-theme="dark"] :is(.zbd-card,.rv-card,.lg-card,.wd-card,.dx-card,.ins-card){
    background:
      linear-gradient(165deg,rgba(38,30,52,.78) 0%,rgba(22,19,32,.84) 55%,rgba(16,14,24,.9) 100%) padding-box,
      linear-gradient(135deg,rgba(218,187,133,.42),rgba(122,52,120,.28) 50%,rgba(218,187,133,.18)) border-box!important;
    box-shadow:inset 0 1px 0 rgba(255,240,220,.05),0 24px 48px -30px rgba(0,0,0,.9)!important}
html[data-theme="dark"] :is(.zbd-card,.rv-card,.lg-card,.wd-card,.dx-card,.ins-card).zb-lit{
    background:
      radial-gradient(300px circle at var(--mx,-999px) var(--my,-999px),rgba(218,187,133,.13),rgba(150,70,160,.08) 45%,transparent 72%) padding-box,
      linear-gradient(165deg,rgba(38,30,52,.78) 0%,rgba(22,19,32,.84) 55%,rgba(16,14,24,.9) 100%) padding-box,
      linear-gradient(135deg,rgba(218,187,133,.7),rgba(150,70,160,.4) 50%,rgba(218,187,133,.35)) border-box!important}
html[data-theme="dark"] .zbd-kpi .v{background:linear-gradient(95deg,#FFF7EA,#E6CC98);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="dark"] :is(h1,h2,.page-title,.dx-sec-title){text-shadow:0 0 28px rgba(218,187,133,.14)}
/* نوار کناری و سربرگ */
html[data-theme="dark"] body.zb-dashboard aside#sidebar{background:linear-gradient(180deg,rgba(16,13,24,.96),rgba(10,9,16,.98))!important;border-inline-start:1px solid rgba(218,187,133,.12)!important}
html[data-theme="dark"] body.zb-dashboard .sidebar-link.active{background:linear-gradient(90deg,rgba(122,52,120,.38),rgba(122,52,120,.10))!important}
html[data-theme="dark"] header.backdrop-blur-lg,html[data-theme="dark"] #navbar,html[data-theme="dark"] #zbNavbar,html[data-theme="dark"] .zsb-nav{
    background:linear-gradient(180deg,rgba(14,12,22,.9),rgba(10,9,16,.82))!important;
    border-image:linear-gradient(90deg,transparent,rgba(218,187,133,.5),rgba(150,70,160,.45),transparent) 1!important}
/* اقدامِ اصلی: طلاییِ شامپاینی */
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .zsb-btn:not(.gold):not(.ghost):not(.ghost-l){
    background:linear-gradient(135deg,#F0DDB2 0%,#DABB85 45%,#B78D50 100%)!important;color:#140F08!important;
    box-shadow:0 12px 28px -14px rgba(218,187,133,.65),inset 0 1px 0 rgba(255,255,255,.35)!important}
html[data-theme="dark"] a:not([class]){color:#E6CC98}
/* مسیرِ رزرو در تیره */
html[data-theme="dark"] .bk-page{--lx-card:rgba(30,25,44,.72);--lx-card-2:rgba(44,36,62,.55);--lx-edge:rgba(218,187,133,.24);--lx-edge-2:rgba(218,187,133,.10);
  --lx-glow:0 22px 50px -28px rgba(0,0,0,.95);--lx-grad:linear-gradient(100deg,#F0DDB2 0%,#DABB85 50%,#C9A0E8 115%)}
html[data-theme="dark"] .bk-page::before{background:
   radial-gradient(60% 300px at 50% -60px,rgba(218,187,133,.16),transparent 72%),
   radial-gradient(45% 260px at 88% 0,rgba(122,52,120,.30),transparent 70%),
   radial-gradient(40% 240px at 8% 20px,rgba(84,33,106,.22),transparent 70%)!important}
html[data-theme="dark"] .bk-page :is(.bk-panel,.bk-aside,.opt-card,.svc-card,.bk-slots,.stepper){
    background:linear-gradient(165deg,rgba(38,30,54,.74),rgba(18,16,28,.86)) padding-box,
      linear-gradient(135deg,rgba(218,187,133,.40),rgba(122,52,120,.25) 50%,rgba(218,187,133,.20)) border-box!important}
html[data-theme="dark"] .bk-page .opt-card.on,html[data-theme="dark"] .bk-page .svc-card.ring-2{
    background:linear-gradient(160deg,rgba(122,52,120,.38),rgba(60,36,70,.5) 55%,rgba(18,16,28,.86)) padding-box,
      linear-gradient(135deg,#F0DDB2,#C9A0E8,#DABB85) border-box!important}
html[data-theme="dark"] .bk-page .btn-primary{background:linear-gradient(100deg,#F0DDB2,#DABB85 55%,#B78D50)!important;color:#140F08!important}
html[data-theme="dark"] .bk-page .svc-add{color:#E6CC98;border-color:rgba(218,187,133,.55)!important}
html[data-theme="dark"] .bk-page .slot:not(.disabled):hover{color:#140F08!important}
html[data-theme="dark"] .ins-bar{fill:rgba(218,187,133,.72)}
html[data-theme="dark"] .ins-line{stroke:#C9A0E8}
html[data-theme="dark"] .bk-page .opt-card.on,html[data-theme="dark"] .bk-page .svc-card.ring-2{
    background:linear-gradient(160deg,rgba(122,52,120,.34),rgba(60,36,70,.30) 55%,transparent) padding-box,
      linear-gradient(#15111D,#15111D) padding-box,
      linear-gradient(135deg,#F0DDB2,#C9A0E8,#DABB85) border-box!important}
html[data-theme="dark"] .sum-split .now{background:rgba(218,187,133,.10);border-color:rgba(218,187,133,.40)}
html[data-theme="dark"] .sum-split .now b{color:#E6CC98}