/* ===== Bakefayat CRM — ظاهر ساده و روشن (clean) =====
   بارگذاری بعد از app.css و theme-light.css. بدون گرادیان، بدون سایه روی چیزهای ثابت،
   طلایی فقط روی دکمهٔ اصلی و دادهٔ مهم. */
:root,:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F7F6F3; --s1:#FFFFFF; --s2:#FFFFFF; --s3:#F2F1ED; --s4:#E9E7E1;
  --surface:#fff; --surface2:#fff;
  --ink:#1C1B19; --ink2:#34322E; --muted:#6B6860; --faint:#8E8A80;
  --line:#E8E6E0; --line2:#D9D6CE;
  --gold:#9A7426; --gold2:#1C1B19; --gold3:#1C1B19; --gold-soft:#F6EFDF; --gold-glow:rgba(154,116,38,.22);
  --ok:#1D7146; --ok-bg:#E8F4EC; --ok-line:#C4E2D0;
  --warn:#8A520E; --warn-bg:#FBF0E0; --warn-line:#EDD3AD;
  --red:#A33030; --red-bg:#FBEAEA; --red-line:#EEC5C5;
  --lead:#2B4F9B; --lead-bg:#EBF0FA; --lead-line:#C8D4EF;
  --mute-bg:#F2F1ED;
  --sh1:none; --sh2:none; --sh3:0 12px 36px rgba(28,27,25,.16);
  --r-sm:6px; --r:8px; --r-lg:10px;
}
:root[data-theme="dark"]{
  --gold2:#F4ECDC; --gold3:#F4ECDC; --sh1:none; --sh2:none;
}
body,:root[data-theme="light"] body,:root[data-theme="dark"] body{background:var(--bg)!important;font-size:14.5px;line-height:1.7}

/* ---------- shell ---------- */
#side,:root[data-theme="light"] #side{background:var(--bg)!important;box-shadow:none!important;border-inline-end:1px solid var(--line)!important;width:236px}
#shell,:root[data-theme="light"] #shell{background:var(--bg)!important}
.brand{border-bottom:0;padding:18px 16px 10px}
.brand::after{display:none}
.brand .logo{filter:none;width:34px;height:34px}
.brand b{color:var(--ink)!important;font-size:14.5px}
.brand span{color:var(--muted)!important}

.nv,.nv.open{background:none!important}
.nv-h{padding:8px 10px;font-size:14px;color:var(--ink2)}
.nv-h:hover,.nv-s button:hover{background:var(--s3)!important;color:var(--ink)!important}
.nv.open>.nv-h{background:none!important;color:var(--ink)!important;font-weight:700}
.nv.open>.nv-h::before{display:none}
.nv.open>.nv-h .nv-ic{color:var(--ink)!important}
.nv-s{border-inline-start:0;margin-inline-start:20px;padding-inline-start:8px}
.nv-s button{padding:6px 10px;font-size:13.5px;color:var(--muted)}
.nv-s button i{display:none}
.nv-s button[aria-current="true"]{background:var(--s4)!important;color:var(--ink)!important;font-weight:500}
.bdg{background:var(--s4);color:var(--ink);font-weight:500}
.bdg.r{background:var(--red-bg);color:var(--red)}
.sfoot{border-top:1px solid var(--line)}

header,:root[data-theme="light"] header{background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid var(--line);height:56px}
header::after{display:none}
#crumb b{color:var(--ink)!important;font-size:15px}
#utop{background:none;border:0;color:var(--muted)}
#scrim{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.35)}

main{animation:none;padding-block:28px 90px}
.wrap{max-width:1240px}
h2{font-size:22px;color:var(--ink)!important;margin-bottom:6px}
h2 .meta{font-weight:400}
h3{font-size:15px;color:var(--ink);margin:28px 0 10px}
h3::before{display:none}
.sub{color:var(--muted);font-size:14px;margin:0 0 18px}

/* ---------- surfaces ---------- */
.row,.kpi,.card,:root[data-theme="light"] .row,:root[data-theme="light"] .kpi,:root[data-theme="light"] .card{
  background:var(--s1)!important;box-shadow:none!important;border:1px solid var(--line)!important}
.row{border-radius:var(--r);padding:11px 16px}
.row:hover{transform:none;border-color:var(--line2)!important}
.row::before{width:3px}
.row.warn::before,.row.fu-late::before{background:var(--warn)}
.row.red::before,.row.fu-vlate::before{background:var(--red)}
.row.fu-due::before{background:var(--gold)}
.row.fu-none::before{background:var(--lead)}
.row .t{font-size:14.5px}
.list{gap:6px}

.pill{font-size:12px;padding:0 9px;border:0!important}
.p-gold{background:var(--gold-soft);color:#6E5216}

/* ---------- buttons ---------- */
.btn,:root[data-theme="light"] .btn{background:var(--gold)!important;color:#fff!important;box-shadow:none!important;filter:none!important;border-radius:6px;font-weight:500}
.btn:hover{background:#86651F!important}
.btn.w.g,.btn.g,:root[data-theme="light"] .btn.g{background:var(--s1)!important;color:var(--ink)!important;border:1px solid var(--line2)!important}
.btn.g:hover{background:var(--s3)!important}
.btn.dgr{background:var(--red-bg)!important;color:var(--red)!important;border:1px solid var(--red-line)!important}
.chips button{background:var(--s1);border-color:var(--line2)}
.chips button[aria-pressed="true"]{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;box-shadow:none!important;font-weight:500}
:root[data-theme="dark"] .chips button[aria-pressed="true"]{background:var(--ink)!important;color:#111!important}

.empty{background:none;border:1px dashed var(--line2);padding:24px}
.note,:root[data-theme="light"] .note{background:var(--s3)!important;border-inline-start:0;color:var(--ink2);border-radius:var(--r)}
.note b{color:var(--ink)!important}

/* ---------- KPI: یک نوار با جداکننده، نه کاشی ---------- */
.kpis{gap:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--s1);overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.kpis .kpi{border:0!important;border-inline-start:1px solid var(--line)!important;border-radius:0;min-height:0;padding:14px 18px}
.kpi::after{display:none}
.kpi:hover{transform:none}
.kpi b{color:var(--ink)!important;font-weight:500;font-size:22px}
.kpi.r b{color:var(--red)!important} .kpi.w b{color:var(--warn)!important} .kpi.o b{color:var(--ok)!important} .kpi.l b{color:var(--lead)!important}
.kpi span{font-size:13px}

.dgrid{gap:12px}
.card{border-radius:var(--r-lg)}
.bar-t{height:6px;background:var(--s3)}
.barc{height:6px;background:var(--gold)!important}
.barc.b-r{background:var(--red)!important} .barc.b-w{background:var(--warn)!important}
.barc.b-o{background:var(--ok)!important} .barc.b-l{background:var(--lead)!important}

/* ---------- tables ---------- */
.tw{box-shadow:none;border-radius:var(--r-lg)}
th{background:var(--s1)!important;color:var(--muted)}
tbody tr:nth-child(even) td,tr:nth-child(even) td{background:none!important}
tr:hover td{background:var(--s3)!important}
td.n,th.n{text-align:left}

/* ---------- inputs ---------- */
input,select,textarea{background:var(--s1)!important;border-color:var(--line2)}
input:focus,select:focus,textarea:focus{background:var(--s1)!important}
#ov{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(28,27,25,.38)}

/* ---------- صفحه‌های پیگیری جدا ---------- */
.grp{display:flex;align-items:baseline;gap:8px}
.grp .cnt{color:var(--muted);font-weight:400;font-size:13px}
.bdg,:root[data-theme="light"] .bdg{background:var(--s4)!important;color:var(--ink)!important;font-weight:500!important}
.bdg.r,:root[data-theme="light"] .bdg.r{background:var(--red-bg)!important;color:var(--red)!important}
.kpi.o b,.kpi.l b{color:var(--ink)!important}
.barc.b-l,.barc.b-o{background:var(--ink2)!important}
.kpis{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
@media (max-width:640px){.kpis{grid-template-columns:1fr 1fr}.kpis .kpi{border-top:1px solid var(--line)!important;padding:10px 14px}.kpi b{font-size:19px}}