:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
  --bg:#FAF7F2;--surface:#fff;--ink:#1F1B16;--muted:#6B635A;--line:#E7E0D5;--brand:#14110D;--brand-ink:#F3E3B5;--shadow:0 1px 2px rgba(31,27,22,.04),0 3px 10px rgba(31,27,22,.05);
  --gold:#B08A2E;--gold-ink:#7A5E00;--gold-light:#F3E3B5;--gold-soft:#F6EED9;--gold-grad:linear-gradient(135deg,#F3E3B5 0%,#C9A34E 55%,#B08A2E 100%);--ok:#1E7A55;--warn:#9A5A0C;--bad:#B23B3B;--field:#fff;--head:rgba(250,247,242,.9);--head-ink:#1F1B16}
@media(prefers-color-scheme:dark){:root{--bg:#16130F;--surface:#201C17;--ink:#F1EBE1;--muted:#ADA397;--line:#3A332A;--brand:#F3E3B5;--brand-ink:#14110D;--gold:#C9A34E;--gold-ink:#E2C77E;--gold-soft:#2E2618;--ok:#5CC596;--warn:#E0A24E;--bad:#E27B7B;--field:#1A1713;--head:rgba(22,19,15,.9);--head-ink:#F1EBE1;--shadow:0 1px 2px rgba(0,0,0,.3)}}
*,*::before,*::after{box-sizing:inherit}
html{height:100%}
body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;font-size:15px;line-height:1.75}
.n,.num,td.n,.stat b,.qbal b,.sugg .bal,.days{font-variant-numeric:tabular-nums}
@font-face{font-family:Vazirmatn;src:local("Vazirmatn"),local("Vazir");font-display:swap}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--head);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--head-ink);padding:8px 14px 0;border-bottom:1px solid var(--line)}
.top .who{font-size:12.5px;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:8px}
.top .logo{display:block;height:34px;width:auto}
.top .brandline{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--ink)}
.top .brandline small{display:block;font-size:11.5px;font-weight:500;color:var(--muted);line-height:1.2}
.top h1{margin:0;font-size:17px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:8px}
.top p{margin:2px 0 4px;font-size:12px;color:var(--muted)}
.tabs{display:flex;gap:2px;overflow-x:auto}
.tabs button{flex:none;border:0;background:none;padding:9px 12px;min-height:40px;font-weight:500;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--ink);font-weight:800;border-color:var(--gold)}
.tabs button:hover{color:var(--ink)}
.tabs .cnt{display:inline-block;min-width:18px;padding:0 5px;margin-inline-start:4px;border-radius:99px;background:var(--gold);color:#14110D;font-size:11px;font-weight:800;line-height:18px;text-align:center}
main{padding:16px 14px 40px;max-width:1240px;margin:0 auto}
[hidden]{display:none!important}
.note{background:var(--gold-soft);border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 14px}
.err{border:1px solid var(--bad);color:var(--bad);border-radius:10px;padding:10px 12px;font-size:13.5px;margin:0 0 14px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow)}
.stat small{color:var(--muted);font-size:12.5px}.stat b{display:block;font-size:19px;font-weight:800}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:var(--shadow)}
.panel h2{margin:0 0 10px;font-size:15px;font-weight:800}
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}
th,td{text-align:right;padding:7px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-weight:700;color:var(--muted);font-size:12.5px}
.tag{display:inline-block;padding:0 9px;border-radius:99px;font-size:12px;font-weight:700;border:1px solid currentColor}
.t-ok{color:var(--ok)}.t-warn{color:var(--warn)}.t-bad{color:var(--bad)}.t-mute{color:var(--muted)}
.plus{color:var(--ok);font-weight:700}.minus{color:var(--bad);font-weight:700}
.btn{border:0;background:var(--brand);color:var(--brand-ink);border-radius:10px;padding:8px 16px;min-height:40px;cursor:pointer;font-weight:700;transition:box-shadow .15s,background-color .15s}
.btn:hover{box-shadow:0 2px 8px rgba(20,17,13,.18)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:3px 12px;min-height:34px;font-size:13px}
.btn.ghost:hover{border-color:var(--gold);box-shadow:none}
.in{background:var(--field);border:1px solid var(--line);border-radius:10px;padding:7px 11px;min-height:40px;width:100%}
.in:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(176,138,46,.22)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:10px}
.row>div{flex:1 1 150px}.row label{display:block;font-size:12.5px;color:var(--muted)}
.chk{display:flex;gap:8px;align-items:center;font-size:13.5px}.chk input{width:auto}
.log{font-size:13px;color:var(--muted);margin:8px 0 0;white-space:pre-wrap}
.empty{color:var(--muted);font-size:13.5px;padding:8px 0}
.login{max-width:380px;margin:0 auto;padding:7vh 16px 30px}
.login-bg{min-height:100vh;background:var(--bg)}
.login .brandlogo,.login .brandlogo img{display:block;margin:0 auto 14px;height:110px;width:auto}
.login .panel{padding:20px}
textarea.in{min-height:110px;font-family:ui-monospace,Consolas,monospace;font-size:12px}
.toast{position:fixed;inset-inline:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:10px;font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}
.toast.on{opacity:1}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* نوار پیشرفت و سطح‌ها */
.bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--t-deep,var(--gold));width:0;transition:width .9s ease-out}
.mini{display:flex;align-items:center;gap:6px;min-width:110px}.mini .bar{flex:1;height:7px}.mini span{font-size:12px;color:var(--muted)}
.lv{display:inline-block;padding:0 10px;border-radius:99px;font-size:12px;font-weight:800;border:1px solid currentColor}
.lv-customer{color:#6B655A}.lv-member{color:#7A5E1E}.lv-companion{color:#7E4652}.lv-special{color:#3E6A86}
.steps{list-style:none;margin:8px 0 0;padding:0;font-size:13.5px}.steps li{padding:2px 0}.steps .ok{color:var(--ok)}.steps .no{color:var(--muted)}
.road{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 2px}
.road .lv{opacity:.45}.road .lv.cur{opacity:1;background:var(--gold-soft)}
.launcher-back{position:fixed;inset-inline-end:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:25;background:var(--brand);color:var(--brand-ink);text-decoration:none;font-size:13px;font-weight:700;padding:7px 14px;border-radius:99px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.launcher-back:hover{background:var(--gold);color:#0B090E}

/* ---------- نسخه ۱٫۶: جدول جمع‌وجور، کارت در گوشی، دیالوگ، زیربخش‌ها ---------- */
.rt{min-width:0;table-layout:auto;font-size:13.5px}
.rt th,.rt td{white-space:normal;vertical-align:middle;padding:7px 6px}
.rt td.n,.rt th.n{white-space:nowrap}
.rt td.acts{white-space:nowrap;text-align:left}
.rt td.acts .btn{margin-inline-start:4px}
.rt .nm{font-weight:700}
.rt .sub,.sub{color:var(--muted);font-size:13px}
.rt .tag{margin-inline-start:4px}
.rt tr.pend td{background:var(--gold-soft)}
.rt tr.rej td{opacity:.6}
.rt .mini{min-width:80px;margin-top:4px}
.sortbar{display:none;gap:8px;margin:0 0 8px}
.sortbar select{flex:1}
.count{color:var(--muted);font-size:13px;margin-top:6px}
.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--brand);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:15px;line-height:1;vertical-align:middle}
.icon-btn:hover{border-color:var(--gold);color:var(--gold-ink)}
.filters{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-bottom:10px}
@media (max-width:820px){
  .filters{grid-template-columns:1fr}
  .sortbar{display:flex}
  .rt thead{display:none}
  .rt,.rt tbody{display:block;width:100%}
  .rt tr{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin-bottom:10px;background:var(--surface)}
  .rt td{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;padding:4px 0;min-width:0;overflow-wrap:anywhere}
  .rt td::before{content:attr(data-label);color:var(--muted);font-size:12px}
  .rt td.main,.rt td.acts,.rt td.empty,.rt td.wide,.rt td.line{grid-column:1 / -1;flex-direction:row;align-items:center}
  .rt td.line{gap:6px;font-size:13px;color:var(--muted);padding:0}
  .rt td.main{font-size:15px;justify-content:flex-start;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:4px}
  .rt td.main::before,.rt td.acts::before,.rt td.empty::before{content:none}
  .rt td.acts{justify-content:flex-start;flex-wrap:wrap;gap:6px;padding-top:8px}
  .rt td.acts .btn{margin:0}
  .rt td .mini{min-width:110px}
  .tabs{flex-wrap:wrap;overflow:visible}
  .tabs button{padding:8px 9px}
  .rt tr.pend{border-color:var(--gold)}
}
.ovl{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:20;overflow:auto;padding:16px;display:flex;align-items:flex-start;justify-content:center}
.dlg{width:100%;max-width:520px;margin:4vh 0}
.dlg.wide{max-width:1000px}
.dlg-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.menu{display:grid;gap:8px}
.wide-btn{width:100%;text-align:right;padding:10px 14px;font-size:14px}
.btn.ghost.wide-btn{font-size:14px;padding:10px 14px}
.acts-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.subtabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:99px;padding:6px 14px;cursor:pointer;font-weight:600}
.subtabs button[aria-selected="true"]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.panel h3{font-size:14px;margin:16px 0 6px}
.fld{display:block;font-size:13px;color:var(--muted);margin-top:8px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.chks{display:flex;gap:6px 16px;flex-wrap:wrap}
.hint{font-size:13px;color:var(--muted)}
.datef{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:6px}
.qrow{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:420px}
.qcard{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:12px}
.qhead{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.qbal{margin:10px 0}
.qbal small{display:block;color:var(--muted);font-size:13px}
.qbal b{font-size:28px;font-weight:800}
.qform{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:520px}
.qform .in:nth-of-type(2){grid-column:1/-1}
.qform .btn:last-child{grid-column:1/-1}
.stat-btn{text-align:right;cursor:pointer;border-color:var(--gold);background:var(--gold-soft);color:var(--ink);font:inherit}
.stat-btn small:last-child{display:block;margin-top:2px}
.top h1{flex-wrap:wrap}

/* ---------- نسخه ۱٫۷: خلاصه با بازه، جستجوی مشتری ---------- */
.periodbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.periodbar>select{width:auto;min-width:150px}
.custom-range{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%}
.custom-range .datef{flex:1 1 230px}
.sumsec h3{font-size:14px;margin:6px 0 8px;color:var(--muted)}
.stat .dl{display:inline-block;font-size:12px;font-weight:700;margin-top:2px}
.stat .dl.up{color:var(--ok)}.stat .dl.down{color:var(--bad)}
.combo{position:relative}
.sugg{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:12;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.14);max-height:340px;overflow:auto}
.sugg li{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px}
.sugg li .bal{margin-inline-start:auto;font-weight:700;white-space:nowrap}
.sugg li.on,.sugg li:hover{background:var(--gold-soft)}
.sugg li.none{color:var(--muted);cursor:default}
@media (max-width:820px){.sugg li{flex-wrap:wrap}.sugg li .bal{width:100%;margin:0}}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:6px;align-items:center}
.fgrid .gbtn{text-align:right;cursor:pointer}
.fchk{background:var(--field);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}
.fcount{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:2px 0 10px}
.days{display:inline-block;padding:1px 9px;border-radius:99px;font-weight:700;font-size:13px;white-space:nowrap}
.lvcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.lvcol{margin:0;padding:12px}
.lvhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.lvhead .lv{font-size:14px;padding:1px 12px}
.lvsum{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}
.lvperks{margin:6px 0;font-size:13px}.lvperks ul{margin:4px 0;padding-inline-start:18px}
.lvlist{list-style:none;margin:8px 0 0;padding:0;max-height:70vh;overflow:auto}
.lvrow{display:block;width:100%;text-align:right;background:none;border:0;border-top:1px solid var(--line);padding:7px 2px;cursor:pointer;font-size:13.5px}
.lvrow:hover{background:var(--gold-soft)}
.lvrow .lvnum{display:block;font-size:12.5px;color:var(--muted)}
.lvrow .mini{margin-top:2px}
.lvrow .miss{display:block;color:var(--warn);font-size:12px}
.lvf{grid-template-columns:1fr auto auto}
@media (max-width:1000px){.lvcols{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.lvcols{grid-template-columns:1fr}.lvlist{max-height:none}}
@media (max-width:820px){.lvf{grid-template-columns:1fr}}

.sumsec .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:820px){.sumsec .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat b{font-size:17px}}
.stat-link{text-align:right;cursor:pointer;font:inherit;color:inherit}
.stat-link:hover{border-color:var(--gold)}
.sugg bdi{font-size:13px}
@media (max-width:620px){.top{position:static}.top .brandline small{display:none}.top .logo{height:38px}}
.seg{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}
.seg button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:4px 12px;font-size:13px;cursor:pointer}
.seg button[aria-selected="true"]{border-color:var(--gold);background:var(--gold-soft);font-weight:700}

/* ---------- نسخه ۱٫۸: سطح‌ها (سفید، طلایی، رزگلد، الماس)؛ همه‌ی اجزا فقط از این متغیرها رنگ می‌گیرند ---------- */
.tier-customer{--t:#EAE7E0;--t-ink:#494640;--t-soft:#F6F4EF;--t-deep:#8E887B}
.tier-member{--t:#C9A34E;--t-ink:#4B3515;--t-soft:#F3E8CC;--t-deep:#9A7A2E}
.tier-companion{--t:#B97883;--t-ink:#572C35;--t-soft:#F4E2E5;--t-deep:#955763}
.tier-special{--t:#A9C9DC;--t-ink:#24465C;--t-soft:#E6F0F6;--t-deep:#5F8BA6}
.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 9px 1px 8px;border-radius:99px;background:var(--t-soft);border:1px solid var(--t);color:var(--t-ink);font-size:12px;font-weight:700;line-height:1.7;white-space:nowrap;vertical-align:middle}
.tier-badge .tier-icon{color:var(--t-deep);flex:none}
.tier-badge.lg{font-size:14px;padding:3px 12px 3px 10px;gap:6px}
.tier-badge.muted{opacity:.55}
.mini.tier-customer .bar i,.mini.tier-member .bar i,.mini.tier-companion .bar i,.mini.tier-special .bar i{background:var(--t-deep)}
.tierchips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.tierchips button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:2px 12px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;cursor:pointer}
.tierchips button .tier-icon{color:var(--t-deep,var(--muted))}
.tierchips button[aria-pressed="true"]{background:var(--t-soft,var(--gold-soft));border-color:var(--t,var(--gold));color:var(--t-ink,var(--ink));font-weight:700}
.tierchips button .c{font-size:12px;color:var(--muted)}
.tiercard{display:flex;align-items:center;gap:10px;text-align:right;cursor:pointer;font:inherit;background:var(--t-soft);border:1px solid var(--t);color:var(--t-ink);border-radius:12px;padding:10px 12px}
.tiercard .ic{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--t);color:var(--t-deep)}
.tiercard small{display:block;font-size:12.5px}.tiercard b{display:block;font-size:19px;font-weight:800}
.tiercard:hover{box-shadow:var(--shadow)}
@media(prefers-color-scheme:dark){.tier-badge,.tiercard{color:var(--t-ink)}}
@media(prefers-reduced-motion:reduce){.bar i{transition:none}}

/* ---------- تقویم شمسی ---------- */
.dp-field{display:flex;align-items:center;gap:8px;text-align:right;cursor:pointer;color:var(--ink)}
.dp-field.empty .dp-text{color:var(--muted)}
.dp-field .dp-ic{display:inline-flex;color:var(--gold-ink)}
.dp-field:disabled{opacity:.6;cursor:not-allowed}
.dp-back{position:fixed;inset:0;z-index:40}
.dp-back.sheet{background:rgba(20,17,13,.45);display:flex;align-items:flex-end}
.dp-box{position:fixed;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(20,17,13,.22);padding:12px}
.dp-back.sheet .dp-box{position:relative;width:100%;border-radius:18px 18px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));max-height:92vh;overflow:auto}
.dp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.dp-x{width:44px;height:44px;border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer;border-radius:10px}
.dp-nav{display:grid;grid-template-columns:44px 1fr 1fr 44px;gap:6px;margin-bottom:8px}
.dp-arrow,.dp-pick{min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;cursor:pointer;font:inherit;font-weight:700}
.dp-arrow{font-size:22px;line-height:1}
.dp-arrow:disabled{opacity:.35;cursor:default}
.dp-pick.on{border-color:var(--gold);background:var(--gold-soft)}
.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.dp-wd{text-align:center;font-size:12.5px;color:var(--muted);padding:4px 0;font-weight:700}
.dp-wd.fri,.dp-day.fri{color:#B23B3B}
.dp-day{min-height:44px;border:1px solid transparent;background:none;color:var(--ink);border-radius:10px;cursor:pointer;font:inherit;font-variant-numeric:tabular-nums}
.dp-day:hover:not(:disabled){background:var(--gold-soft)}
.dp-day.today{border-color:var(--gold)}
.dp-day.sel{background:#14110D;color:#F3E3B5;font-weight:800}
.dp-day:disabled{opacity:.3;cursor:default}
.dp-months{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.dp-months button,.dp-years button{min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;cursor:pointer;font:inherit}
.dp-months button.on,.dp-years button.on{background:#14110D;color:#F3E3B5;border-color:#14110D;font-weight:800}
.dp-months button:disabled{opacity:.35}
.dp-years{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:280px;overflow:auto}
.dp-years button.now{border-color:var(--gold)}
.dp-years button.picked:not(.on){background:var(--gold-soft)}
.dp-foot{display:flex;gap:8px;margin-top:10px}
.dp-foot .dp-ok{flex:1}
.icon-btn.mini-i{width:22px;height:22px;font-size:12px;font-weight:800;border-radius:50%;margin-inline-start:4px;font-family:Georgia,serif}
.pricecard>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;min-height:28px}
.pricecard>summary::before{content:"▸";color:var(--gold-ink)}.pricecard[open]>summary::before{content:"▾"}
.pricecard[open]>summary{margin-bottom:10px}
/* ثبت‌نام‌های جدید (۱٫۹) */
.badge-n{display:inline-block;min-width:18px;padding:0 5px;margin-inline-start:6px;border-radius:99px;background:var(--gold);color:#fff;font-size:11px;line-height:18px;text-align:center}
.cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.signup-card{margin:0}
.kv{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:3px 0}
.kv .k{color:var(--muted);font-size:12.5px;min-width:84px}
/* پنجره‌ی اطلاعات مشترک U.sheet (۱٫۹): گوشی = برگه‌ی پایین‌صفحه؛ ≥۷۶۸px = پنجره‌ی وسط */
.sheet-ov{position:fixed;inset:0;z-index:40;background:rgba(20,17,13,.5);display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--surface);color:var(--ink);width:100%;max-height:88vh;overflow:auto;border-radius:20px 20px 0 0;padding:6px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(0,0,0,.18);animation:sheetUp .22s ease-out}
.sheet-head{position:sticky;top:0;background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0 6px;z-index:1}
.sheet-head h2{margin:0;font-size:17px}
.sheet-x{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.sheet-body p{font-size:14px;line-height:1.9;margin:6px 0}
.sheet-acts{display:flex;gap:8px;margin-top:12px}.sheet-acts .btn{flex:1}
@keyframes sheetUp{from{transform:translateY(40px);opacity:.4}}
@media(min-width:768px){.sheet-ov{align-items:center}.sheet{width:440px;max-width:calc(100% - 32px);border-radius:18px;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.sheet{animation:none}}
/* پیگیری و نظرسنجی (۱٫۱۱) */
ul.plain{list-style:none;margin:4px 0;padding:0;font-size:13.5px}ul.plain li{padding:4px 0;border-bottom:1px solid var(--line)}
.qrow{display:grid;grid-template-columns:1fr 200px auto auto;gap:8px;align-items:center;margin:6px 0}
@media(max-width:700px){.qrow{grid-template-columns:1fr 1fr}.qrow .in:first-child{grid-column:1/-1}}
.sugg{display:flex;flex-direction:column;gap:4px;margin-top:6px}
tr.flag td{background:rgba(178,59,59,.06)}
/* گزارش‌ها (۱٫۱۲) */
.rchart{display:block;min-width:100%;height:auto;max-height:260px;margin:6px 0 12px}
.rchart .axis{stroke:var(--line)}.rchart .rbar{fill:var(--gold)}.rchart .ln{stroke:var(--gold-ink);stroke-width:2.5}
.rchart .lbl{font-size:11px;fill:var(--muted)}.rchart .val{font-size:10px;fill:var(--ink)}
/* نیاز به بررسی (۱٫۱۳): دلیل و دکمه‌های تیک/ضربدر */
td.why{font-weight:700;font-size:13px}
.rbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;border-radius:99px;border:1px solid transparent;font:inherit;font-size:18px;font-weight:800;cursor:pointer;margin:2px;padding:0 10px}
.rbtn span{font-size:13px;font-weight:700}
.rbtn.ok{background:rgba(30,122,85,.12);color:var(--ok);border-color:rgba(30,122,85,.3)}
.rbtn.no{background:rgba(178,59,59,.1);color:var(--bad);border-color:rgba(178,59,59,.3)}
.rbtn:hover{filter:brightness(.95)}
/* ۱٫۱۴ امتیاز */
.linkbtn { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font: inherit; }
.phist { list-style: none; padding: 0; margin: 0; }
.phist li { display: flex; justify-content: space-between; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--line, #eee); }
.ptrow { border-top: 1px solid var(--line, #eee); padding-top: 8px; margin-top: 8px; }
tr.mute td { opacity: .55; }
/* ۱٫۱۴ پنل: منوی کناری (≥۹۶۰px)، نوار پایین گوشی، جستجوی سراسری، برگشت کسر، پرونده‌ی مشتری */
.shell{display:block}
.side{display:none}
.nav-i{display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:40px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:500;font-size:14px;border:0;background:none;cursor:pointer;font-family:inherit}
.nav-i:hover{color:var(--ink);background:var(--gold-soft)}
.nav-i[aria-current="page"]{color:var(--ink);font-weight:800;background:var(--gold-soft)}
.nav-i .badge-n{margin-inline-start:auto}
.badge-n.act{background:var(--bad)}
.nav-g{margin-bottom:12px}
.nav-gt{font-size:11.5px;font-weight:700;color:var(--muted);padding:0 12px 4px;letter-spacing:0}
.bottom{position:fixed;inset-inline:0;bottom:0;z-index:20;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px rgba(0,0,0,.05)}
.bottom .nav-i{flex:1 1 0;flex-direction:column;gap:2px;padding:6px 2px;min-height:54px;font-size:11.5px;justify-content:center;position:relative;min-width:0}
.bottom .nav-i span:not(.badge-n){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bottom .nav-i .badge-n{position:absolute;top:2px;inset-inline-start:calc(50% + 6px);margin:0}
.more-list{display:grid;gap:4px}.more-list .nav-i{font-size:15px}
body:has(.bottom) main{padding-bottom:96px}
@media (min-width:960px){
  .shell{display:grid;grid-template-columns:224px minmax(0,1fr);gap:0;max-width:1480px;margin:0 auto}
  .side{display:block;position:sticky;top:64px;align-self:start;max-height:calc(100vh - 70px);overflow:auto;padding:16px 8px 16px 0;border-inline-end:1px solid var(--line)}
  .side .nav-end{border-top:1px solid var(--line);padding-top:10px}
  .bottom{display:none}
  body:has(.bottom) main{padding-bottom:40px}
  main{max-width:none;margin:0;min-width:0}
}
.top h1{flex-wrap:wrap}
.gs{position:relative;flex:1 1 260px;max-width:420px;margin-inline:auto}
.gs-in{width:100%;min-height:38px;font-size:14px}
.gs-list{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:30;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:14px;font-weight:500}
.gs-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer}
.gs-list li[aria-selected="true"],.gs-list li:hover{background:var(--gold-soft)}
.gs-list li .nm{font-weight:700}.gs-list li .bal{margin-inline-start:auto;font-variant-numeric:tabular-nums}
.gs-list li.empty{color:var(--muted);cursor:default}
@media (max-width:620px){.gs{order:3;flex-basis:100%;max-width:none;margin:6px 0 8px}}
.undobar{position:fixed;z-index:45;inset-inline:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));max-width:560px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--brand);color:var(--brand-ink);border-radius:12px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.2);font-size:14px}
.undobar .btn.ghost{background:transparent;color:var(--brand-ink);border:1px solid currentColor}
@media (min-width:960px){.undobar{bottom:20px}}
.mback{margin-bottom:8px}
.mhead{border-top:4px solid var(--t-ring,var(--gold))}
.mh-top{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.mh-ic{flex:none}
.mh-id{flex:1 1 260px;min-width:0}.mh-id h2{margin:0 0 2px;font-size:19px}
.mh-acts{display:flex;gap:6px;flex-wrap:wrap}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.mgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.mpane{min-width:0}
.mside h3{margin:0 0 8px;font-size:14px}
@media (max-width:960px){.mgrid{grid-template-columns:minmax(0,1fr)}}
.plist{list-style:none;margin:0;padding:0}.plist li{padding:8px 0;border-bottom:1px solid var(--line)}.plist li:last-child{border-bottom:0}
.tbl{min-width:0}
details.daily>summary{cursor:pointer;font-weight:800;font-size:15px;padding:2px 0}
details.daily[open]>summary{margin-bottom:10px}
.menu{display:grid;gap:6px}