/* ============================================================
   Soft Glass Theme — لایهٔ ظاهریِ نرم و شیشه‌ای روی کل پروژه
   بعد از style.css و dash.css لود می‌شود؛ تم روشن/تیره و رنگ‌های
   سفارشی را حفظ می‌کند (فقط بافت سطوح را شیشه‌ای و نرم می‌کند).
   ============================================================ */
:root{
  --radius: 18px;
  --radius-sm: 12px;
  --shadow:    0 12px 44px rgba(0,0,0,.34);
  --shadow-sm: 0 5px 22px rgba(0,0,0,.20);
  /* سطح شیشه‌ای (تیره) */
  --glass:     rgba(20,27,45,.55);
  --glass-2:   rgba(28,36,58,.45);
  --glass-bd:  rgba(255,255,255,.10);
  --glass-bd2: rgba(255,255,255,.06);
  --glass-blur: 16px;
  --soft-divider: rgba(255,255,255,.07);
}
[data-theme="light"]{
  --shadow:    0 12px 44px rgba(60,50,30,.10);
  --shadow-sm: 0 5px 22px rgba(60,50,30,.07);
  --glass:     rgba(255,255,255,.72);
  --glass-2:   rgba(236,232,225,.80);
  --glass-bd:  rgba(0,0,0,.12);
  --glass-bd2: rgba(0,0,0,.06);
  --soft-divider: rgba(0,0,0,.08);
}

/* ── پس‌زمینهٔ نرمِ محیطی (تا بلورِ شیشه دیده شود) ── */
body{
  background:
    radial-gradient(1200px 760px at 86% -12%, rgba(var(--gold-rgb),.12), transparent 60%),
    radial-gradient(960px 640px at -6% 112%, rgba(13,27,94,.20), transparent 56%),
    radial-gradient(760px 560px at 50% 50%, rgba(139,0,0,.05), transparent 62%),
    var(--bg) !important;
  background-attachment: fixed !important;
}
[data-theme="light"] body{
  background:
    radial-gradient(1200px 760px at 86% -12%, rgba(var(--gold-rgb),.16), transparent 60%),
    radial-gradient(960px 640px at -6% 112%, rgba(13,27,94,.09), transparent 56%),
    radial-gradient(760px 560px at 50% 50%, rgba(139,0,0,.04), transparent 62%),
    var(--bg) !important;
  background-attachment: fixed !important;
}

/* ── سطوح شیشه‌ای ── */
.card, .stat-card, .modal, .exp-stat-card, .cust-info-bar, .table-wrap,
.auth-card, .company-card, .lc-card, .form-card,
.xchg-side, .tl-item, .ck-item, .fam-card,
.sbc, .safe-card, .pay-term-hint, .report-card, .help-card, .about-card{
  background: var(--glass);
  border: 1px solid var(--glass-bd);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(120%);
  backdrop-filter: blur(var(--glass-blur)) saturate(120%);
  box-shadow: var(--shadow-sm);
}

/* نوار کناری و بالا — شیشه‌ایِ کمی غلیظ‌تر برای خوانایی منو */
.sidebar{
  background: var(--glass) !important;
  border-left: 1px solid var(--glass-bd) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  backdrop-filter: blur(20px) saturate(120%);
}
.topbar{
  background: var(--glass) !important;
  border-bottom: 1px solid var(--glass-bd) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  backdrop-filter: blur(20px) saturate(120%);
}

/* مودال‌ها */
.modal-backdrop{ background: rgba(8,11,20,.55) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.modal{ border-radius: 22px; box-shadow: var(--shadow); }

/* جدول‌ها: ظرفِ شیشه‌ای، ردیف‌ها شفاف و نرم */
.dtable th{ background: var(--glass-2) !important; border-bottom: 1px solid var(--soft-divider) !important; }
.dtable td{ border-bottom: 1px solid var(--soft-divider) !important; }
.dtable tbody tr:hover{ background: var(--glass-2) !important; }

/* فرم‌ها: ورودی‌های نیمه‌شفاف و نرم */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
select, textarea{
  background: var(--glass-2) !important;
  border: 1px solid var(--glass-bd) !important;
  border-radius:var(--radius) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: border-color .15s, box-shadow .15s;
}
input:focus, select:focus, textarea:focus{
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px var(--gold-dim) !important;
  outline: none !important;
}

/* دکمه‌ها — نرم‌تر و گردتر */
.btn-primary, .btn-secondary, .btn-ghost, .btn, .tab-btn, .sys-btn, .nav-cta{
  border-radius:var(--radius) !important;
  transition: transform .12s ease, box-shadow .15s ease, background .15s ease;
}
.btn-primary{ box-shadow: 0 6px 18px rgba(var(--gold-rgb),.18); }
.btn-primary:hover, .btn-secondary:hover, .btn:hover{ transform: translateY(-1px); }
.btn-ghost, .btn-secondary{
  background: var(--glass-2) !important;
  border: 1px solid var(--glass-bd) !important;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}

/* کارت‌های انتخاب شرکت در صفحهٔ ورود */
.company-card{ border-radius:var(--radius-lg); transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease; }
.company-card:hover{ transform: translateY(-3px); box-shadow: var(--shadow); border-color: var(--gold); }

/* آیتم‌های منو — هاور نرم */
.nav-item{ border-radius:var(--radius-sm); transition: background .15s ease; }
.nav-item:hover{ background: var(--glass-2); }
.nav-subgroup{ background: transparent; }

/* اسکرول‌بار نرم */
::-webkit-scrollbar-thumb{ background: var(--glass-bd) !important; border-radius:var(--radius-sm); }

/* کاهش حاشیهٔ سختِ عمومی → نرم‌تر */
.section-card, .breadcrumb, .filter-bar, .action-row, .panel-tab, .crm-panel{ border-radius: var(--radius); }

/* احترام به کاربرانی که افکت حرکت کم می‌خواهند */
@media (prefers-reduced-motion: reduce){
  *{ transition: none !important; }
}