/* رابط کاربری برنامه — سیستم مدیریت هوشمند مشتریان v2.39.2
   ترتیب بلوک‌ها عیناً حفظ شده تا اولویت آبشاری (cascade) تغییر نکند. */

/* ===== [01] core ===== */
/* Layout: نرم‌افزار میزکار — ستون ماژول‌ها (راست، تیره) + نوار زبانه‌های باز (MDI) + خط فرمان + نوار وضعیت؛ گوشی: نوار پایین */
:root{
 --bg:#eceff3; --panel:#ffffff; --panel-2:#f6f7f9; --sunk:#e3e7ec; --line:#d8dde4; --line-2:#e8ebf0;
 --ink:#141b26; --muted:#5a6475; --faint:#8a93a3;
 --side:#13202b; --side-2:#1b2b38; --side-ink:#c9d4dc; --side-mute:#7d8f9c;
 --acc:#0d6e7a; --acc-ink:#ffffff; --acc-soft:#dff1f2; --amber:#c27a0e; --amber-soft:#fbefd9;
 --good:#1a8656; --good-soft:#e1f3ea; --warn:#a96a0c; --warn-soft:#fbf0db; --bad:#c03348; --bad-soft:#fbe5e9; --info:#2d5bc4; --info-soft:#e5ecfb;
 --shadow:0 1px 2px rgba(15,23,33,.06),0 12px 32px -14px rgba(15,23,33,.28);
 --f-ui:"Vazirmatn","IRANSansX","IRANSans","Dana","Segoe UI",Tahoma,Arial,sans-serif; --f-brand:"Vazirmatn","IRANSansX","IRANSans","Dana","Segoe UI",Tahoma,Arial,sans-serif;
 --r:8px; --side-w:236px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#0c1117; --panel:#131a22; --panel-2:#18212b; --sunk:#0a0e13; --line:#24303c; --line-2:#1d2732;
 --ink:#e4e9ef; --muted:#9aa6b4; --faint:#6c7887;
 --side:#0a1016; --side-2:#141e27; --side-ink:#c9d4dc; --side-mute:#6f818f;
 --acc:#3cc0cc; --acc-ink:#071014; --acc-soft:#10313a; --amber:#efac45; --amber-soft:#33260f;
 --good:#4bc58c; --good-soft:#11301f; --warn:#e3aa4a; --warn-soft:#33260e; --bad:#f07085; --bad-soft:#3a1820; --info:#86a8ff; --info-soft:#1a2547;
 --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.7); color-scheme:dark}}
:root[data-theme="dark"]{
 --bg:#0c1117; --panel:#131a22; --panel-2:#18212b; --sunk:#0a0e13; --line:#24303c; --line-2:#1d2732;
 --ink:#e4e9ef; --muted:#9aa6b4; --faint:#6c7887;
 --side:#0a1016; --side-2:#141e27; --side-ink:#c9d4dc; --side-mute:#6f818f;
 --acc:#3cc0cc; --acc-ink:#071014; --acc-soft:#10313a; --amber:#efac45; --amber-soft:#33260f;
 --good:#4bc58c; --good-soft:#11301f; --warn:#e3aa4a; --warn-soft:#33260e; --bad:#f07085; --bad-soft:#3a1820; --info:#86a8ff; --info-soft:#1a2547;
 --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.7); color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font:400 13.5px/1.7 var(--f-ui);direction:rtl;font-variant-numeric:tabular-nums;overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--acc);outline-offset:1px;border-radius:5px}
.app{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100%}
/* ستون ماژول‌ها */
.side{grid-row:1/3;background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;min-height:0}
.brand{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--side-2)}
.brand .mk{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#14919d,#0b5b66);display:grid;place-items:center;color:#fff;font:700 16px/1 var(--f-brand)}
.brand b{font:700 17px/1.2 var(--f-brand);color:#fff;letter-spacing:0}
.brand small{display:block;color:var(--side-mute);font-size:11px}
.modules{flex:1;overflow-y:auto;padding:8px}
.grp{font-size:10.5px;color:var(--side-mute);letter-spacing:.06em;padding:12px 10px 4px}
.mod{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:var(--side-ink);padding:7px 10px;border-radius:6px;text-align:right;font-size:13.5px}
.mod svg{width:17px;height:17px;flex:none;opacity:.85}
.mod:hover{background:var(--side-2)}
.mod[aria-current="true"]{background:var(--side-2);color:#fff;box-shadow:inset -3px 0 0 #3cc0cc}
.mod .k{margin-inline-start:auto;font-size:10.5px;color:var(--side-mute);direction:ltr}
.mod .n{margin-inline-start:auto;background:#c03348;color:#fff;font-size:10.5px;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}
.me{padding:10px 14px;border-top:1px solid var(--side-2);display:flex;align-items:center;gap:10px;font-size:12.5px}
.me .av{width:30px;height:30px}
.me button{margin-inline-start:auto;background:none;border:1px solid var(--side-2);color:var(--side-ink);border-radius:6px;padding:2px 8px;font-size:12px}
/* بالا: زبانه‌ها و خط فرمان */
.work{display:flex;flex-direction:column;min-width:0;min-height:0}
.topbar{display:flex;align-items:stretch;gap:0;background:var(--panel-2);border-bottom:1px solid var(--line);min-height:44px}
.tabs{display:flex;align-items:flex-end;gap:2px;overflow-x:auto;flex:1;padding:6px 8px 0;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-bottom:0;background:none;padding:6px 12px;border-radius:7px 7px 0 0;white-space:nowrap;color:var(--muted);font-size:13px;max-width:220px}
.tab span{overflow:hidden;text-overflow:ellipsis}
.tab svg{width:14px;height:14px;flex:none}
.tab[aria-selected="true"]{background:var(--panel);border-color:var(--line);color:var(--ink);font-weight:600;margin-bottom:-1px;padding-bottom:7px}
.tab .x{width:18px;height:18px;border-radius:4px;display:grid;place-items:center;color:var(--faint)}
.tab .x:hover{background:var(--sunk);color:var(--bad)}
.cmd{display:flex;align-items:center;gap:8px;margin:6px 10px;border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:0 10px;width:min(380px,40%);color:var(--faint);text-align:right;font-size:13px}
.cmd svg{width:15px;height:15px;flex:none}
.cmd span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
kbd{font:500 10.5px/1.6 var(--f-ui);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--panel-2);color:var(--muted);direction:ltr;white-space:nowrap}
.page:focus{outline:none}
.page{flex:1;overflow:auto;padding:16px max(18px,env(safe-area-inset-left,0px)) 28px 18px;min-height:0}
/* نوار وضعیت */
.status{grid-column:2;display:flex;align-items:center;gap:16px;background:var(--panel-2);border-top:1px solid var(--line);padding:3px 14px calc(3px + env(safe-area-inset-bottom,0px));font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden}
.status .sp{flex:1}
.status b{font-weight:600;color:var(--ink)}
.dotok{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);margin-inline-end:5px}
/* عناصر عمومی */
.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
h1{font:600 20px/1.35 var(--f-ui);margin:0;text-wrap:balance}
.sub{color:var(--muted);margin:0;font-size:12.5px}
h2{font:600 14px/1.4 var(--f-ui);margin:0}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:4px 12px;font-weight:500;min-height:32px;white-space:nowrap;color:var(--ink);text-decoration:none;font-size:13px}
.btn:hover{border-color:var(--faint)}
.btn.pri{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.btn.pri:hover{filter:brightness(1.07)}
.btn.sm{min-height:26px;padding:1px 9px;font-size:12px}
.btn.ghost{background:none;border-color:transparent}
.btn.dng{color:var(--bad)}
.btn svg{width:15px;height:15px}
.btn kbd{margin-inline-start:4px}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);min-width:0}
.box-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-bottom:1px solid var(--line-2)}
.box-b{padding:12px 14px}
.cols{display:grid;gap:14px}
.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.c21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.c12{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.kpi{background:var(--panel);padding:10px 14px;min-width:0}
.kpi .k{font-size:11.5px;color:var(--muted)}
.kpi .v{font:600 19px/1.4 var(--f-ui)}
.kpi .d{font-size:11.5px;color:var(--muted)}
.up{color:var(--good)!important}.down{color:var(--bad)!important}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;border-radius:99px;padding:0 8px;line-height:19px;white-space:nowrap;font-weight:500}
.p-bad{background:var(--bad-soft);color:var(--bad)}.p-warn{background:var(--warn-soft);color:var(--warn)}.p-good{background:var(--good-soft);color:var(--good)}.p-info{background:var(--info-soft);color:var(--info)}.p-acc{background:var(--acc-soft);color:var(--acc)}.p-mute{background:var(--sunk);color:var(--muted)}.p-amber{background:var(--amber-soft);color:var(--amber)}
.meter{height:6px;background:var(--sunk);border-radius:99px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--acc);border-radius:99px}
.av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 var(--f-ui);color:#fff;flex:none}
.who{display:flex;align-items:center;gap:9px;min-width:0}
.who b{font-weight:500}
.mono{direction:ltr;unicode-bidi:isolate}
.empty{padding:26px 14px;text-align:center;color:var(--muted)}
.list{list-style:none;margin:0;padding:0}
.li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 14px;border-top:1px solid var(--line-2)}
.li:first-child{border-top:0}
.li .t{font-weight:500;overflow-wrap:anywhere}
.li .m{font-size:12px;color:var(--muted)}
.ico{width:30px;height:30px;border-radius:7px;display:grid;place-items:center}
.ico svg{width:15px;height:15px}
.i-bad{background:var(--bad-soft);color:var(--bad)}.i-warn{background:var(--warn-soft);color:var(--warn)}.i-acc{background:var(--acc-soft);color:var(--acc)}.i-amber{background:var(--amber-soft);color:var(--amber)}.i-info{background:var(--info-soft);color:var(--info)}.i-good{background:var(--good-soft);color:var(--good)}
.gh{padding:7px 14px;font-size:11.5px;color:var(--faint);background:var(--panel-2);border-top:1px solid var(--line-2);display:flex;gap:8px;align-items:center}
.gh:first-child{border-top:0}
/* جدول حرفه‌ای */
.grid-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.field{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:4px 10px;min-height:32px;color:var(--ink);min-width:0}
.chip{border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:2px 11px;font-size:12px;color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.tw{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);max-width:100%}
table.g{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}
.g th{position:sticky;top:0;z-index:1;background:var(--panel-2);font-size:11.5px;color:var(--muted);font-weight:600;text-align:right;padding:7px 12px;border-bottom:1px solid var(--line);white-space:nowrap;user-select:none}
.g th[data-sort]{cursor:pointer}
.g th[data-sort]:hover{color:var(--ink)}
.g th .arw{font-size:10px;color:var(--acc)}
.g td{padding:7px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle;white-space:nowrap}
.g tbody tr{cursor:pointer}
.g tbody tr:nth-child(even) td{background:var(--panel-2)}
.g tbody tr:hover td{background:var(--acc-soft)}
.g td.num,.g th.num{text-align:left}
.g tfoot td{background:var(--panel-2);font-weight:600;border-top:1px solid var(--line);border-bottom:0;position:sticky;bottom:0}
.colmenu{position:absolute;z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.colmenu label{display:flex;gap:8px;align-items:center;padding:2px 0}
.pager{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 2px 0;font-size:12px;color:var(--muted)}
/* کانبان */
.board{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px;align-items:start}
.colk{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);min-height:200px}
.colk.over{outline:2px dashed var(--acc);outline-offset:-4px}
.colk-h{display:flex;justify-content:space-between;padding:8px 10px;font-weight:600;font-size:12.5px}
.colk-h small{font-weight:400;color:var(--faint)}
.colk-b{display:flex;flex-direction:column;gap:7px;padding:0 7px 8px}
.kc{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:8px 10px;cursor:grab}
.kc .a{font-weight:600;font-size:15px}
.kc .m{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
/* فرم */
.scrim{position:fixed;inset:0;background:rgba(8,12,18,.45);z-index:40}
.dlg{position:fixed;inset-inline:0;top:6vh;margin-inline:auto;width:min(620px,calc(100% - 24px));max-height:88vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:41}
.dlg-h{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line-2);position:sticky;top:0;background:var(--panel);z-index:1}
.dlg-h h2{font-size:15px}
.dlg form{padding:14px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.fl{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);min-width:0}
.fl.w{grid-column:1/-1}
.fl input,.fl select,.fl textarea{border:1px solid var(--line);background:var(--panel-2);border-radius:6px;padding:6px 10px;color:var(--ink);font-size:13.5px;min-width:0;width:100%}
.fl input[aria-invalid="true"]{border-color:var(--bad)}
.hint{font-size:11.5px;color:var(--faint)}
.ferr{grid-column:1/-1;color:var(--bad);font-size:12.5px;min-height:1.2em}
.facts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}
/* پالت فرمان */
.pal{position:fixed;inset-inline:0;top:10vh;margin-inline:auto;width:min(640px,calc(100% - 24px));background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:41;overflow:hidden}
.pal input{width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 16px;font-size:15px;background:none;outline:none}
.pal-l{max-height:56vh;overflow-y:auto;padding:6px}
.pal-s{font-size:10.5px;color:var(--faint);padding:8px 10px 2px;letter-spacing:.04em}
.pal-i{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;cursor:pointer}
.pal-i svg{width:15px;height:15px;color:var(--muted);flex:none}
.pal-i small{margin-inline-start:auto;color:var(--faint);font-size:11.5px}
.pal-i[aria-selected="true"]{background:var(--acc-soft);color:var(--acc)}
.pal-nl{margin:6px;border:1px dashed var(--acc);border-radius:8px;padding:10px 12px;background:var(--acc-soft)}
.pal-nl b{color:var(--acc)}
/* پرونده مشتری (زبانه) */
.prof{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.card-id{padding:16px}
.card-id .av{width:54px;height:54px;font-size:22px}
dl.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:12px 0 0;font-size:12.5px}
dl.kv dt{color:var(--faint)}dl.kv dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.tl{list-style:none;margin:0;padding:4px 0 0;border-inline-start:2px solid var(--line)}
.tl li{position:relative;padding:0 14px 12px 0;font-size:12.5px}
.tl li::before{content:"";position:absolute;inset-inline-start:-6px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--panel);border:2px solid var(--acc)}
.tl small{color:var(--faint)}
.sched td{font-size:12px}
.chart svg{display:block;width:100%;height:auto}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-inline-end:4px}
/* ورود */
.login{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(1200px 600px at 80% -10%,#14919d33,transparent),var(--side);padding:16px}
.login-card{width:min(400px,100%);background:var(--panel);border-radius:14px;box-shadow:var(--shadow);padding:22px}
.login-card .brand{border:0;padding:0 0 14px}
.login-card .brand b{color:var(--ink)}
.users{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}
.uopt{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--panel);text-align:right}
.uopt[aria-pressed="true"]{border-color:var(--acc);background:var(--acc-soft)}
.toast{position:fixed;inset-inline-start:50%;transform:translateX(50%);bottom:calc(40px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);border-radius:8px;padding:7px 16px;z-index:70;font-weight:500;box-shadow:var(--shadow)}
.mnav{display:none}
@media (max-width:1100px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.c21,.c12,.c3{grid-template-columns:minmax(0,1fr)}.prof{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
 body{overflow:hidden}
 .app{grid-template-columns:minmax(0,1fr)}
 .side{display:none}
 .status{grid-column:1;display:none}
 .cmd{width:auto;flex:1;margin:6px max(10px,env(safe-area-inset-left,0px)) 6px 6px}
 .cmd kbd{display:none}
 .topbar{flex-direction:column-reverse}
 .tabs{padding:0 max(10px,env(safe-area-inset-right,0px)) 0 10px}
 .page{padding:12px max(14px,env(safe-area-inset-right,0px)) 84px max(14px,env(safe-area-inset-left,0px))}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kpi:last-child:nth-child(odd){grid-column:1/-1}
 .c2{grid-template-columns:minmax(0,1fr)}
 .dlg form{grid-template-columns:minmax(0,1fr)}
 .mnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:30;background:var(--panel);border-top:1px solid var(--line);padding:3px max(6px,env(safe-area-inset-right,0px)) calc(3px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}
 .mnav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;font-size:10.5px;color:var(--muted);padding:5px 0;min-height:46px}
 .mnav svg{width:19px;height:19px}
 .mnav [aria-current="true"]{color:var(--acc);font-weight:600}
 .board{grid-template-columns:repeat(5,minmax(230px,80vw));scroll-snap-type:x mandatory}
 .colk{scroll-snap-align:start}
 .g td.hm,.g th.hm{display:none}
 table.g{min-width:0}
}

/* ===== نسخه شیشه‌ای: پس‌زمینه نرم، پنل‌های مات و شفاف، کنتراست ملایم برای کار طولانی ===== */
:root{--glass:rgba(255,255,255,.58);--glass-2:rgba(255,255,255,.42);--glass-line:rgba(255,255,255,.75);--glass-edge:rgba(20,40,60,.08);
 --bg:#e9eef3;--panel:rgba(255,255,255,.66);--panel-2:rgba(255,255,255,.42);--sunk:rgba(20,40,60,.07);--line:rgba(20,40,60,.10);--line-2:rgba(20,40,60,.06);
 --ink:#1f2a37;--muted:#5d6b7b;--faint:#8a96a5;
 --side:rgba(255,255,255,.46);--side-2:rgba(255,255,255,.7);--side-ink:#2a3646;--side-mute:#7a8696;
 --acc:#0f7f8a;--acc-soft:rgba(15,127,138,.12);--blur:blur(18px) saturate(1.5);
 --mesh:radial-gradient(900px 600px at 95% -10%,rgba(120,205,210,.55),transparent 60%),radial-gradient(800px 600px at -10% 20%,rgba(170,180,240,.45),transparent 60%),radial-gradient(900px 700px at 60% 120%,rgba(250,210,170,.45),transparent 60%),linear-gradient(160deg,#eef3f6,#e6ecf2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--glass:rgba(22,30,44,.55);--glass-2:rgba(22,30,44,.38);--glass-line:rgba(255,255,255,.08);--glass-edge:rgba(0,0,0,.3);
 --bg:#0d131c;--panel:rgba(24,33,48,.6);--panel-2:rgba(24,33,48,.38);--sunk:rgba(255,255,255,.06);--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.05);
 --ink:#e3e9f0;--muted:#a1adbb;--faint:#738093;--side:rgba(18,25,38,.5);--side-2:rgba(255,255,255,.08);--side-ink:#d6dee8;--side-mute:#8190a2;--acc:#4cc6d0;--acc-soft:rgba(76,198,208,.14);
 --mesh:radial-gradient(900px 600px at 95% -10%,rgba(30,120,130,.45),transparent 60%),radial-gradient(800px 600px at -10% 20%,rgba(70,60,150,.4),transparent 60%),radial-gradient(900px 700px at 60% 120%,rgba(140,80,40,.3),transparent 60%),linear-gradient(160deg,#0c1119,#101826)}}
:root[data-theme="dark"]{--glass:rgba(22,30,44,.55);--glass-2:rgba(22,30,44,.38);--glass-line:rgba(255,255,255,.08);--glass-edge:rgba(0,0,0,.3);
 --bg:#0d131c;--panel:rgba(24,33,48,.6);--panel-2:rgba(24,33,48,.38);--sunk:rgba(255,255,255,.06);--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.05);
 --ink:#e3e9f0;--muted:#a1adbb;--faint:#738093;--side:rgba(18,25,38,.5);--side-2:rgba(255,255,255,.08);--side-ink:#d6dee8;--side-mute:#8190a2;--acc:#4cc6d0;--acc-soft:rgba(76,198,208,.14);
 --mesh:radial-gradient(900px 600px at 95% -10%,rgba(30,120,130,.45),transparent 60%),radial-gradient(800px 600px at -10% 20%,rgba(70,60,150,.4),transparent 60%),radial-gradient(900px 700px at 60% 120%,rgba(140,80,40,.3),transparent 60%),linear-gradient(160deg,#0c1119,#101826)}
body{background:var(--mesh);background-color:var(--bg);background-attachment:fixed}
.app{padding:10px;gap:10px;grid-template-rows:minmax(0,1fr) auto}
.side,.work,.status{border-radius:16px;border:1px solid var(--glass-line);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 10px 30px -14px var(--glass-edge);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.side{background:var(--side);color:var(--side-ink)}
.brand{border-bottom:1px solid var(--line)}.brand b{color:var(--ink)}
.mod{color:var(--side-ink);border-radius:10px;transition:background .15s}
.mod:hover{background:var(--side-2)}
.mod[aria-current="true"]{background:var(--side-2);color:var(--acc);box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 0 0 1px var(--glass-line)}
.me{border-top:1px solid var(--line)}.me b{color:var(--ink)!important}.me button{border-color:var(--line);color:var(--side-ink)}
.work{background:var(--glass-2);overflow:hidden}
.topbar{background:transparent;border-bottom:1px solid var(--line)}
.tab[aria-selected="true"]{background:var(--panel);border-color:var(--glass-line);border-radius:10px 10px 0 0}
.cmd{background:var(--panel);border-color:var(--glass-line);border-radius:10px}
.status{grid-column:2;background:var(--glass-2)}
.box,.kpis,.tw,.colk,.dlg,.pal,.colmenu,.login-card{background:var(--panel);border:1px solid var(--glass-line);border-radius:14px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 24px -16px var(--glass-edge)}
.kpis{background:var(--line);gap:1px}.kpi{background:var(--panel)}
.colk{background:var(--panel-2)}.kc{background:var(--panel);border-color:var(--glass-line);border-radius:10px;transition:transform .15s,box-shadow .15s}.kc:hover{transform:translateY(-2px);box-shadow:0 10px 20px -14px var(--glass-edge)}
.g th{background:var(--panel)}.g tbody tr:nth-child(even) td{background:transparent}.g tbody tr:hover td{background:var(--acc-soft)}.g tfoot td{background:var(--panel)}
.btn{border-radius:9px;background:var(--panel);border-color:var(--glass-line)}.btn.pri{box-shadow:0 6px 16px -8px var(--acc)}
.field,.fl input,.fl select,.fl textarea{border-radius:9px;background:var(--panel-2);border-color:var(--line)}
.scrim{background:rgba(15,25,40,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.login{background:var(--mesh)}
.chip{background:var(--panel);border-color:var(--glass-line)}
@media (max-width:760px){.app{padding:0;gap:0}.work{border-radius:0;border:0}.mnav{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}}
/* ===== دستیار ===== */
.box-h h2 svg{width:16px;height:16px;vertical-align:-3px;color:var(--acc)}
.fab{position:fixed;inset-inline-end:calc(22px + env(safe-area-inset-left,0px));bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:35;display:flex;align-items:center;gap:8px;border:1px solid var(--glass-line);background:linear-gradient(135deg,rgba(15,127,138,.92),rgba(70,90,200,.92));color:#fff;border-radius:99px;padding:10px 16px 10px 14px;font-weight:600;box-shadow:0 12px 30px -10px rgba(30,60,120,.55);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.fab svg{width:18px;height:18px}
.fab .dot{width:8px;height:8px;border-radius:50%;background:#ffd166;box-shadow:0 0 0 0 rgba(255,209,102,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(255,209,102,0)}}
.aip{position:fixed;inset-block:10px;inset-inline-end:10px;width:min(460px,calc(100% - 20px));z-index:45;display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--glass-line);border-radius:18px;box-shadow:0 30px 60px -20px rgba(15,30,60,.45);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);animation:aiin .25s cubic-bezier(.2,.8,.2,1)}
@keyframes aiin{from{transform:translateX(-24px);opacity:0}}
.aip-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.aip-h .orb{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#14919d,#5a6fe0);display:grid;place-items:center;color:#fff}
.aip-h .orb svg{width:18px;height:18px}
.aip-tabs{display:flex;gap:4px;padding:8px 12px 0}
.aip-tabs button{border:0;background:none;padding:6px 12px;border-radius:9px;color:var(--muted);font-weight:500}
.aip-tabs button[aria-selected="true"]{background:var(--panel);color:var(--acc);box-shadow:inset 0 0 0 1px var(--glass-line)}
.aip-b{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.ins{background:var(--panel);border:1px solid var(--glass-line);border-radius:14px;padding:12px 14px}
.ins-h{display:flex;align-items:center;gap:8px;font-weight:600}
.ins-h .tag{margin-inline-start:auto}
.ins p{margin:6px 0 0;color:var(--muted);font-size:13px}
.ins .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.big2{font:600 26px/1.25 var(--f-ui)}
.prospect{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line-2)}
.prospect:first-child{border-top:0}
.score{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--acc);background:conic-gradient(var(--acc) calc(var(--s)*1%),var(--sunk) 0);position:relative}
.score::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--panel)}
.score span{position:relative}
.chat-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.chat-in input{flex:1;min-width:0}
.bub-me{align-self:flex-end;background:var(--acc);color:var(--acc-ink);border-radius:14px 14px 14px 4px;padding:6px 12px;max-width:85%}
.qchips{display:flex;gap:6px;flex-wrap:wrap}
/* ===== جادوگر تشکیل پرونده ===== */
.wiz{position:fixed;inset-inline:0;top:4vh;margin-inline:auto;width:min(900px,calc(100% - 20px));height:min(88vh,760px);z-index:46;display:grid;grid-template-columns:230px minmax(0,1fr);overflow:hidden;background:var(--glass);border:1px solid var(--glass-line);border-radius:20px;box-shadow:0 30px 70px -20px rgba(15,30,60,.5);-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6)}
.wiz-side{padding:18px 14px;border-inline-end:1px solid var(--line);background:var(--panel-2);display:flex;flex-direction:column;gap:4px}
.wiz-side h2{font-size:15px;margin:0 6px 10px}
.wstep{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:12px;border:0;background:none;text-align:right;color:var(--muted)}
.wstep .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12.5px;border:2px solid var(--line);background:var(--panel);flex:none;transition:all .2s}
.wstep small{display:block;font-size:11px;color:var(--faint)}
.wstep[aria-current="step"]{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--glass-line)}
.wstep[aria-current="step"] .n{border-color:var(--acc);color:var(--acc)}
.wstep.done .n{background:var(--acc);border-color:var(--acc);color:#fff}
.wring{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 8px;font-size:12px;color:var(--muted)}
.wmain{display:flex;flex-direction:column;min-width:0;min-height:0}
.wbody{flex:1;overflow-y:auto;padding:20px 24px;animation:wslide .25s ease-out}
@keyframes wslide{from{transform:translateX(-14px);opacity:0}}
.wbody h3{font:600 19px/1.4 var(--f-ui);margin:0 0 2px}
.wfoot{display:flex;gap:8px;align-items:center;padding:12px 20px;border-top:1px solid var(--line);background:var(--panel-2)}
.wfoot .sp{flex:1}
.wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:14px}
.wgrid .w{grid-column:1/-1}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tile2{border:1px solid var(--glass-line);background:var(--panel);border-radius:12px;padding:10px;text-align:right;transition:all .15s}
.tile2[aria-pressed="true"]{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-soft);color:var(--acc)}
.tile2 b{display:block}.tile2 small{color:var(--faint);font-size:11.5px}
.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.calc div{background:var(--panel);border:1px solid var(--glass-line);border-radius:12px;padding:10px}
.calc small{color:var(--muted);font-size:11.5px}.calc b{display:block;font-size:17px}
.hintbox{margin-top:12px;border-radius:12px;padding:10px 12px;background:var(--acc-soft);color:var(--ink);font-size:13px;display:flex;gap:8px}
.hintbox svg{width:16px;height:16px;flex:none;color:var(--acc);margin-top:3px}
.warnbox{background:var(--warn-soft)}.warnbox svg{color:var(--warn)}
.gcard{border:1px solid var(--glass-line);background:var(--panel);border-radius:14px;padding:12px;margin-top:10px}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
.checks label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--panel-2);cursor:pointer}
.checks label:has(input:checked){border-color:var(--good);background:var(--good-soft)}
@media (max-width:760px){.wiz{grid-template-columns:minmax(0,1fr);top:0;height:100%;width:100%;border-radius:0}.wiz-side{flex-direction:row;overflow-x:auto;padding:8px;border:0;border-bottom:1px solid var(--line)}.wiz-side h2,.wring,.wstep small,.wstep span.t{display:none}.wgrid,.tiles,.calc,.checks{grid-template-columns:minmax(0,1fr)}.wbody{padding:14px}.fab{bottom:calc(64px + env(safe-area-inset-bottom,0px))}.wfoot .hm2{display:none}.wfoot{padding:10px}.aip .calc{grid-template-columns:repeat(3,minmax(0,1fr))}.aip{inset:0;width:100%;border-radius:0}}


/* ===== انیمیشن‌ها (با «کاهش حرکت» سیستم خاموش می‌شوند) ===== */
@property --s{syntax:'<number>';inherits:false;initial-value:0}
@keyframes rise{from{opacity:0;transform:translateY(12px)}}
@keyframes popin{from{opacity:0;transform:translateY(10px) scale(.96)}}
@keyframes fadein{from{opacity:0}}
@keyframes grow{from{width:0}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes barup{from{transform:scaleY(0)}}
@keyframes ringin{from{--s:0}}
@keyframes flashk{0%{box-shadow:0 0 0 0 var(--acc)}40%{box-shadow:0 0 0 6px var(--acc-soft)}100%{box-shadow:0 0 0 0 transparent}}
@keyframes ripple{to{transform:scale(1);opacity:0}}
@keyframes floaty{50%{transform:translateY(-3px)}}
@keyframes tabin{from{opacity:0;transform:translateY(6px) scale(.95)}}
@keyframes toastin{from{opacity:0;transform:translate(50%,14px)}}
@keyframes spinmk{to{transform:rotate(360deg)}}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.anim-in{animation:rise .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*45ms)}
.page.enter .meter i{animation:grow 1s cubic-bezier(.2,.8,.2,1) both}
.page.enter .chart polyline[fill="none"]{stroke-dasharray:3000;stroke-dashoffset:3000;animation:draw 1.6s cubic-bezier(.4,0,.2,1) .15s forwards}
.page.enter .chart polygon,.page.enter .chart circle{animation:fadein .8s ease .9s both}
.page.enter .chart rect{transform-box:fill-box;transform-origin:bottom;animation:barup .8s cubic-bezier(.2,.8,.2,1) both}
.score{animation:ringin 1s cubic-bezier(.2,.8,.2,1) both}
.dlg,.pal,.login-card,.wiz{animation:popin .28s cubic-bezier(.2,.9,.3,1.15) both}
.scrim{animation:fadein .2s both}
.toast:not([hidden]){animation:toastin .3s cubic-bezier(.2,.9,.3,1.2)}
.tab.new{animation:tabin .3s cubic-bezier(.2,.9,.3,1.2)}
.kc.flash,.box.flash,tr.flash td{animation:flashk 1.1s ease}
.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.18;transform:scale(0);animation:ripple .6s ease-out forwards;pointer-events:none}
.btn,.mod,.chip,.tile2,.kc,.li,.ins,.uopt,.cmd,.tab{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background-color .18s,border-color .18s,color .18s}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.97)}
.mod svg{transition:transform .2s}.mod:hover svg{transform:translateX(-3px) scale(1.08)}
.li:hover{background:var(--acc-soft)}
.ins:hover,.tile2:hover{transform:translateY(-2px);box-shadow:0 10px 22px -16px var(--glass-edge)}
.box{transition:box-shadow .25s}.box:hover{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 30px -18px var(--glass-edge)}
.fab{animation:floaty 3.2s ease-in-out infinite}
.fab:hover{animation-play-state:paused;transform:translateY(-2px) scale(1.03)}
.brand .mk{position:relative;overflow:hidden}
.brand .mk::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 4s linear infinite}
.login-card .mk{box-shadow:0 0 0 0 rgba(20,145,157,.5);animation:pulse 2.4s infinite}
.dotok{animation:pulse 2.4s infinite}
.wbody{animation:wslide .3s cubic-bezier(.2,.8,.2,1)}
.wstep .n{transition:all .3s cubic-bezier(.2,.9,.3,1.3)}
.wstep.done .n{transform:scale(1.05)}
.aip .ins{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.aip .ins:nth-child(2){animation-delay:.05s}.aip .ins:nth-child(3){animation-delay:.1s}.aip .ins:nth-child(4){animation-delay:.15s}.aip .ins:nth-child(5){animation-delay:.2s}.aip .ins:nth-child(n+6){animation-delay:.25s}
.bub-me{animation:popin .25s both}
.mod[aria-current="true"]::before{content:"";position:absolute;inset-inline-start:0;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--acc);animation:popin .3s both}
.mod{position:relative}
.kc[draggable]:active{transform:rotate(-1.5deg) scale(1.02);box-shadow:0 18px 30px -16px var(--glass-edge)}
.colk.over{background:var(--acc-soft);transition:background .2s}
@media (prefers-reduced-motion:reduce){.anim-in,.fab,.score,.brand .mk::after,.dotok{animation:none!important}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== [02] core ===== */
/* ================= سیستم مدیریت هوشمند مشتریان — لایه ظاهر سه‌بعدی ================= */
:root{--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#6250d6;--s8:#e34948;
 --depth:0 1px 0 rgba(255,255,255,.65) inset,0 -1px 0 rgba(15,40,60,.05) inset,0 2px 0 rgba(15,40,60,.05),0 22px 40px -26px rgba(15,40,60,.45);
 --lift:0 1px 0 rgba(255,255,255,.7) inset,0 3px 0 rgba(15,40,60,.06),0 30px 50px -26px rgba(15,40,60,.5)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#2f9a2f;--s7:#9085e9;--s8:#e66767;
 --depth:0 1px 0 rgba(255,255,255,.07) inset,0 2px 0 rgba(0,0,0,.25),0 22px 40px -24px rgba(0,0,0,.8);--lift:0 1px 0 rgba(255,255,255,.08) inset,0 3px 0 rgba(0,0,0,.3),0 30px 50px -24px rgba(0,0,0,.85)}}
:root[data-theme="dark"]{--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#2f9a2f;--s7:#9085e9;--s8:#e66767;
 --depth:0 1px 0 rgba(255,255,255,.07) inset,0 2px 0 rgba(0,0,0,.25),0 22px 40px -24px rgba(0,0,0,.8);--lift:0 1px 0 rgba(255,255,255,.08) inset,0 3px 0 rgba(0,0,0,.3),0 30px 50px -24px rgba(0,0,0,.85)}

/* پس‌زمینه با گوی‌های شناور (فقط transform؛ سبک) */
body::before,body::after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;will-change:transform}
body::before{width:46vmax;height:46vmax;top:-16vmax;inset-inline-end:-10vmax;background:radial-gradient(circle,var(--acc),transparent 65%);animation:orbA 26s ease-in-out infinite alternate}
body::after{width:40vmax;height:40vmax;bottom:-18vmax;inset-inline-start:-8vmax;background:radial-gradient(circle,#8b7cf6,transparent 65%);animation:orbB 32s ease-in-out infinite alternate}
@keyframes orbA{to{transform:translate(-8vmax,10vmax) scale(1.1)}}
@keyframes orbB{to{transform:translate(10vmax,-8vmax) scale(.92)}}

/* عمق کارت‌ها */
.box,.kpis,.tw,.colk,.ins,.gcard{box-shadow:var(--depth)}
.box:hover{box-shadow:var(--lift)}
.kpis{background:transparent!important;border:0!important;box-shadow:none!important;gap:12px!important;overflow:visible!important}
.kpi{--k:var(--s1);position:relative;border-radius:16px;border:1px solid var(--glass-line);background:linear-gradient(160deg,color-mix(in srgb,var(--k) 16%,var(--panel)),var(--panel) 60%)!important;
 box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 4px 0 color-mix(in srgb,var(--k) 30%,transparent),0 18px 30px -18px color-mix(in srgb,var(--k) 70%,transparent);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;transform-style:preserve-3d;overflow:hidden}
.kpi::after{content:"";position:absolute;inset-inline-end:-18px;top:-18px;width:74px;height:74px;border-radius:22px;transform:rotate(18deg);background:linear-gradient(145deg,color-mix(in srgb,var(--k) 55%,#fff),var(--k));opacity:.22}
.kpi:nth-child(1){--k:var(--s1)}.kpi:nth-child(2){--k:var(--s3)}.kpi:nth-child(3){--k:var(--s7)}.kpi:nth-child(4){--k:var(--s2)}.kpi:nth-child(5){--k:var(--s5)}
.kpi .v{font-size:21px}
.kpi:hover{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 0 color-mix(in srgb,var(--k) 30%,transparent),0 26px 40px -18px color-mix(in srgb,var(--k) 75%,transparent)}

/* آیکون‌های سه‌بعدی ماژول‌ها */
.mod svg{width:30px!important;height:30px!important;padding:6px;border-radius:9px;color:#fff;opacity:1!important;--h:var(--s1);
 background:linear-gradient(150deg,color-mix(in srgb,var(--h) 62%,#fff),var(--h) 55%,color-mix(in srgb,var(--h) 80%,#000));box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 3px 0 color-mix(in srgb,var(--h) 65%,#000),0 8px 14px -6px var(--h)}
.mod[data-go=dash] svg{--h:var(--s1)}.mod[data-go=cust] svg{--h:var(--s7)}.mod[data-go=acc] svg{--h:var(--s3)}.mod[data-go=loans] svg{--h:var(--s2)}.mod[data-go=cheq] svg{--h:var(--s5)}.mod[data-go=desk] svg{--h:var(--s4)}.mod[data-go=tasks] svg{--h:var(--s6)}.mod[data-go=funds] svg{--h:var(--s1)}.mod[data-go=club] svg{--h:var(--s4)}.mod[data-go=report] svg{--h:var(--s7)}.mod[data-go=msg] svg{--h:var(--s3)}.mod[data-go=data] svg{--h:#64748b}.mod[data-go=settings] svg{--h:#64748b}.mod[data-aiopen] svg{--h:var(--s5)}
.mod:hover svg{transform:translateY(-2px) rotate(-6deg) scale(1.06)!important}

/* دکمه‌های فشاری سه‌بعدی */
.btn.pri{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 3px 0 color-mix(in srgb,var(--acc) 60%,#000),0 10px 18px -10px var(--acc)}
.btn.pri:active{transform:translateY(2px)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--acc) 60%,#000)}
.btn{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 2px 0 rgba(15,40,60,.08)}
.btn:active{transform:translateY(1px) scale(.98)}

/* ورود سه‌بعدی بخش‌ها */
@keyframes rise3d{from{opacity:0;transform:perspective(900px) translateY(18px) rotateX(14deg)}}
.anim-in{animation-name:rise3d!important}
.dlg,.pal,.login-card,.wiz{animation-name:pop3d!important}
@keyframes pop3d{from{opacity:0;transform:perspective(1000px) rotateX(-14deg) translateY(16px) scale(.94)}}

/* ===== کارمند تحلیلگر هر بخش ===== */
.coach{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:6px 14px;align-items:center;margin-bottom:14px;padding:10px 14px 10px 12px;border-radius:20px;border:1px solid var(--glass-line);
 background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 14%,var(--panel)),color-mix(in srgb,#8b7cf6 10%,var(--panel)));box-shadow:var(--depth);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.coach.fresh{animation:rise3d .6s cubic-bezier(.2,.8,.2,1) both}
.coach .emp{width:96px;height:104px;align-self:end;margin-bottom:-10px;overflow:visible}
.coach .emp svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 10px rgba(15,30,60,.25))}
.c-bub{position:relative;background:var(--panel);border:1px solid var(--glass-line);border-radius:16px;padding:9px 13px;min-width:0;box-shadow:0 8px 20px -14px rgba(15,30,60,.4)}
.c-bub::before{content:"";position:absolute;inset-inline-start:-7px;top:18px;width:12px;height:12px;background:var(--panel);border-inline-start:1px solid var(--glass-line);border-bottom:1px solid var(--glass-line);transform:rotate(45deg)}
.c-name{font-size:11.5px;color:var(--acc);font-weight:600;display:flex;gap:6px;align-items:center}
.c-say{margin:2px 0 0;font-size:13.5px;line-height:1.85}
.c-say b{color:var(--ink)}
.c-tips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.c-tip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--glass-line);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:99px;padding:3px 11px;font-size:12px;font-weight:500;color:var(--ink);box-shadow:0 2px 0 rgba(15,40,60,.06);transition:transform .15s,box-shadow .15s}
.c-tip:hover{transform:translateY(-2px);box-shadow:0 6px 12px -8px rgba(15,40,60,.4);color:var(--acc)}
.c-tip i{font-style:normal}
.c-tools{display:flex;flex-direction:column;gap:6px;align-self:start}
.c-min{position:absolute;top:6px;inset-inline-end:8px;border:0;background:none;color:var(--faint);font-size:16px;line-height:1;padding:2px 6px;border-radius:6px}
.c-min:hover{background:var(--sunk);color:var(--ink)}
.coach.mini{grid-template-columns:42px minmax(0,1fr) auto;padding:6px 12px}
.coach.mini .emp{width:42px;height:42px;margin:0;border-radius:50%;overflow:hidden;background:var(--panel);border:1px solid var(--glass-line)}
.coach.mini .c-bub{background:none;border:0;box-shadow:none;padding:0}.coach.mini .c-bub::before,.coach.mini .c-tips,.coach.mini .c-name{display:none}
.coach.mini .c-say{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.coach.mini .c-tools{flex-direction:row}
.caret{display:inline-block;width:2px;height:1em;background:var(--acc);vertical-align:-2px;margin-inline-start:2px;animation:blinkc .8s steps(1) infinite}
@keyframes blinkc{50%{opacity:0}}

/* دکمه‌های گرد بخش: اعلان، گزارش، پیامک */
.sb{position:relative;width:40px;height:40px;border-radius:13px;border:1px solid var(--glass-line);display:grid;place-items:center;color:#fff;--h:var(--s1);
 background:linear-gradient(150deg,color-mix(in srgb,var(--h) 60%,#fff),var(--h) 55%,color-mix(in srgb,var(--h) 78%,#000));box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 3px 0 color-mix(in srgb,var(--h) 60%,#000),0 10px 16px -8px var(--h);transition:transform .18s}
.sb svg{width:18px;height:18px}
.sb:hover{transform:translateY(-2px) rotate(-4deg)}
.sb:active{transform:translateY(2px)}
.sb.bell{--h:var(--s2)}.sb.rep{--h:var(--s7)}.sb.sms{--h:var(--s3)}
.sb .n{position:absolute;top:-6px;inset-inline-start:-6px;min-width:19px;height:19px;border-radius:99px;background:#e34948;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;padding:0 5px;border:2px solid var(--panel);animation:bump 2.4s ease-in-out infinite}
@keyframes bump{0%,86%,100%{transform:scale(1)}90%{transform:scale(1.25)}94%{transform:scale(.95)}}
.sb.bell.ring svg{animation:ringb 2.4s ease-in-out infinite;transform-origin:50% 10%}
@keyframes ringb{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(16deg)}88%{transform:rotate(-14deg)}92%{transform:rotate(8deg)}96%{transform:rotate(-4deg)}}
.gbell{position:relative;width:36px;height:36px;margin:6px 4px;border-radius:10px;border:1px solid var(--glass-line);background:var(--panel);display:grid;place-items:center;color:var(--ink)}
.gbell svg{width:17px;height:17px}.gbell .n{position:absolute;top:-5px;inset-inline-start:-5px;min-width:18px;height:18px;border-radius:99px;background:#e34948;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.gpal{width:36px;height:36px;margin:6px 0;border-radius:10px;border:1px solid var(--glass-line);background:conic-gradient(from 30deg,var(--s1),var(--s3),var(--s4),var(--s2),var(--s5),var(--s7),var(--s1));box-shadow:inset 0 0 0 4px var(--panel)}

/* پنجره شناور (اعلان‌ها، اشتراک، ظاهر) */
.pop{position:fixed;z-index:48;width:min(380px,calc(100vw - 20px));max-height:min(70vh,560px);overflow:auto;background:var(--glass);border:1px solid var(--glass-line);border-radius:18px;box-shadow:0 30px 60px -20px rgba(15,30,60,.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);animation:pop3d .28s cubic-bezier(.2,.9,.3,1.15) both;transform-origin:top}
.pop-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.nt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 14px;border-top:1px solid var(--line-2);animation:rise3d .4s both;animation-delay:calc(var(--i,0)*40ms)}
.nt:first-of-type{border-top:0}
.nt .d{font-size:12px;color:var(--muted)}
.nt .a{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.pop-sec{padding:6px 14px 2px;font-size:11px;color:var(--faint);letter-spacing:.04em}
.share-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}
.sh{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:var(--ink);text-decoration:none;border:0;background:none;padding:4px 0}
.sh span.t{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;--h:var(--s1);
 background:linear-gradient(150deg,color-mix(in srgb,var(--h) 55%,#fff),var(--h) 55%,color-mix(in srgb,var(--h) 78%,#000));box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 4px 0 color-mix(in srgb,var(--h) 60%,#000),0 12px 18px -10px var(--h);transition:transform .2s cubic-bezier(.2,.9,.3,1.4)}
.sh span.t svg{width:22px;height:22px}
.sh:hover span.t{transform:translateY(-3px) rotate(-8deg) scale(1.06)}
.sw{display:flex;gap:8px;flex-wrap:wrap;padding:6px 14px 12px}
.sw button{width:30px;height:30px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line),0 4px 8px -4px rgba(0,0,0,.4)}
.sw button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink)}

/* ===== نمودارهای سه‌بعدی ===== */
.viz{margin-bottom:14px}
.viz .box-b{min-height:150px}
.b3{transform-box:fill-box;transform-origin:50% 100%;animation:barup .9s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i,0)*60ms)}
.b3:hover{filter:brightness(1.12) saturate(1.1)}
.b3 text{font:600 10.5px var(--f-ui);fill:var(--muted)}
.d3wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.d3{position:relative;width:170px;height:140px;perspective:620px;flex:none}
.d3s{position:absolute;inset-inline:10px;top:-10px;width:150px;height:150px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(var(--rz,-20deg));transition:transform .9s cubic-bezier(.2,.8,.2,1);animation:d3in 1.1s cubic-bezier(.2,.8,.2,1) both}
.d3:hover .d3s{--rz:-60deg}
@keyframes d3in{from{transform:rotateX(58deg) rotateZ(-200deg) scale(.6);opacity:0}}
.d3s i{position:absolute;inset:0;border-radius:50%;background:var(--cg);-webkit-mask:radial-gradient(circle,transparent 37%,#000 38%);mask:radial-gradient(circle,transparent 37%,#000 38%);transform:translateZ(calc(var(--z)*-1.7px));filter:brightness(calc(1 - var(--z)*.045))}
.d3c{position:absolute;inset-inline:0;top:0;height:130px;display:grid;place-items:center;text-align:center;pointer-events:none;transform:translateY(-5px)}
.d3cap{position:absolute;inset-inline:0;bottom:-6px;text-align:center;font-size:11px;color:var(--muted)}
.d3c b{display:block;font-size:14px;line-height:1;background:var(--panel);padding:3px 6px;border-radius:8px;box-shadow:0 2px 6px -3px rgba(0,0,0,.25)}.d3c small{color:var(--muted);font-size:11px}
.lg{display:flex;flex-direction:column;gap:5px;font-size:12.5px;min-width:0;flex:1}
.lg div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center}
.lg i{width:12px;height:12px;border-radius:4px;box-shadow:0 2px 0 rgba(0,0,0,.15)}
.lg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg b{font-weight:600}
.rings{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-around}
.r3{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:12px;color:var(--muted)}
.r3 .rg{width:96px;height:96px;border-radius:50%;position:relative;--p:0;background:conic-gradient(var(--rc) calc(var(--p)*1%),var(--sunk) 0);animation:ringin3 1.2s cubic-bezier(.2,.8,.2,1) both;
 box-shadow:0 6px 0 color-mix(in srgb,var(--rc) 35%,transparent),0 18px 26px -14px var(--rc);transform:perspective(400px) rotateX(18deg)}
@property --p{syntax:'<number>';inherits:false;initial-value:0}
@keyframes ringin3{from{--p:0}}
.r3 .rg::before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--panel);box-shadow:inset 0 3px 6px rgba(0,0,0,.12)}
.r3 .rg b{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-size:17px}
.r3 small{color:var(--faint);font-size:11px}

/* ===== کارت عضویت سه‌بعدی ===== */
.mc-stage{perspective:1100px;display:grid;place-items:center;padding:18px 10px 8px}
.mc{width:min(360px,86vw);aspect-ratio:1.586;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1);cursor:pointer;animation:mcin 1s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes mcin{from{transform:rotateY(-160deg) rotateX(20deg) scale(.7);opacity:0}}
.mc.flip{transform:rotateY(180deg)}
.mc-f,.mc-b{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;color:#fff;padding:16px 18px;box-shadow:0 30px 50px -20px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.4) inset}
.mc-b{transform:rotateY(180deg);background:#1b2433;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.mc-f{background:var(--tg)}
.mc-f::after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.45),transparent 40%);mix-blend-mode:overlay;pointer-events:none}
.mc-chip{width:44px;height:32px;border-radius:7px;background:linear-gradient(135deg,#f6dc8c,#c9a227 60%,#f3d57a);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.mc-no{font:600 19px/1 var(--f-ui);letter-spacing:.12em;direction:ltr;text-align:left;margin-top:18px;text-shadow:0 2px 2px rgba(0,0,0,.35)}
.mc small{opacity:.85;font-size:11px}
.mc-row{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;inset-inline:18px;bottom:14px}
.mc-tier{font:700 13px var(--f-brand);padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.22);backdrop-filter:blur(4px)}
.mc-qr{background:#fff;border-radius:10px;padding:6px;line-height:0}
.mc-qr svg{width:104px!important;height:104px!important}

/* ===== جوایز باشگاه ===== */
.rws{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.rw{position:relative;border-radius:16px;padding:14px;border:1px solid var(--glass-line);background:linear-gradient(160deg,color-mix(in srgb,var(--k) 18%,var(--panel)),var(--panel));box-shadow:0 4px 0 color-mix(in srgb,var(--k) 28%,transparent),0 16px 26px -18px var(--k);display:flex;flex-direction:column;gap:6px;transition:transform .25s}
.rw .cube{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--k) 55%,#fff),var(--k));box-shadow:0 3px 0 color-mix(in srgb,var(--k) 60%,#000);transform:rotate(-8deg)}
.rw b{font-size:13.5px}.rw .cost{font-size:12px;color:var(--muted)}

/* ===== انیمیشن ارسال ===== */
.fx{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}
.fx-ring{position:absolute;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;background:conic-gradient(var(--s1),var(--s3),var(--s4),var(--s2),var(--s5),var(--s7),var(--s1));-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%)}
.fx-cf{position:absolute;width:9px;height:14px;margin:-7px 0 0 -4px;border-radius:2px}
.fx-pl{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;filter:drop-shadow(0 10px 12px rgba(20,40,80,.35))}
.fx-ok{position:absolute;inset-inline:0;margin:auto;width:max-content;bottom:calc(90px + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,var(--s3),var(--s1));color:#fff;font-weight:700;border-radius:99px;padding:9px 18px 9px 16px;box-shadow:0 14px 30px -10px rgba(20,60,120,.6);display:flex;align-items:center;gap:8px}
.fx-ok svg{width:18px;height:18px}

/* ===== پیامک بخش ===== */
.smsdlg{width:min(760px,calc(100% - 20px))!important}
.smsg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px 18px}
.rcp{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.rcp label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 10px;border-top:1px solid var(--line-2);font-size:12.5px}
.rcp label:first-child{border-top:0}
.rcp .x{display:flex;gap:4px}
.vars{display:flex;gap:4px;flex-wrap:wrap}
.vars button{font-size:11px;border:1px dashed var(--line);background:none;border-radius:6px;padding:0 6px;color:var(--muted)}
.prev{border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--s3) 22%,var(--panel)),var(--panel));border:1px solid var(--glass-line);padding:10px 12px;white-space:pre-wrap;font-size:13px}

@media (max-width:760px){
 .coach{grid-template-columns:62px minmax(0,1fr);padding:8px 10px}
 .coach .emp{width:62px;height:76px;margin-bottom:-8px}
 .c-tools{grid-column:1/-1;flex-direction:row;justify-content:flex-start}
 .c-tips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.c-tips::-webkit-scrollbar{display:none}
 .c-tip{flex:none}
 .coach.mini{grid-template-columns:38px minmax(0,1fr) auto}.coach.mini .c-tools{grid-column:auto}
 .coach.mini .emp{width:38px;height:38px}
 .sb{width:38px;height:38px}
 .smsg{grid-template-columns:minmax(0,1fr)}
 .d3{width:150px;height:118px}.d3s{width:130px;height:130px}
 .share-g{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px 8px}
}
html.lowmo body::before,html.lowmo body::after{animation:none}
html.lowmo .anim-in,html.lowmo .coach.fresh,html.lowmo .b3,html.lowmo .d3s,html.lowmo .r3 .rg{animation:none!important}
.noanim .b3,.noanim .d3s,.noanim .r3 .rg,.noanim.coach{animation:none!important}
@media (prefers-reduced-motion:reduce){body::before,body::after,.b3,.d3s,.r3 .rg,.coach.fresh,.mc,.sb .n,.sb.bell.ring svg{animation:none!important}}

/* ===== کارمند: حرکات ===== */
.lady .e-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:lblink 5.5s infinite}
@keyframes lblink{0%,95%,100%{transform:scaleY(1)}97%{transform:scaleY(.08)}}
.lady .e-body{transform-origin:60px 150px;animation:lbreath 4.2s ease-in-out infinite}
@keyframes lbreath{50%{transform:scale(1.012,1.018)}}
.lady .e-head{transform-origin:60px 100px;animation:lhead 7s ease-in-out infinite}
@keyframes lhead{0%,100%{transform:rotate(0)}30%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}}
.lady .e-point{transform-origin:35px 102px;animation:lpoint 7s cubic-bezier(.4,0,.2,1) infinite}
@keyframes lpoint{0%,40%,100%{transform:rotate(0)}48%,74%{transform:rotate(104deg)}52%{transform:rotate(96deg)}56%{transform:rotate(106deg)}84%{transform:rotate(0)}}
.lady .e-ln{stroke:#94a3b8;stroke-width:2;stroke-linecap:round;stroke-dasharray:22;stroke-dashoffset:22;animation:lline 3.3s ease-in-out infinite}
.lady .e-ln.l2{animation-delay:1.1s}.lady .e-ln.l3{animation-delay:2.2s}
@keyframes lline{30%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-22}}
.lady .e-badge{transform-origin:45px 104px;animation:lbadge 3.6s ease-in-out infinite}
@keyframes lbadge{50%{transform:rotate(4deg)}}
.lady.talk .e-mouth{transform-box:fill-box;transform-origin:50% 30%;animation:ltalk .22s ease-in-out infinite alternate}
@keyframes ltalk{to{transform:scaleY(1.7)}}
.lady.wave .e-point{animation:lwave 1.4s ease-in-out 2}
@keyframes lwave{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(150deg)}50%{transform:rotate(128deg)}}
.fab .lady-h{width:30px;height:30px;border-radius:50%;background:#fff;overflow:hidden;margin:-4px 0}
.fab .lady-h svg{width:100%;height:100%}
.aip-h .orb.lo{background:#fff;overflow:hidden;padding:0}.aip-h .orb.lo svg{width:100%;height:100%}

.tb-r{display:flex;align-items:center;gap:2px;margin-inline-end:6px;min-width:0}
.tb-r .cmd{margin-inline-end:4px;min-width:0}
.tb-r .gbell,.tb-r .gpal{flex:none}
@media (max-width:760px){.tb-r{width:100%;padding-inline-end:6px}.tb-r .cmd{flex:1}}
.c-name svg{width:13px;height:13px;flex:none}
.work{overflow:clip}
@media (max-width:760px){
 .c-say{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
 .c-say.open{display:block;-webkit-line-clamp:unset}
 .c-say:not(.open)::after{content:""}
}

/* ===== کارمند جدید: حرکات ===== */
.lady2 .sway{transform-origin:70px 216px;animation:l2sway 7s ease-in-out infinite}
@keyframes l2sway{0%,100%{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}
.lady2 .head{transform-origin:70px 92px;animation:l2head 9s ease-in-out infinite}
@keyframes l2head{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}55%{transform:rotate(2.4deg) translateY(.4px)}}
.lady2 .eyes{transform-box:fill-box;transform-origin:center;animation:l2blink 5.2s infinite}
@keyframes l2blink{0%,94%,100%{transform:scaleY(1)}96.5%{transform:scaleY(.1)}}
.lady2 .torso{transform-origin:70px 182px;animation:l2breath 4.2s ease-in-out infinite}
@keyframes l2breath{50%{transform:scale(1.008,1.014)}}
.lady2 .arm-r{transform-origin:47px 99px;animation:l2ua 8s cubic-bezier(.45,0,.2,1) infinite}
@keyframes l2ua{0%,34%,100%{transform:rotate(0)}44%,72%{transform:rotate(20deg)}82%{transform:rotate(0)}}
.lady2 .fore{transform-origin:41.5px 132px;animation:l2fa 8s cubic-bezier(.45,0,.2,1) infinite}
@keyframes l2fa{0%,34%,100%{transform:rotate(0)}44%{transform:rotate(96deg)}52%{transform:rotate(86deg)}60%{transform:rotate(94deg)}72%{transform:rotate(90deg)}82%{transform:rotate(0)}}
.lady2 .scr rect{transform-box:fill-box;transform-origin:50% 100%;animation:l2bar 2.4s ease-in-out infinite}
.lady2 .scr .sb2{animation-delay:.3s}.lady2 .scr .sb3{animation-delay:.6s}
@keyframes l2bar{50%{transform:scaleY(.55)}}
.lady2 .badge{transform-origin:70px 102px;animation:l2badge 4s ease-in-out infinite}
@keyframes l2badge{50%{transform:rotate(2.5deg)}}
.lady2.talk .mouth{transform-box:fill-box;transform-origin:50% 0;animation:l2talk .17s ease-in-out infinite alternate}
@keyframes l2talk{to{transform:scaleY(1.9)}}
.lady2.wave .arm-r{animation:l2ua2 1.6s ease-in-out 2}.lady2.wave .fore{animation:l2wave 1.6s ease-in-out 2}
@keyframes l2ua2{0%,100%{transform:rotate(0)}30%,70%{transform:rotate(30deg)}}
@keyframes l2wave{0%,100%{transform:rotate(0)}25%{transform:rotate(150deg)}45%{transform:rotate(125deg)}65%{transform:rotate(150deg)}85%{transform:rotate(130deg)}}
@media (prefers-reduced-motion:reduce){.lady2 *{animation:none!important}}
html.lowmo .lady2 .sway,html.lowmo .lady2 .scr rect,html.lowmo .lady2 .badge,html.lowmo .lady2 .torso{animation:none}

/* ================= نسخه جدید: ظاهر تخت‌تر، افکت‌های مدرن، قرعه‌کشی و فرایند تسهیلات ================= */
/* ورود نرم با محوشدگی (به‌جای چرخش سه‌بعدی) */
@keyframes riseB{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px)}}
@keyframes popB{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(4px)}}
.anim-in{animation-name:riseB!important;animation-duration:.55s!important}
.coach.fresh{animation:riseB .6s cubic-bezier(.2,.8,.2,1) both}
.dlg,.pal,.login-card,.wiz,.pop{animation-name:popB!important}
.kpi{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 12px 26px -20px color-mix(in srgb,var(--k) 80%,transparent)!important}
.kpi::after{transform:none;border-radius:50%;opacity:.16}
/* نور زیر نشانگر */
.box,.kpi,.rw,.ins,.coach,.lstep{position:relative}
.box::after,.kpi::before,.rw::after,.ins::after,.coach::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--acc) 12%,transparent),transparent 60%)}
.box:hover::after,.kpi:hover::before,.rw:hover::after,.ins:hover::after,.coach:hover::after{opacity:1}
/* درخشش دکمه اصلی */
.btn.pri{position:relative;overflow:hidden}
.btn.pri::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:left .7s}
.btn.pri:hover::after{left:130%}
.shake{animation:shk .45s}
@keyframes shk{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.bump{animation:bmp .5s}
@keyframes bmp{40%{transform:scale(1.08);color:var(--acc)}}

/* ===== نمودارهای تخت ===== */
.bf{transform-box:fill-box;transform-origin:50% 100%;animation:barGrow .8s cubic-bezier(.2,.9,.3,1.15) both;animation-delay:calc(var(--i,0)*55ms)}
@keyframes barGrow{from{transform:scaleY(0);opacity:.3}}
.bf:hover{filter:brightness(1.1) saturate(1.15)}
.ll{stroke-dasharray:1000;stroke-dashoffset:1000;animation:llDraw 1.4s cubic-bezier(.4,0,.2,1) .1s forwards}
@keyframes llDraw{to{stroke-dashoffset:0}}
.la{animation:fadein .9s ease .6s both}
.lp{animation:popin .4s cubic-bezier(.2,.9,.3,1.4) both;animation-delay:calc(.3s + var(--i,0)*70ms);transform-box:fill-box;transform-origin:center}
.lp:hover circle:nth-child(3){r:7}
.noanim .bf,.noanim .ll,.noanim .la,.noanim .lp,.noanim .ds{animation:none!important;stroke-dashoffset:0}
.d2wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.d2{position:relative;width:150px;height:150px;flex:none}
.d2 svg{width:100%;height:100%;overflow:visible}
.ds{animation:dsIn 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*90ms);transition:stroke-width .2s}
.ds:hover{stroke-width:19}
@keyframes dsIn{from{stroke-dasharray:0 100}}
.d2c{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}
.d2c b{font-size:18px;line-height:1.2}.d2c small{font-size:11px;color:var(--muted)}
.r3 .rg{transform:none!important;box-shadow:none!important;width:92px;height:92px}
.viz .box-b{min-height:0}

/* ===== کارمند در کارت تحلیل ===== */
.coach .emp{width:96px!important;height:118px!important;margin-bottom:-10px}
.coach .emp svg{filter:drop-shadow(0 10px 12px rgba(15,30,60,.22))}
@media (max-width:760px){.coach .emp{width:66px!important;height:82px!important}}
.coach.mini .emp{width:42px!important;height:42px!important}

/* ===== افکت ارسال ===== */
.fxc{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:95}
.fx-msg{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:15px;background:linear-gradient(135deg,#6250d6,#1baf7a);display:grid;place-items:center;box-shadow:0 14px 28px -10px rgba(60,40,160,.6)}
.fx-msg svg{width:24px;height:24px}
.fx-trail{position:absolute;inset:0}
.fx-ok2{position:fixed;inset-inline:0;margin:auto;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100% - 32px);z-index:96;display:flex;align-items:center;gap:8px;padding:9px 18px 9px 14px;border-radius:99px;color:#fff;font-weight:700;background:linear-gradient(135deg,#1baf7a,#2a78d6);box-shadow:0 16px 34px -12px rgba(20,60,120,.6);animation:okIn 2s cubic-bezier(.2,.9,.3,1.2) forwards}
.fx-ok2 svg{width:22px;height:22px}.fx-ok2 .ck{stroke-dasharray:20;stroke-dashoffset:20;animation:ckDraw .45s ease .25s forwards}
@keyframes ckDraw{to{stroke-dashoffset:0}}
@keyframes okIn{0%{opacity:0;transform:translateY(24px) scale(.8)}14%{opacity:1;transform:translateY(0) scale(1.04)}22%,80%{transform:none;opacity:1}100%{opacity:0;transform:translateY(-10px) scale(.96)}}

/* ===== قرعه‌کشی ===== */
.lstage{position:fixed;inset:0;z-index:80;background:radial-gradient(circle at 50% 30%,#1f1652,#05070f 70%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));animation:fadein .3s}
.lwrap{position:relative;flex:1;min-height:0;display:grid;place-items:center;width:100%}
.lwrap canvas{height:100%;max-height:calc(100vh - 90px);width:auto;max-width:100%;aspect-ratio:9/16;border-radius:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.lrec{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#dc2626;color:#fff;font-weight:700;border-radius:99px;padding:4px 14px;font-size:13px;animation:blinkc 1s steps(1) infinite}
.lbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:100%}
.lbar .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.lbar .btn.pri{background:linear-gradient(135deg,#f59e0b,#ec4899);border:0}
.lchk{display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;padding:0 6px}
.lstage.playing .lbar{opacity:.35;transition:opacity .3s}.lstage.playing .lbar:hover{opacity:1}

/* ===== فرایند تسهیلات ===== */
.board{grid-template-columns:repeat(7,minmax(185px,1fr))!important}
.lsteps{position:relative;display:grid;grid-template-columns:repeat(7,minmax(86px,1fr));gap:4px;margin-bottom:14px;padding:12px 10px 10px;border-radius:18px;background:var(--panel);border:1px solid var(--glass-line);box-shadow:var(--depth);overflow-x:auto;scrollbar-width:none}
.lsteps::-webkit-scrollbar{display:none}
.lrail{position:absolute;top:34px;inset-inline:7%;height:4px;border-radius:9px;background:var(--sunk)}
.lrail i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--prog);border-radius:inherit;background:linear-gradient(90deg,var(--s3),var(--s1),var(--s7));animation:railIn 1s cubic-bezier(.2,.8,.2,1) both}
[dir=rtl] .lrail i,.lrail i{background:linear-gradient(270deg,var(--s3),var(--s1),var(--s7))}
@keyframes railIn{from{width:0}}
.lstep{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;padding:2px;color:var(--muted);z-index:1;border-radius:12px}
.lstep .ln{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:2px solid var(--line);font-size:19px;transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}
.lstep .ln i{font-style:normal}
.lstep b{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap}.lstep small{font-size:10.5px;min-height:14px}
.lstep.done .ln{background:var(--sc);border-color:var(--sc);color:#fff;font-weight:800}
.lstep.cur .ln{border-color:var(--sc);box-shadow:0 0 0 6px color-mix(in srgb,var(--sc) 20%,transparent);animation:pulseS 2s infinite}
@keyframes pulseS{50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--sc) 6%,transparent)}}
.lstep.sel b{color:var(--acc)}.lstep.sel .ln{transform:scale(1.08)}
.lstep:disabled{opacity:.5;cursor:default}.lstep:not(:disabled):hover .ln{transform:translateY(-3px)}
.lstep.pop .ln{animation:stPop .7s cubic-bezier(.2,.9,.3,1.5),pulseS 2s 1s infinite}
@keyframes stPop{0%{transform:scale(.4) rotate(-40deg)}100%{transform:scale(1) rotate(0)}}
.lpanel{animation:riseB .45s cubic-bezier(.2,.8,.2,1) both}
.lp-b{display:flex;flex-direction:column;gap:12px}
.lcard.who{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}
.lcard .av{width:44px;height:44px;font-size:18px}.lmini{margin-inline-start:auto;text-align:left}.lmini small{display:block;font-size:11px;color:var(--muted)}
.lkv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lkv>div{background:var(--panel-2);border:1px solid var(--line-2);border-radius:12px;padding:8px 12px;min-width:0}.lkv small{display:block;font-size:11.5px;color:var(--muted)}.lkv b{font-weight:600;overflow-wrap:anywhere}
.lform{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lform.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lform .field{width:100%}
.mchips{display:flex;gap:5px;flex-wrap:wrap}.mchips .chip{min-width:40px}
.calcg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ct{border-radius:14px;padding:10px 12px;background:linear-gradient(160deg,color-mix(in srgb,var(--s1) 10%,var(--panel)),var(--panel));border:1px solid var(--glass-line);min-width:0;animation:riseB .45s both}
.ct:nth-child(2){background:linear-gradient(160deg,color-mix(in srgb,var(--s7) 10%,var(--panel)),var(--panel))}.ct:nth-child(3){background:linear-gradient(160deg,color-mix(in srgb,var(--s2) 10%,var(--panel)),var(--panel))}
.ct.hl{background:linear-gradient(135deg,color-mix(in srgb,var(--s4) 22%,var(--panel)),color-mix(in srgb,var(--s5) 12%,var(--panel)));border-color:color-mix(in srgb,var(--s4) 40%,transparent)}
.ct small{display:block;font-size:11.5px;color:var(--muted)}.ct b{font-size:17px;font-weight:700;display:block}
.lt{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.dprog{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.dmiss{border-radius:14px;padding:10px 12px;background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}
.dmiss.ok{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 30%,transparent);color:var(--good)}
.mrow{padding:6px 0;border-top:1px dashed color-mix(in srgb,var(--warn) 30%,transparent);animation:riseB .4s both;animation-delay:calc(var(--i,0)*70ms)}.mrow:first-of-type{border-top:0}
.pcard{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--panel-2);display:flex;flex-direction:column;gap:10px}
.pc-h{display:flex;align-items:center;gap:10px}.pc-h .av{width:36px;height:36px}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.checks label{position:relative;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:8px 10px;background:var(--panel);cursor:pointer;transition:background .25s,border-color .25s}
.checks input{position:absolute;opacity:0;pointer-events:none}
.checks .tk{width:20px;height:20px;border-radius:6px;border:2px solid var(--faint);flex:none;display:grid;place-items:center;transition:all .25s}
.checks input:checked+.tk{background:var(--good);border-color:var(--good)}
.checks input:checked+.tk::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.checks label:has(input:checked){background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 40%,transparent)}
.checks label:has(input:focus-visible){outline:2px solid var(--acc)}
.checks label.just .tk{animation:tkPop .5s cubic-bezier(.2,.9,.3,1.6)}
@keyframes tkPop{0%{transform:scale(.3)}100%{transform:scale(1)}}
.owners{display:flex;gap:8px;flex-wrap:wrap}
.ochip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:6px 12px 6px 8px;text-align:right;transition:all .2s}
.ochip small{display:block;font-size:11px;color:var(--muted)}.ochip .av{width:30px;height:30px}
.ochip[aria-pressed="true"]{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft);transform:translateY(-2px)}
.chq{border-radius:18px;padding:16px;background:linear-gradient(135deg,#fdf6e3,#f6ead0);border:1px solid #e8d7ad;color:#3b2f17;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.chq::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(150,120,60,.05) 0 8px,transparent 8px 16px);pointer-events:none}
.chq.done{animation:chqIn .7s cubic-bezier(.2,.9,.3,1.2)}@keyframes chqIn{from{transform:rotate(-2deg) scale(.96)}}
.chq-h{display:flex;justify-content:space-between;font-weight:700;color:#7c5a17}
.chq .lkv>div{background:rgba(255,255,255,.55);border-color:#eadcb8}.chq .lkv small,.chq .hint{color:#8a6d33}.chq .field{background:rgba(255,255,255,.75);border-color:#e3d1a6;color:#2b210f}
.chq .sayad{font-size:20px;letter-spacing:.12em;text-align:center;direction:ltr}.chq .sayad.ok{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.chq-amt{background:rgba(255,255,255,.6);border-radius:14px;padding:10px 14px}.chq-amt small{color:#8a6d33}.chq-amt b{display:block;font-size:24px;color:#5b3d0a}
html[data-theme="dark"] .chq{filter:brightness(.92)}
.rcp-prev{display:flex;justify-content:center}.rcp-prev img{width:min(320px,100%);border-radius:14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5);animation:popB .5s both}
.fees{display:flex;flex-direction:column;gap:8px}
.frow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);transition:background .3s}
.frow.paid{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 35%,transparent)}
.lmsg{border-radius:16px;padding:12px;border:1px dashed var(--line);display:flex;flex-direction:column;gap:8px;background:var(--panel-2)}
.notice{border-radius:16px;padding:12px;border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);background:var(--warn-soft);display:flex;flex-direction:column;gap:8px}
.nrow{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--line-2)}.nrow:first-of-type{border-top:0}
.lgo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:4px}
.lgo .btn.dim{opacity:.55;filter:grayscale(.4)}
.hero{text-align:center;padding:18px;border-radius:18px;background:linear-gradient(135deg,var(--good-soft),color-mix(in srgb,var(--s1) 10%,var(--panel)))}
.lsum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lsum>div{background:var(--panel-2);border-radius:12px;padding:8px 10px}.lsum small{display:block;font-size:11px;color:var(--muted)}.lsum b{font-size:14.5px}
@media (max-width:760px){
 .lsteps{grid-template-columns:repeat(7,minmax(78px,1fr))}.lrail{inset-inline:40px;width:auto}
 .lform,.lform.g4,.calcg,.lkv,.checks{grid-template-columns:minmax(0,1fr)}.calcg{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lt{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dprog{grid-template-columns:minmax(0,1fr)}.frow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .d2{width:128px;height:128px}
}
@media (prefers-reduced-motion:reduce){.lrail i,.lstep .ln,.ct,.mrow,.bf,.ll,.lp,.ds,.fx-ok2{animation:none!important}.ll{stroke-dashoffset:0}}
.coach{overflow:hidden}

/* ================= سبک iOS 27 — شیشه مایع ================= */
:root{--w1:#5fd3c9;--w2:#6f9cf6;--w3:#f6c48c;
 --lg-t1:rgba(255,255,255,.58);--lg-t2:rgba(255,255,255,.34);--lg-hi:rgba(255,255,255,.95);--lg-edge:rgba(255,255,255,.62);--lg-sheen:rgba(255,255,255,.55);
 --lg-sh:0 1px 1px rgba(16,24,40,.04),0 12px 32px -14px rgba(16,24,40,.30);--lg-blur:blur(28px) saturate(185%);
 --panel:rgba(255,255,255,.5);--panel-2:rgba(255,255,255,.34);--ease-s:cubic-bezier(.34,1.56,.64,1);--ease-o:cubic-bezier(.22,1,.36,1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lg-t1:rgba(44,50,68,.52);--lg-t2:rgba(24,28,40,.40);--lg-hi:rgba(255,255,255,.22);--lg-edge:rgba(255,255,255,.13);--lg-sheen:rgba(255,255,255,.10);--lg-sh:0 1px 1px rgba(0,0,0,.3),0 16px 36px -14px rgba(0,0,0,.75);--panel:rgba(40,46,62,.5);--panel-2:rgba(30,34,48,.42)}}
:root[data-theme="dark"]{--lg-t1:rgba(44,50,68,.52);--lg-t2:rgba(24,28,40,.40);--lg-hi:rgba(255,255,255,.22);--lg-edge:rgba(255,255,255,.13);--lg-sheen:rgba(255,255,255,.10);--lg-sh:0 1px 1px rgba(0,0,0,.3),0 16px 36px -14px rgba(0,0,0,.75);--panel:rgba(40,46,62,.5);--panel-2:rgba(30,34,48,.42)}
/* کاغذدیواری زنده */
body{background:radial-gradient(1100px 780px at 102% -8%,color-mix(in srgb,var(--w1) 78%,transparent),transparent 62%),radial-gradient(900px 720px at -12% 34%,color-mix(in srgb,var(--w2) 66%,transparent),transparent 62%),radial-gradient(1000px 820px at 62% 118%,color-mix(in srgb,var(--w3) 72%,transparent),transparent 62%),linear-gradient(160deg,#f3f6fb,#e8edf6)!important;background-attachment:fixed!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{background:radial-gradient(1100px 780px at 102% -8%,color-mix(in srgb,var(--w1) 40%,transparent),transparent 62%),radial-gradient(900px 720px at -12% 34%,color-mix(in srgb,var(--w2) 34%,transparent),transparent 62%),radial-gradient(1000px 820px at 62% 118%,color-mix(in srgb,var(--w3) 30%,transparent),transparent 62%),linear-gradient(160deg,#090c14,#0e1220)!important}}
:root[data-theme="dark"] body{background:radial-gradient(1100px 780px at 102% -8%,color-mix(in srgb,var(--w1) 40%,transparent),transparent 62%),radial-gradient(900px 720px at -12% 34%,color-mix(in srgb,var(--w2) 34%,transparent),transparent 62%),radial-gradient(1000px 820px at 62% 118%,color-mix(in srgb,var(--w3) 30%,transparent),transparent 62%),linear-gradient(160deg,#090c14,#0e1220)!important}
body::before{background:radial-gradient(circle,var(--w1),transparent 65%)!important;opacity:.5}body::after{background:radial-gradient(circle,var(--w2),transparent 65%)!important;opacity:.45}
/* ماده شیشه */
html body .side,html body .topbar,html body .status,html body .box,html body .kpi,html body .dlg,html body .pop,html body .coach,html body .lsteps,html body .colk,html body .pal,html body .login-card,html body .mnav,html body .tw{
 background:radial-gradient(120% 70% at 18% 0%,var(--lg-sheen),transparent 46%),linear-gradient(180deg,var(--lg-t1),var(--lg-t2))!important;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);border:1px solid var(--lg-edge)!important;
 box-shadow:inset 0 1px 0 var(--lg-hi),inset 0 -1px 0 rgba(255,255,255,.10),inset 1px 0 0 rgba(255,255,255,.16),var(--lg-sh)!important}
html body .box,html body .coach,html body .lsteps,html body .colk{border-radius:26px}
html body .dlg,html body .pop{border-radius:30px;background:radial-gradient(120% 60% at 18% 0%,var(--lg-sheen),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--lg-t1) 100%,#fff 30%),var(--lg-t1))!important}
html body .dlg-h{background:transparent;border-bottom-color:var(--line-2)}
.app{padding:12px;gap:12px}
html body .side{border-radius:30px}
html body .work{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}
html body .topbar{border-radius:24px;margin:0 0 10px;min-height:52px;padding-inline:6px}
html body .status{border-radius:18px}
/* زبانه‌ها: کپسول */
.tabs{align-items:center;padding:7px 6px}
.tab{border:0!important;border-radius:999px!important;padding:7px 14px!important;margin:0!important;transition:background .3s var(--ease-o),color .2s,transform .35s var(--ease-s)}
.tab[aria-selected="true"]{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62))!important;box-shadow:inset 0 1px 0 #fff,0 6px 16px -8px rgba(16,24,40,.35)!important;color:var(--ink)}
:root[data-theme="dark"] .tab[aria-selected="true"]{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 16px -8px #000!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tab[aria-selected="true"]{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 16px -8px #000!important}}
.cmd{border-radius:999px!important;min-height:38px;background:rgba(255,255,255,.42)!important;border:1px solid var(--lg-edge)!important;box-shadow:inset 0 1px 2px rgba(16,24,40,.06)}
:root[data-theme="dark"] .cmd{background:rgba(255,255,255,.07)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cmd{background:rgba(255,255,255,.07)!important}}
/* دکمه‌ها: کپسول شیشه‌ای با انعکاس و فنر */
html body .btn{border-radius:999px;min-height:36px;padding:6px 16px;font-weight:600;gap:7px;color:var(--ink);
 background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.8);
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 2px rgba(16,24,40,.05),0 6px 16px -8px rgba(16,24,40,.32);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);
 transition:transform .45s var(--ease-s),box-shadow .3s var(--ease-o),background .3s,filter .2s}
html body .btn:hover{transform:none;filter:brightness(1.04);box-shadow:inset 0 1px 0 #fff,0 12px 24px -10px rgba(16,24,40,.38)}
html body .btn:active{transform:scale(.94)!important;transition-duration:.12s}
html body .btn.sm{min-height:30px;padding:3px 12px;font-size:12.5px}
html body .btn.pri{color:#fff;border:1px solid color-mix(in srgb,var(--acc) 50%,#fff);background:radial-gradient(120% 90% at 30% 0%,rgba(255,255,255,.42),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--acc) 78%,#fff),var(--acc) 62%,color-mix(in srgb,var(--acc) 85%,#000));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 5px color-mix(in srgb,var(--acc) 70%,#000),0 10px 22px -10px var(--acc)}
html body .btn.pri:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 30px -12px var(--acc);filter:saturate(1.1)}
html body .btn.ghost{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html body .btn.ghost:hover{background:rgba(255,255,255,.4)}
html body .btn.dng{color:var(--bad)}
html body .btn:disabled{opacity:.5;transform:none!important}
:root[data-theme="dark"] body .btn:not(.pri){background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px -8px #000}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .btn:not(.pri){background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px -8px #000}}
.btn.pri::after{border-radius:inherit}
/* فیلدها و چیپ‌ها */
html body .field,html body .fl input,html body .fl select,html body .fl textarea,html body .dlg form input,html body .dlg form select,html body .dlg form textarea{border-radius:14px;min-height:40px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 3px rgba(16,24,40,.07);transition:box-shadow .25s,border-color .25s,background .25s}
html body .field:focus,html body .fl input:focus,html body .fl select:focus,html body .fl textarea:focus,html body .dlg form input:focus{outline:0;border-color:color-mix(in srgb,var(--acc) 55%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 18%,transparent),inset 0 1px 3px rgba(16,24,40,.05);background:rgba(255,255,255,.8)}
:root[data-theme="dark"] body .field,:root[data-theme="dark"] body .fl input,:root[data-theme="dark"] body .fl select,:root[data-theme="dark"] body .dlg form input,:root[data-theme="dark"] body .dlg form select{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .field,:root:not([data-theme="light"]) body .fl input,:root:not([data-theme="light"]) body .fl select,:root:not([data-theme="light"]) body .dlg form input,:root:not([data-theme="light"]) body .dlg form select{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}}
html body .chip{border-radius:999px;padding:4px 13px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 3px 10px -6px rgba(16,24,40,.3);transition:transform .4s var(--ease-s),background .25s,color .2s}
html body .chip[aria-pressed="true"]{background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 80%,#fff),var(--acc));color:#fff;border-color:color-mix(in srgb,var(--acc) 50%,#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px -6px var(--acc)}
html body .chip:active{transform:scale(.93)}
:root[data-theme="dark"] body .chip:not([aria-pressed="true"]){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .chip:not([aria-pressed="true"]){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}}
.mhint{color:var(--acc)!important;font-size:11.5px}
/* ستون ماژول‌ها: آیکون‌های اپ‌مانند و انتخاب کپسولی */
html body .mod{border-radius:16px;padding:7px 10px;transition:background .3s var(--ease-o),transform .4s var(--ease-s)}
html body .mod:hover{background:rgba(255,255,255,.42)}
html body .mod[aria-current="true"]{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.55))!important;box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px rgba(16,24,40,.35)!important;color:var(--ink)}
:root[data-theme="dark"] .mod[aria-current="true"]{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mod[aria-current="true"]{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important}}
html body .mod svg{border-radius:10px!important;background:radial-gradient(110% 80% at 30% 0%,rgba(255,255,255,.55),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--h) 70%,#fff),var(--h) 70%,color-mix(in srgb,var(--h) 85%,#000))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 12px -6px var(--h)!important;transition:transform .45s var(--ease-s)}
html body .mod:hover svg{transform:scale(1.1) rotate(-4deg)}
html body .mod[aria-current="true"] svg{transform:scale(1.06)}
/* کاشی‌های آماری: ویجت شیشه‌ای */
html body .kpis{gap:12px!important}
html body .kpi{--k:var(--s1);border-radius:24px!important;padding:14px 16px 12px!important;overflow:hidden;
 background:radial-gradient(90% 80% at 100% 0%,color-mix(in srgb,var(--k) 26%,transparent),transparent 60%),radial-gradient(120% 70% at 18% 0%,var(--lg-sheen),transparent 46%),linear-gradient(180deg,var(--lg-t1),var(--lg-t2))!important;transition:transform .5s var(--ease-s),box-shadow .3s!important}
html body .kpi::after{width:40px!important;height:40px!important;top:14px!important;inset-inline-start:auto!important;inset-inline-end:14px!important;transform:none!important;border-radius:15px!important;opacity:.95!important;
 background:radial-gradient(100% 80% at 30% 0%,rgba(255,255,255,.55),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--k) 72%,#fff),var(--k))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 18px -8px var(--k)}
html body .kpi .k{font-size:12px;font-weight:500;padding-inline-end:4px}
html body .kpi .v{font-size:25px!important;font-weight:700;letter-spacing:-.01em;margin-top:2px}
html body .kpi:hover{transform:translateY(-4px) scale(1.015)}
/* کارمند/دستیار */
html body .coach{grid-template-columns:124px minmax(0,1fr) auto auto;padding:10px 14px 0}
html body .coach .emp{width:124px!important;height:132px!important;margin-bottom:0!important;align-self:end;cursor:pointer}
html body .coach .emp svg{filter:drop-shadow(0 10px 14px rgba(15,30,60,.22))}
html body .coach.mini{grid-template-columns:44px minmax(0,1fr) auto;padding:6px 12px}
html body .coach.mini .emp{width:44px!important;height:44px!important;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.6)}
html body .coach .c-bub{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 8px 20px -12px rgba(16,24,40,.3);margin-bottom:10px}
:root[data-theme="dark"] .coach .c-bub{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);box-shadow:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .coach .c-bub{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);box-shadow:none}}
html body .c-tip{border-radius:999px;transition:transform .4s var(--ease-s)}
html body .c-tip:hover{transform:none;filter:brightness(1.05)}
.agent{overflow:visible}
.lady-h svg.agent,.orb svg.agent{width:100%;height:100%}
@media (max-width:760px){html body .coach{grid-template-columns:78px minmax(0,1fr);padding:8px 10px 0}html body .coach .emp{width:78px!important;height:84px!important}html body .coach.mini{grid-template-columns:40px minmax(0,1fr) auto}html body .coach.mini .emp{width:40px!important;height:40px!important}}
/* پاپ‌آپ ظاهر و بخش تنظیمات */
.lookpop{width:min(440px,calc(100vw - 20px))!important;max-height:min(80vh,720px);overflow:auto}
.lk{display:flex;flex-direction:column;gap:4px}.lk-sec .pop-sec{margin:10px 0 6px}
.lk-full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}.lk-full .lk-sec:nth-child(2),.lk-full .lk-sec:nth-child(3){grid-column:span 1}
@media (max-width:900px){.lk-full{grid-template-columns:minmax(0,1fr)}}
.segc{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:rgba(120,130,150,.14);flex-wrap:wrap}
.segc button{border:0;background:none;border-radius:999px;padding:6px 14px;font-size:12.5px;color:var(--muted);transition:all .35s var(--ease-s)}
.segc button[aria-pressed="true"]{background:linear-gradient(180deg,#fff,rgba(255,255,255,.75));color:var(--ink);font-weight:600;box-shadow:0 4px 12px -6px rgba(16,24,40,.4)}
:root[data-theme="dark"] .segc button[aria-pressed="true"]{background:rgba(255,255,255,.2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .segc button[aria-pressed="true"]{background:rgba(255,255,255,.2)}}
.pals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
@media (max-width:520px){.pals{grid-template-columns:repeat(4,minmax(0,1fr))}}
.palc{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:11px}
.palc .pw{width:100%;aspect-ratio:1;border-radius:18px;position:relative;background:radial-gradient(70% 70% at 90% 10%,var(--p1),transparent 70%),radial-gradient(70% 70% at 0% 60%,var(--p2),transparent 70%),radial-gradient(70% 70% at 60% 110%,var(--p3),transparent 70%),#eef1f7;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 14px -8px rgba(16,24,40,.4);transition:transform .45s var(--ease-s)}
.palc .pw i{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(80% 80% at 30% 20%,rgba(255,255,255,.6),transparent 60%),var(--a);box-shadow:0 4px 10px -3px var(--a)}
.palc:hover .pw{transform:scale(1.06)}
.palc[aria-pressed="true"] .pw{box-shadow:0 0 0 2.5px var(--panel),0 0 0 5px var(--a),0 8px 18px -8px var(--a)}
.palc[aria-pressed="true"] small{color:var(--ink);font-weight:600}
.accpick{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--muted)}.accpick input{width:40px;height:28px;border:0;padding:0;border-radius:10px;background:none;cursor:pointer}
.fnts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fntc{border:1px solid var(--lg-edge);border-radius:16px;padding:8px 10px;background:rgba(255,255,255,.4);text-align:center;display:flex;flex-direction:column;gap:2px;transition:transform .4s var(--ease-s),box-shadow .25s}
.fntc b{font-size:16px;font-weight:700;color:var(--ink)}.fntc small{font-family:var(--f-ui);font-size:10.5px;color:var(--muted)}
.fntc:hover{transform:translateY(-2px)}.fntc[aria-pressed="true"]{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent)}
:root[data-theme="dark"] .fntc{background:rgba(255,255,255,.06)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fntc{background:rgba(255,255,255,.06)}}
.agpick{display:flex;gap:10px}
.agc{flex:1;border:1px solid var(--lg-edge);border-radius:20px;background:rgba(255,255,255,.4);padding:8px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;text-align:right;transition:transform .4s var(--ease-s),box-shadow .25s}
.agc span{grid-row:1/3;width:52px;height:52px;border-radius:50%;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 22%,#fff),#fff)}.agc span svg{width:100%;height:100%}
.agc b{font-size:14px}.agc small{color:var(--muted);font-size:11px}
.agc[aria-pressed="true"]{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.agc:hover{transform:translateY(-2px)}
:root[data-theme="dark"] .agc{background:rgba(255,255,255,.06)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .agc{background:rgba(255,255,255,.06)}}
/* نوار پایین موبایل: کپسول شناور */
@media (max-width:760px){html body .mnav{inset-inline:10px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;border-radius:26px!important;padding:4px 6px!important}
 html body .mnav [aria-current="true"]{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.5));border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 4px 12px -6px rgba(16,24,40,.35)}
 :root[data-theme="dark"] .mnav [aria-current="true"]{background:rgba(255,255,255,.14)}
 html body .topbar{border-radius:0 0 22px 22px;margin:0 0 8px}.app{padding:0;gap:0}}
@media (max-width:760px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mnav [aria-current="true"]{background:rgba(255,255,255,.14)}}
/* ===== روند تسهیلات: نوار مراحل شیشه‌ای ===== */
html body .lsteps{padding:14px 10px 12px;gap:2px}
html body .lrail{top:38px;height:6px;background:rgba(120,130,150,.18);inset-inline:7%}
html body .lrail i{background:linear-gradient(270deg,var(--s3),var(--acc),var(--s7));box-shadow:0 0 12px color-mix(in srgb,var(--acc) 60%,transparent);transition:width 1s var(--ease-o)}
html body .lstep{gap:6px;padding:2px 4px;transition:transform .45s var(--ease-s)}
html body .lstep .ln{width:50px;height:50px;border-radius:17px;border:1px solid rgba(255,255,255,.85);color:var(--muted);
 background:radial-gradient(110% 80% at 30% 0%,rgba(255,255,255,.95),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.5));box-shadow:inset 0 1px 0 #fff,0 8px 16px -10px rgba(16,24,40,.45);transition:transform .5s var(--ease-s),background .3s,box-shadow .3s}
html body .lstep .ln .si{width:24px;height:24px}
html body .lstep.done .ln{color:#fff;border-color:color-mix(in srgb,var(--sc) 55%,#fff);background:radial-gradient(110% 80% at 30% 0%,rgba(255,255,255,.5),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--sc) 75%,#fff),var(--sc));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 18px -10px var(--sc)}
html body .lstep.done .ln .ck2{width:24px;height:24px}
html body .lstep.done .ln .ck2 path{stroke-dasharray:24;stroke-dashoffset:0;animation:ckDraw .6s var(--ease-o) both}
@keyframes ckDraw{from{stroke-dashoffset:24}}
html body .lstep.cur .ln{color:var(--sc);border:2px solid var(--sc);background:radial-gradient(110% 80% at 30% 0%,#fff,transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--sc) 14%,#fff),color-mix(in srgb,var(--sc) 6%,#fff));animation:curGlow 2.4s ease-in-out infinite}
@keyframes curGlow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sc) 35%,transparent),0 10px 18px -10px var(--sc)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--sc) 0%,transparent),0 10px 18px -10px var(--sc)}}
html body .lstep.cur .ln .si{animation:icoBob 2.4s ease-in-out infinite}
@keyframes icoBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.06)}}
html body .lstep.sel .ln{transform:translateY(-3px) scale(1.08)}
html body .lstep.sel b{color:var(--acc)}
html body .lstep:not(:disabled):hover .ln{transform:translateY(-4px) scale(1.06)}
html body .lstep:disabled{opacity:.55}
html body .lstep b{font-size:12.5px}
:root[data-theme="dark"] body .lstep .ln:not(.x){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none}
:root[data-theme="dark"] body .lstep.done .ln{background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 75%,#fff),var(--sc))}
:root[data-theme="dark"] body .lstep.cur .ln{background:color-mix(in srgb,var(--sc) 18%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .lstep .ln{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none}:root:not([data-theme="light"]) body .lstep.done .ln{background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 75%,#fff),var(--sc))}:root:not([data-theme="light"]) body .lstep.cur .ln{background:color-mix(in srgb,var(--sc) 18%,transparent)}}
.lhi{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;margin-inline-end:8px;vertical-align:middle;color:#fff;background:radial-gradient(110% 80% at 30% 0%,rgba(255,255,255,.5),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--sc) 72%,#fff),var(--sc));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 14px -8px var(--sc)}
.lhi .si{width:19px;height:19px}
.lpanel .box-h h2{display:flex;align-items:center}
.lp-b.enter{animation:stageIn .7s var(--ease-o) both}
@keyframes stageIn{from{opacity:0;transform:translateX(-26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
/* چک‌لیست هوشمند مرحله */
.ltask{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;margin:4px 0 14px;padding:12px 14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff}
:root[data-theme="dark"] .ltask{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ltask{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none}}
.lt-ring{--p:0;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--acc) calc(var(--p)*1%),rgba(120,130,150,.18) 0);position:relative;transition:--p .8s}
.lt-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.lt-ring b{position:relative;font-size:19px;font-weight:700}.lt-ring b small{font-size:12px;color:var(--muted);font-weight:500}
.ltask ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 12px}
.ltask li{display:flex;align-items:center;gap:8px;font-size:12.8px;animation:riseB .5s var(--ease-o) both;animation-delay:calc(var(--i)*55ms)}
.ltask li i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(120,130,150,.35);background:rgba(255,255,255,.5);transition:all .4s var(--ease-s)}
.ltask li.ok i{border-color:var(--good);background:linear-gradient(180deg,color-mix(in srgb,var(--good) 75%,#fff),var(--good));color:#fff;box-shadow:0 4px 10px -4px var(--good)}
.ltask li i .ck2{width:13px;height:13px}.ltask li i .ck2 path{stroke-dasharray:24;animation:ckDraw .5s var(--ease-o) both}
.ltask li span{flex:1;min-width:0}.ltask li.ok span{color:var(--muted)}
.ltask li em{font-style:normal;font-size:10.5px;color:var(--faint);border:1px solid var(--line);border-radius:99px;padding:0 6px;margin-inline-start:4px}
.ltask li small{font-size:11px;color:var(--muted);white-space:nowrap}
@media (max-width:760px){.ltask{grid-template-columns:58px minmax(0,1fr);padding:10px}.lt-ring{width:56px;height:56px}.lt-ring::before{inset:6px}.lt-ring b{font-size:15px}.ltask ul{grid-template-columns:minmax(0,1fr)}}
/* پیشروی خودکار */
.lauto{position:sticky;top:6px;z-index:5;display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border-radius:22px;color:#fff;background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.35),transparent 55%),linear-gradient(135deg,var(--good),color-mix(in srgb,var(--good) 55%,var(--acc)));box-shadow:0 14px 30px -14px var(--good);animation:popB .6s var(--ease-s) both}
.lauto div{flex:1}.lauto b{display:block;font-size:14px}.lauto small{opacity:.9;font-size:12px}
.lauto .btn{color:#fff!important;background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:none!important}
.lauto .btn.pri{background:#fff!important;color:var(--good)!important}
.la-r{position:relative;width:40px;height:40px;display:grid;place-items:center;flex:none}
.la-r svg:first-child{position:absolute;inset:0;width:40px;height:40px;transform:rotate(-90deg)}
.la-r circle{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:98;stroke-dashoffset:98;animation:laRing 3.2s linear forwards}
@keyframes laRing{to{stroke-dashoffset:0}}
.la-r .ck2{width:20px;height:20px}
.lsent{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;margin-bottom:12px;background:color-mix(in srgb,var(--s3) 12%,transparent);border:1px solid color-mix(in srgb,var(--s3) 30%,transparent);animation:popB .5s var(--ease-s) both}
.lsent b{display:block}.lsent small{color:var(--muted)}
.lgo.big{justify-content:center;margin:6px 0 14px}.lgo.big .btn{min-height:50px;padding:10px 26px;font-size:15px}.lgo.big .btn .si{width:20px;height:20px}
.lgo .btn .si{width:17px;height:17px}
.notice.pre{opacity:.92}
.sayad.pulse{animation:sayOk .6s var(--ease-s)}@keyframes sayOk{40%{transform:scale(1.03);box-shadow:0 0 0 6px color-mix(in srgb,var(--good) 25%,transparent)}}
/* گفت‌وگوی مخاطبین */
.cdlg{width:min(680px,calc(100% - 20px))!important}
.cd-src{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px 4px}.cd-src label.btn{cursor:pointer}
.cd-help{padding:4px 18px 0;font-size:12px}
.cd-paste{padding:8px 18px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cd-paste textarea{width:100%}
.cd-list{padding:8px 18px;max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:6px}
.cd-hd{font-size:12.5px;color:var(--muted);padding:2px 4px}
.cd-row{display:grid;grid-template-columns:auto 36px minmax(0,1fr) 150px;gap:10px;align-items:center;padding:8px 10px;border-radius:18px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.7);animation:riseB .45s var(--ease-o) both;animation-delay:calc(min(var(--i),12)*40ms)}
.cd-row.dup{opacity:.55}.cd-row .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700}
.cd-n{display:flex;flex-direction:column;gap:2px;min-width:0}.cd-n .field{min-height:34px}.cd-n small{color:var(--muted);font-size:11.5px}
@media (max-width:560px){.cd-row{grid-template-columns:auto 32px minmax(0,1fr)}.cd-nid{grid-column:2/-1}}
:root[data-theme="dark"] .cd-row{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cd-row{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}}
/* صحنه قرعه‌کشی */
html body .lstage{background:radial-gradient(circle at 50% 25%,#1d1550,#04060e 72%)}
html body .lbar{padding:8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 40px -20px #000}
html body .lbar .btn{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.07))!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important}
html body .lbar .btn.pri{background:radial-gradient(120% 90% at 30% 0%,rgba(255,255,255,.45),transparent 55%),linear-gradient(135deg,#f59e0b,#ec4899)!important;border:0!important}
html body .lbar .btn.rec .rdot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.3)}
html body .lbar .btn.glow{animation:glowB 1.6s ease-in-out infinite}
@keyframes glowB{50%{box-shadow:0 0 0 6px rgba(236,72,153,.25),0 10px 30px -8px #ec4899!important}}
.lchk .sw2{width:38px;height:22px;border-radius:99px;background:rgba(255,255,255,.2);position:relative;transition:background .3s}.lchk .sw2::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .35s var(--ease-s);box-shadow:0 2px 4px rgba(0,0,0,.3)}
.lchk input{position:absolute;opacity:0;pointer-events:none}.lchk input:checked+.sw2{background:#34c759}.lchk input:checked+.sw2::after{transform:translateX(-16px)}.lchk input:focus-visible+.sw2{outline:2px solid #fff;outline-offset:2px}
html body .lstage.recording .lbar{opacity:0;pointer-events:none;transform:translateY(20px);transition:all .4s}
html body .lrec{display:flex;align-items:center;gap:8px;background:rgba(220,38,38,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:none}
html body .lrec i{width:9px;height:9px;border-radius:50%;background:#fff;animation:blinkc 1s steps(1) infinite}
html body .lwrap canvas{border-radius:28px}
/* کم‌حرکتی */
@media (prefers-reduced-motion:reduce){.lp-b.enter,.ltask li,.lauto,.cd-row,html body .lstep.cur .ln,html body .lstep.cur .ln .si{animation:none!important}}
html.lowmo .lp-b.enter,html.lowmo .ltask li,html.lowmo .cd-row,html.lowmo .lstep.cur .ln{animation:none!important}
html.lowmo body .side,html.lowmo body .topbar,html.lowmo body .box,html.lowmo body .kpi,html.lowmo body .coach,html.lowmo body .btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

html body .btn:not(:active):hover,html body .lstep:hover,html body .chip:hover{transform:none}

/* ================= ظاهر آرام و خلوت (کم‌شلوغ) ================= */
/* پس‌زمینه ملایم و یکدست؛ بدون گوی‌های شناور */
body::before,body::after{display:none!important}
body{background:radial-gradient(1200px 800px at 100% -10%,color-mix(in srgb,var(--w1) 26%,transparent),transparent 65%),radial-gradient(1000px 760px at -10% 110%,color-mix(in srgb,var(--w2) 20%,transparent),transparent 65%),#f2f4f8!important;background-attachment:fixed!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{background:radial-gradient(1200px 800px at 100% -10%,color-mix(in srgb,var(--w1) 14%,transparent),transparent 65%),#0c0f16!important}}
:root[data-theme="dark"] body{background:radial-gradient(1200px 800px at 100% -10%,color-mix(in srgb,var(--w1) 14%,transparent),transparent 65%),#0c0f16!important}
/* سطح‌ها: شیشه آرام، سایه کم، بدون برق اضافه */
html body .side,html body .topbar,html body .status,html body .box,html body .kpi,html body .coach,html body .lsteps,html body .colk,html body .tw{
 background:var(--lg-t1)!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px -18px rgba(16,24,40,.25)!important;border:1px solid var(--lg-edge)!important}
:root{--lg-t1:rgba(255,255,255,.72);--lg-edge:rgba(255,255,255,.9)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lg-t1:rgba(30,34,46,.72);--lg-edge:rgba(255,255,255,.07)}}
:root[data-theme="dark"]{--lg-t1:rgba(30,34,46,.72);--lg-edge:rgba(255,255,255,.07)}
.box::after,.kpi::before,.rw::after,.ins::after,.coach::after{display:none!important}
html body .kpi::after{display:none!important}
html body .box:hover,html body .kpi:hover{transform:none!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px -18px rgba(16,24,40,.3)!important}
/* حذف میانبرهای صفحه‌کلید از دید (کار می‌کنند ولی دیده نمی‌شوند) */
kbd,.mod .k,.cmd kbd{display:none!important}
.status .hm,.status .sp~*:not(:last-child){opacity:.8}
/* ستون ماژول‌ها: آیکون ساده و تک‌رنگ */
html body .mod svg{width:20px!important;height:20px!important;padding:0!important;background:none!important;box-shadow:none!important;color:var(--muted)!important;border-radius:0!important}
html body .mod[aria-current="true"] svg{color:var(--acc)!important;transform:none}
html body .mod:hover svg{transform:none}
html body .mod{padding:8px 12px;font-size:13.5px}
html body .mod[aria-current="true"]{background:color-mix(in srgb,var(--acc) 10%,transparent)!important;box-shadow:none!important;color:var(--acc)!important;font-weight:600}
html body .mod .n{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad);font-weight:600}
.grp{opacity:.75}
/* نوار بالا */
html body .gpal{background:none!important;box-shadow:none!important;border:1px solid var(--line)!important;display:grid;place-items:center;position:relative}
html body .gpal::after{content:"";width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--acc),color-mix(in srgb,var(--acc) 40%,#fff),var(--acc))}
html body .gbell{background:none!important;box-shadow:none!important}
html body .tab[aria-selected="true"]{box-shadow:0 1px 3px rgba(16,24,40,.12)!important}
/* دکمه‌ها: ساده و تمیز */
html body .btn{background:rgba(255,255,255,.85);border:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-weight:500}
html body .btn:hover{background:#fff;box-shadow:0 2px 8px -4px rgba(16,24,40,.25);filter:none}
html body .btn.pri{background:var(--acc);border-color:var(--acc);box-shadow:0 4px 12px -6px var(--acc);font-weight:600}
html body .btn.pri:hover{background:color-mix(in srgb,var(--acc) 90%,#000);box-shadow:0 6px 14px -6px var(--acc)}
.btn.pri::after{display:none}
:root[data-theme="dark"] body .btn:not(.pri){background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);box-shadow:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .btn:not(.pri){background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);box-shadow:none}}
html body .chip{background:transparent;box-shadow:none;border:1px solid var(--line)}
html body .chip[aria-pressed="true"]{background:var(--acc);box-shadow:none}
/* کاشی‌های آماری: عدد واضح، بدون تزئین */
html body .kpi{background:var(--lg-t1)!important;padding:14px 16px!important;border-radius:20px!important}
html body .kpi .k{display:flex;align-items:center;gap:7px;color:var(--muted)}
html body .kpi .k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--k);flex:none}
html body .kpi .v{font-size:22px!important}
/* دستیار: یک سطح ساده، ابزارها کوچک و بی‌رنگ */
html body .coach{background:var(--lg-t1)!important;grid-template-columns:104px minmax(0,1fr) auto;padding:8px 14px 0;align-items:center}
html body .coach .emp{width:104px!important;height:112px!important}
html body .coach .emp svg{filter:none}
html body .coach .c-bub{background:none!important;border:0!important;box-shadow:none!important;padding:6px 4px 10px;margin:0}
html body .coach .c-bub::before{display:none}
html body .c-say{font-size:13.5px;line-height:1.85}
html body .c-tips{margin-top:6px}
html body .c-tip{background:color-mix(in srgb,var(--acc) 8%,transparent)!important;border:0!important;box-shadow:none!important;color:var(--acc)!important;padding:4px 11px;font-size:12px}
html body .c-tip i{display:none}
html body .c-tools{flex-direction:row;gap:4px;align-self:start;padding-top:8px}
html body .sb{width:32px!important;height:32px!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;border:1px solid var(--line)!important;color:var(--muted)!important}
html body .sb svg{width:16px;height:16px}
html body .sb:hover{transform:none;color:var(--acc)!important;border-color:var(--acc)!important}
html body .sb .n{border:0;top:-5px;min-width:16px;height:16px;font-size:9.5px;animation:none}
html body .sb.bell.ring svg{animation:none}
html body .coach.mini{grid-template-columns:40px minmax(0,1fr) auto}
/* دکمه شناور دستیار: فقط چهره */
html body .fab{padding:4px!important;width:52px;height:52px;border-radius:50%!important;justify-content:center;animation:none!important;background:var(--lg-t1)!important;border:1px solid var(--lg-edge)!important;box-shadow:0 8px 20px -10px rgba(16,24,40,.45)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
html body .fab>span:not(.lady-h):not(.dot){display:none}
html body .fab .lady-h{width:42px!important;height:42px!important;margin:0!important;background:color-mix(in srgb,var(--acc) 14%,#fff)!important}
html body .fab .dot{position:absolute;top:3px;inset-inline-end:3px;width:10px;height:10px;border:2px solid #fff;background:var(--bad);animation:none}
/* مراحل تسهیلات: آرام‌تر */
html body .lstep .ln{box-shadow:none;background:var(--lg-t1);border:1px solid var(--line)}
html body .lstep.cur .ln{animation:none;box-shadow:0 0 0 5px color-mix(in srgb,var(--sc) 14%,transparent)}
html body .lstep.cur .ln .si{animation:none}
html body .lrail i{box-shadow:none}
.ltask{background:transparent!important;border:1px solid var(--line)!important;box-shadow:none!important}
/* موبایل */
@media (max-width:760px){
 html body .coach{grid-template-columns:64px minmax(0,1fr);padding:6px 10px 0}
 html body .coach .emp{width:64px!important;height:70px!important;align-self:end}
 html body .c-say{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
 html body .c-tools{grid-column:1/-1;padding:0 0 8px;justify-content:flex-end}
 html body .kpi .v{font-size:19px!important}
 html body .kpis{gap:8px!important}
 html body .fab{width:48px;height:48px;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
 html body .fab .lady-h{width:38px!important;height:38px!important}
 html body .mnav{background:var(--lg-t1)!important}
 html body .mnav [aria-current="true"]{background:color-mix(in srgb,var(--acc) 12%,transparent)!important;box-shadow:none!important}
 html body .topbar{box-shadow:0 4px 16px -12px rgba(16,24,40,.3)!important}
}

/* گفت‌وگوی مخاطبین: گزینه‌ها به‌شکل کارت */
.cd-src{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
.cd-opt{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:center;text-align:right;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.6);cursor:pointer;color:var(--ink);font:inherit}
.cd-opt .cd-ic{grid-row:1/3;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 10%,transparent);font-size:18px}
.cd-opt b{font-size:13.5px}.cd-opt small{font-size:11.5px;color:var(--muted)}
.cd-opt.main{grid-column:1/-1;border-color:color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 7%,transparent)}
.cd-opt.quick{grid-column:1/-1;cursor:default}
.cd-q{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:6px;margin-top:8px}
.cd-help{padding:6px 18px 0;font-size:12px;color:var(--muted)}.cd-help summary{cursor:pointer;color:var(--acc)}.cd-help p{margin:6px 0}
:root[data-theme="dark"] .cd-opt{background:rgba(255,255,255,.05)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cd-opt{background:rgba(255,255,255,.05)}}
@media (max-width:560px){.cd-src{grid-template-columns:minmax(0,1fr)}.cd-q{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cd-q .btn{grid-column:1/-1;justify-content:center}}
/* ===== هدر صفحه‌ها ===== */
html body .ph.hero-h{position:relative;overflow:hidden;align-items:center;padding:16px 20px;border-radius:24px;margin-bottom:14px;
 background:radial-gradient(420px 220px at 0% 0%,color-mix(in srgb,var(--w2) 22%,transparent),transparent 70%),radial-gradient(520px 260px at 100% 0%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%),var(--lg-t1);border:1px solid var(--lg-edge);box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 28px -20px rgba(16,24,40,.3)}
html body .ph.hero-h::after{content:"";position:absolute;inset-inline-end:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:28px solid color-mix(in srgb,var(--acc) 7%,transparent);pointer-events:none}
.hh-main{display:flex;align-items:center;gap:14px;min-width:0}
.hh-ico{flex:none;width:50px;height:50px;border-radius:17px;display:grid;place-items:center;color:#fff;background:radial-gradient(110% 80% at 30% 0%,rgba(255,255,255,.45),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--acc) 75%,#fff),var(--acc));box-shadow:0 10px 20px -10px var(--acc)}
.hh-ico svg{width:24px;height:24px}
html body .ph.hero-h h1{font-size:21px;font-weight:700}
html body .ph.hero-dash{padding:20px 22px}
html body .ph.hero-dash h1{font-size:24px}
html body .ph.hero-dash .hh-ico{width:58px;height:58px;border-radius:20px;background:radial-gradient(110% 80% at 30% 0%,rgba(255,255,255,.5),transparent 55%),linear-gradient(160deg,#fbbf24,#f97316)}
html.night-h .ph.hero-dash .hh-ico{background:linear-gradient(160deg,#6366f1,#1e1b4b)}
.hh-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.hh-chip{display:inline-flex;align-items:center;gap:5px;font:500 12px/1 var(--f-ui);padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid var(--line);color:var(--muted)}
.hh-chip b{color:var(--ink);font-weight:600}
button.hh-chip{cursor:pointer;color:var(--acc);border-color:color-mix(in srgb,var(--acc) 35%,transparent);background:color-mix(in srgb,var(--acc) 8%,transparent)}
button.hh-chip:hover{background:color-mix(in srgb,var(--acc) 14%,transparent)}
:root[data-theme="dark"] .hh-chip{background:rgba(255,255,255,.06)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hh-chip{background:rgba(255,255,255,.06)}}
html body .ph.hero-h .bar{position:relative;z-index:1}
@media (max-width:760px){html body .ph.hero-h{padding:14px;border-radius:20px}.hh-ico{width:42px;height:42px;border-radius:14px}html body .ph.hero-dash h1{font-size:20px}html body .ph.hero-dash .hh-ico{width:48px;height:48px}html body .ph.hero-h .bar{width:100%}}
/* ===== هوش مصنوعی در کارت دستیار ===== */
.c-ai{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.c-ai[hidden]{display:none!important}
.c-ai .ai-btn{color:var(--acc)!important;border-color:color-mix(in srgb,var(--acc) 35%,transparent)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,transparent),color-mix(in srgb,#a855f7 9%,transparent))!important}
.c-ai .ai-stop{display:none}.c-ai.busy .ai-stop{display:inline-flex}.c-ai.busy .ai-btn{opacity:.6;pointer-events:none}
.ai-out{flex-basis:100%;margin-top:4px;padding:12px 14px;border-radius:18px;background:color-mix(in srgb,var(--acc) 5%,rgba(255,255,255,.6));border:1px solid color-mix(in srgb,var(--acc) 18%,transparent);animation:riseB .45s var(--ease-o) both}
:root[data-theme="dark"] .ai-out{background:rgba(255,255,255,.04)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ai-out{background:rgba(255,255,255,.04)}}
.ai-sum{margin:0 0 8px;line-height:1.9;font-size:13.5px}
.ai-act{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-top:1px dashed var(--line);font-size:13px;line-height:1.8}
.ai-act i{flex:none;font-style:normal;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:var(--acc);color:#fff;font-size:12px;font-weight:700;margin-top:2px}
.ai-warn{margin-top:8px;padding:8px 10px;border-radius:12px;background:var(--warn-soft);color:var(--warn);font-size:12.5px}
.ai-p{margin:4px 0;font-size:13px}
.ai-err{margin-top:6px;color:var(--bad);font-size:12.5px}
.ai-think{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12.5px}
.ai-think i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:aiDot 1s ease-in-out infinite}.ai-think i:nth-child(2){animation-delay:.15s}.ai-think i:nth-child(3){animation-delay:.3s;margin-inline-end:6px}
@keyframes aiDot{50%{transform:translateY(-4px);opacity:.4}}
.ai-q{display:flex;gap:6px;margin-top:10px}.ai-q .field{flex:1;min-width:0}
html body .coach{align-items:start}
@media (max-width:760px){html body .c-ai{grid-column:1/-1}.ai-q{flex-wrap:wrap}.ai-q .btn{width:100%;justify-content:center}}
/* ===== اهداف، مأموریت‌ها، جذب ===== */
.gsec{margin-bottom:14px}.gsec-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 10px}.gsec-h h2{display:flex;align-items:center;gap:7px}.gsec-h h2 svg{width:18px;height:18px;color:var(--acc)}
.gpace{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.gpace{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.gpace{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gp{padding:14px;border-radius:20px;background:var(--lg-t1);border:1px solid var(--lg-edge);box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px -18px rgba(16,24,40,.25);display:flex;flex-direction:column;gap:8px;animation:riseB .5s var(--ease-o) both;animation-delay:calc(var(--i)*60ms)}
.gp-h{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}.gp-h .pill{font-size:10.5px}
.gp-v b{font-size:22px;font-weight:700}.gp-v small{color:var(--muted);margin-inline-start:6px;font-size:12px}
.gp-bar{position:relative;height:8px;border-radius:99px;background:rgba(120,130,150,.16)}
.gp-bar i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;background:linear-gradient(270deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#fff));transition:width 1s var(--ease-o)}
.gp.behind .gp-bar i{background:linear-gradient(270deg,var(--warn),color-mix(in srgb,var(--warn) 55%,#fff))}.gp.done .gp-bar i{background:var(--good)}
.gp-bar em{position:absolute;top:-4px;width:2px;height:16px;border-radius:2px;background:var(--ink);opacity:.45;transform:translateX(50%)}
.gp-f{font-size:11.5px;color:var(--muted);line-height:1.6}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}@media (max-width:1000px){.g2{grid-template-columns:minmax(0,1fr)}}
.ms-top{display:flex;gap:12px;align-items:center;margin-bottom:10px}.ms-top b{font-size:13.5px}
.ms-ring{--p:0;flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--good) calc(var(--p)*1%),rgba(120,130,150,.18) 0);position:relative}.ms-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--panel)}.ms-ring b{position:relative;font-size:15px}.ms-ring small{font-size:10px;color:var(--muted)}
.ms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ms li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:16px;border:1px solid var(--line);animation:riseB .45s var(--ease-o) both;animation-delay:calc(var(--i)*50ms)}
.ms li.st-ok{background:color-mix(in srgb,var(--good) 7%,transparent);border-color:color-mix(in srgb,var(--good) 25%,transparent)}.ms li.st-no,.ms li.st-later{opacity:.7}
.ms-b a{color:inherit;text-decoration:none}.ms-act{font-size:12px;color:var(--acc);margin-top:2px}.ms-pot{color:var(--good);font-weight:600}
.ms-ctl{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.ms-ctl .btn svg{width:15px;height:15px}
@media (max-width:640px){.ms li{grid-template-columns:auto minmax(0,1fr)}.ms-ctl{grid-column:1/-1;justify-content:flex-start}}
.rt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.rt li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border-radius:14px;border:1px solid var(--line)}.rt a{color:inherit;text-decoration:none}
.rt-d{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;align-content:center;background:color-mix(in srgb,var(--acc) 9%,transparent);color:var(--acc);line-height:1.1}.rt-d b{font-size:17px}.rt-d small{font-size:10px}.rt-d.soon{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}
@media (max-width:640px){.rt li{grid-template-columns:44px minmax(0,1fr)}.rt li .bar{grid-column:1/-1}}
.sim-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}@media (max-width:640px){.sim-in{grid-template-columns:minmax(0,1fr)}}
.sim-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.so{padding:10px 12px;border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.so small{color:var(--muted);font-size:11.5px}.so b{font-size:19px}.so .d{font-size:11.5px;color:var(--muted)}.so .d.up{color:var(--good)}
.conc .cc-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}.conc .cc-h b{font-size:26px}.conc .cc-h span{color:var(--muted);font-size:12.5px}
.cc-r{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto 36px;gap:8px;align-items:center;padding:4px 0;font-size:12.5px}.cc-r a{color:inherit;text-decoration:none}.cc-r small{color:var(--muted)}.cc-r .who{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.camps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width:1000px){.camps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.camps{grid-template-columns:minmax(0,1fr)}}
.camp{padding:14px;border-radius:20px;background:var(--lg-t1);border:1px solid var(--lg-edge);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;animation:riseB .5s var(--ease-o) both;animation-delay:calc(var(--i)*60ms)}
.camp::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;background:var(--k)}.camp p{margin:0;font-size:12px;color:var(--muted);flex:1}.cp-n{font-size:12.5px}.cp-n b{font-size:20px}.cp-n small{display:block;color:var(--muted);font-size:11px}.camp .btn{align-self:flex-start}
.lb-t{font-size:12px;color:var(--muted);margin:12px 0 6px}.lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lb li{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:12px;font-size:13px}.lb li:hover{background:var(--sunk)}.lb li a:not(.btn){color:inherit;text-decoration:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb li .av{width:28px;height:28px}
.lb-r{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff;font-size:11px;font-weight:700}
.refc{font:600 12px/1 ui-monospace,monospace;padding:4px 8px;border-radius:8px;background:var(--sunk);direction:ltr}
.leads{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.leads li{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:8px;align-items:center;padding:8px 10px;border-radius:14px;border:1px solid var(--line)}
.leads li.ld-new{border-color:color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 5%,transparent)}.leads li.ld-won{opacity:.75}.leads li.ld-lost{opacity:.5}.leads .ld-st{min-height:34px;font-size:12px}
@media (max-width:640px){.leads li{grid-template-columns:minmax(0,1fr) auto}.leads li .bar{grid-column:1/-1}}
.srn{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px}@media (max-width:800px){.srn{grid-template-columns:minmax(0,1fr)}}
.srn-r{display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px;border-radius:18px;border:1px dashed var(--line)}.qrbox{background:#fff;padding:10px;border-radius:14px}.qrbox svg{display:block;width:150px;height:150px}
button.pill{border:0;cursor:pointer}

.g2{align-items:start}
.ms li{grid-template-columns:auto minmax(0,1fr)}.ms-ctl{grid-column:2;justify-content:flex-start}

/* ================= نظم و راست‌چین، فرم‌های دوستونه، دستیار جمع‌وجور ================= */
/* راست‌چین یکدست */
.box-b,.kpi,.gp,.camp,.so,.vp,.job,.ltask,.lmsg,.notice,.pcard,.c-bub,.dlg,.pop{text-align:right}
html body .g th,html body .g td{text-align:right!important}
html body .kpi .v,html body .gp-v,html body .so b{justify-content:flex-start}
input,select,textarea{text-align:right}
html body input.mono:not(.sayad),html body .fl input.mono:not(.sayad),html body .field.mono:not(.sayad){direction:rtl;text-align:right;unicode-bidi:plaintext}
html body input::placeholder{text-align:right}
/* فرم‌ها: دوستونه و فشرده، حتی روی موبایل */
html body .dlg{width:min(700px,calc(100% - 20px))}
html body .dlg form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;padding:12px 16px 14px!important}
html body .dlg form .fl{font-size:12px;gap:3px}
html body .dlg form input,html body .dlg form select{min-height:40px!important;padding:6px 12px!important;font-size:13.5px}
html body .dlg form textarea{min-height:58px;padding:8px 12px}
html body .dlg .ferr:empty{display:none}
html body .dlg form .facts{grid-column:1/-1;padding-top:6px}
html body .dlg form .hint{font-size:11px}
html body .dlg-h{padding:12px 16px}
@media (max-width:760px){
 html body .dlg{top:auto;bottom:0;width:100%;max-height:92vh;border-radius:26px 26px 0 0!important;animation:sheetUp .38s var(--ease-o) both}
 html body .dlg form{gap:7px 8px!important;padding:10px 12px 14px!important}
 html body .dlg form .fl{font-size:11.5px}
 html body .dlg form input,html body .dlg form select{min-height:40px!important;padding:5px 10px!important;font-size:13px}
 html body .dlg form .facts .btn{flex:1;justify-content:center}
}
@keyframes sheetUp{from{transform:translateY(40px);opacity:0}}
/* فرم‌های داخل پرونده تسهیلات */
html body .lform{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px}
@media (min-width:1100px){html body .lform.g4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
/* دستیار جمع‌وجور: دو خط متن، با کلیک باز می‌شود */
html body .coach{grid-template-columns:76px minmax(0,1fr) auto!important;padding:4px 12px 0!important;gap:8px}
html body .coach .emp{width:76px!important;height:80px!important}
html body .coach .c-bub{padding:6px 2px 8px!important}
html body .c-name{font-size:11px}
html body .c-say{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;font-size:13px!important;line-height:1.8!important;margin:2px 0}
html body .coach.open .c-say{-webkit-line-clamp:unset;display:block}
html body .c-tips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:4px}
html body .c-tips::-webkit-scrollbar{display:none}
html body .c-tip{flex:none;padding:3px 10px;font-size:11.5px}
html body .c-ai{margin-top:6px}
html body .c-tools{padding-top:6px}
html body .sb{width:30px!important;height:30px!important}
@media (max-width:760px){html body .coach{grid-template-columns:52px minmax(0,1fr)!important;padding:4px 10px 0!important}html body .coach .emp{width:52px!important;height:56px!important}html body .c-tools{grid-column:1/-1;padding:0 0 6px}}
/* ایده‌های شغلی */
.jobsec>summary{list-style:none;cursor:pointer}.jobsec>summary::-webkit-details-marker{display:none}
.jobsec:not([open])>summary{border-bottom:0}
.jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:1100px){.jobs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.jobs{grid-template-columns:minmax(0,1fr)}}
.job{border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px;animation:riseB .45s var(--ease-o) both;animation-delay:calc(var(--i)*45ms)}
.jb-h{display:flex;gap:10px;align-items:center}.jb-e{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--acc) 9%,transparent)}
.jb-h b{display:block;font-size:13.5px}.jb-h small{color:var(--muted);font-size:11.5px}
.jb-i{margin:0;padding-inline-start:18px;font-size:12.5px;line-height:1.85;color:var(--ink)}.jb-i li::marker{color:var(--acc)}
.jb-f{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.jb-ai{padding:10px;border-radius:14px;background:color-mix(in srgb,var(--acc) 5%,transparent);border:1px solid color-mix(in srgb,var(--acc) 18%,transparent)}
.jb-sms{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.jb-sms p{margin:4px 0 8px;font-size:12.5px;line-height:1.8}
/* مشتریان ویژه */
.vp-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.vp-bar .btn{margin-inline-start:auto}
.vps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}@media (max-width:1000px){.vps{grid-template-columns:minmax(0,1fr)}}
.vp{padding:14px;border-radius:22px;background:var(--lg-t1);border:1px solid var(--lg-edge);box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px -18px rgba(16,24,40,.25);display:flex;flex-direction:column;gap:10px;animation:riseB .45s var(--ease-o) both;animation-delay:calc(min(var(--i),10)*45ms)}
.vp.due{border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
.vp-h{display:flex;align-items:center;gap:10px}.vp-n{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.vp-n a{color:inherit;text-decoration:none}.vp-n small{flex-basis:100%;color:var(--muted);font-size:11.5px}
.vlv{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px;color:#fff;background:var(--c)}
.vp-sc{--p:0;flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--acc) calc(var(--p)*1%),rgba(120,130,150,.18) 0);position:relative}.vp-sc::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel)}.vp-sc b{position:relative;font-size:14px}
.vp-m{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:560px){.vp-m{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vp-m>div{padding:8px 10px;border-radius:14px;background:rgba(120,130,150,.07);display:flex;flex-direction:column;gap:2px;min-width:0}.vp-m small{font-size:10.5px;color:var(--muted)}.vp-m b{font-size:14px}.vp-m em{font-style:normal;font-size:11px}
.up{color:var(--good)!important}.dn{color:var(--bad)!important}
.spk{width:100%;max-width:110px;height:30px}
.vp-t{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.vp-t li{font-size:12px;line-height:1.75;padding:5px 10px;border-radius:10px;border-inline-start:3px solid var(--acc);background:color-mix(in srgb,var(--acc) 5%,transparent)}
.vp-t li.t-bad{border-color:var(--bad);background:var(--bad-soft)}.vp-t li.t-warn{border-color:var(--warn);background:var(--warn-soft)}.vp-t li.t-good{border-color:var(--good);background:var(--good-soft)}
.vp-ai{padding:10px;border-radius:14px;background:color-mix(in srgb,var(--acc) 5%,transparent);border:1px solid color-mix(in srgb,var(--acc) 18%,transparent)}
.vp-f{display:flex;gap:6px;flex-wrap:wrap}.vp-f .btn svg{width:15px;height:15px}
html body .kpi .d.up{color:var(--good)}html body .kpi .d.dn{color:var(--bad)}
/* پیشنهادها و دکمه هوش مصنوعی در یک خط */
@media (min-width:761px){html body .c-tips{display:inline-flex;max-width:calc(100% - 230px);vertical-align:middle}html body .c-ai{display:inline-flex;vertical-align:middle;margin:4px 6px 0 0}html body .c-ai:has(.ai-out:not([hidden])){display:flex}}
html body .dlg form .fl:has(input[type=checkbox]){grid-column:auto!important;align-self:end;min-height:40px}

/* ===== داشبورد فشرده: خلاصهٔ عملکرد بدون نمودار حجیم ===== */
.pil{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:12px}
.pil-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;min-width:0}
.pil-summary-score{display:flex;align-items:center;gap:10px;min-width:210px}
.pil-summary-copy h2{font-size:14px;margin:0 0 3px}
.pil-summary-copy p{font-size:11.5px;margin:0}
.pil-summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1;min-width:0}
.pil-summary-metrics span{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:7px 9px;border:1px solid var(--line);border-radius:10px;font-size:11px;color:var(--muted);background:color-mix(in srgb,var(--panel) 88%,var(--acc) 4%)}
.pil-summary-metrics b{font-size:12px;color:var(--ink);white-space:nowrap}
@media(max-width:900px){.pil-summary{align-items:stretch;flex-direction:column}.pil-summary-score{min-width:0}.pil-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pil-summary{padding:10px}.pil-summary-metrics{gap:6px}.pil-summary-metrics span{padding:7px;font-size:10.5px}}
.pil-perf{padding:14px 16px}.pp-h{display:flex;gap:14px;align-items:center}.pp-h h2{font-size:17px}
.pp-ring{--p:0;flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--acc) calc(var(--p)*1%),rgba(120,130,150,.16) 0);position:relative;line-height:1.1}
.pp-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--panel)}.pp-ring b,.pp-ring small{position:relative}.pp-ring b{font-size:22px}.pp-ring small{font-size:10px;color:var(--muted)}
.pp-chg{font-size:12.5px;margin-top:2px}.pp-ch{margin-top:6px}.pp-ch svg{width:100%;height:auto}
.pp-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px}.pp-mini>div{padding:8px 10px;border-radius:14px;background:rgba(120,130,150,.07);display:flex;flex-direction:column;gap:2px;min-width:0}.pp-mini small{font-size:10.5px;color:var(--muted)}.pp-mini b{font-size:14px}
@media (max-width:560px){.pp-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pil-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pc{all:unset;box-sizing:border-box;cursor:pointer;padding:14px;border-radius:20px;background:var(--lg-t1);border:1px solid var(--lg-edge);box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px -18px rgba(16,24,40,.25);display:flex;flex-direction:column;gap:6px;text-align:right;position:relative;overflow:hidden;transition:transform .35s var(--ease-s),box-shadow .25s}
.pc::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--k)}
.pc:hover{box-shadow:0 12px 28px -16px rgba(16,24,40,.35)}.pc:active{transform:scale(.98)}.pc:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pc-i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--k);background:color-mix(in srgb,var(--k) 12%,transparent)}.pc-i svg{width:18px;height:18px}
.pc b{font-size:13.5px}.pc-v{font-size:22px;font-weight:700}.pc-v small{font-size:11.5px;font-weight:400;color:var(--muted)}.pc-f{font-size:11.5px;color:var(--muted)}
.pc-stg{display:flex;height:8px;border-radius:99px;overflow:hidden;gap:2px}.pc-stg i{display:block}
@media (max-width:560px){.pil-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pc{padding:11px}.pc-v{font-size:18px}}
.pil-star{grid-column:1/-1}.stl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}@media (max-width:760px){.stl{grid-template-columns:minmax(0,1fr)}}
.stl li{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px dashed var(--line);font-size:13px}.stl a{flex:1;color:inherit;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stl small{color:var(--muted)}.st-s{font-size:16px}
/* اهداف */
.fcs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.lg2{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:4px}.lg2 i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
.wk td small,.wk th small{color:var(--muted);font-weight:400}.wk tr.cur td{background:color-mix(in srgb,var(--acc) 7%,transparent)}.wk tr.fut td{opacity:.55}
.heat td{text-align:center!important;line-height:1.3}.heat td b{display:block;font-size:12.5px}.heat td small{font-size:10.5px;color:var(--muted)}.heat td:first-child{text-align:right!important;font-weight:500}.heat tr.tot td{font-weight:700}
/* منابع */
.frep p{margin:0 0 8px;line-height:1.95;font-size:13.5px}.frep-r{margin-top:6px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--acc) 6%,transparent)}.frep-r ul{margin:6px 0 0;padding-inline-start:18px;font-size:12.5px;line-height:1.9}
.stk{width:100%;height:auto}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:6px}
/* تسهیلات */
.lpipe{margin-bottom:14px}.lp-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:center}@media (max-width:900px){.lp-g{grid-template-columns:minmax(0,1fr)}}
.fun{display:flex;flex-direction:column;gap:7px}.fn-r{display:grid;grid-template-columns:96px minmax(0,1fr) 28px 52px;gap:8px;align-items:center;font-size:12.5px}.fn-b{height:12px;border-radius:99px;background:rgba(120,130,150,.12);overflow:hidden}.fn-b i{display:block;height:100%;border-radius:99px;transition:width .8s var(--ease-o)}.fn-r small{color:var(--muted);font-size:11px}
.bneck{margin-top:6px;padding:8px 10px;border-radius:12px;background:var(--warn-soft);color:var(--warn);font-size:12.5px;line-height:1.8}

.wk{font-size:12px}.wk td,.wk th{padding:7px 8px!important;white-space:nowrap}
.pc{gap:4px}.pil-cards .pc-v{font-size:20px}

/* ================= نسخه نهایی ظاهر: دکمه‌ها و آیکون‌های شیشه مایع، پیام‌رسانی، گزارش، باشگاه، میز کار ================= */
/* دکمه‌های شیشه مایع */
html body .btn{position:relative;border-radius:999px;min-height:36px;padding:6px 16px;font-weight:600;color:var(--ink);isolation:isolate;
 background:radial-gradient(130% 90% at 50% -25%,rgba(255,255,255,.95),rgba(255,255,255,0) 58%),linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.30));
 border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.2),0 1px 2px rgba(16,24,40,.06),0 8px 18px -10px rgba(16,24,40,.32);
 -webkit-backdrop-filter:blur(16px) saturate(190%);backdrop-filter:blur(16px) saturate(190%);transition:transform .45s var(--ease-s),box-shadow .3s var(--ease-o),filter .2s}
html body .btn:hover{filter:brightness(1.03);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(16,24,40,.06),0 12px 24px -12px rgba(16,24,40,.38)}
html body .btn:active{transform:scale(.95)!important;transition-duration:.12s}
html body .btn.pri{color:#fff;border:1px solid color-mix(in srgb,var(--acc) 45%,rgba(255,255,255,.7));
 background:radial-gradient(130% 95% at 50% -30%,rgba(255,255,255,.6),rgba(255,255,255,0) 55%),linear-gradient(180deg,color-mix(in srgb,var(--acc) 72%,#fff),var(--acc) 70%,color-mix(in srgb,var(--acc) 88%,#000));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 6px color-mix(in srgb,var(--acc) 60%,#000 25%),0 10px 22px -10px var(--acc)}
html body .btn.pri:hover{filter:saturate(1.08) brightness(1.04)}
html body .btn.ghost{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html body .btn.ghost:hover{background:rgba(255,255,255,.45)}
html body .btn.dng{color:var(--bad)}
html body .btn svg{width:16px;height:16px}
:root[data-theme="dark"] body .btn:not(.pri){background:radial-gradient(130% 90% at 50% -25%,rgba(255,255,255,.22),rgba(255,255,255,0) 58%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -10px #000}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .btn:not(.pri){background:radial-gradient(130% 90% at 50% -25%,rgba(255,255,255,.22),rgba(255,255,255,0) 58%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -10px #000}}
html body .chip{background:radial-gradient(130% 90% at 50% -25%,rgba(255,255,255,.9),rgba(255,255,255,0) 60%),rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 4px 10px -8px rgba(16,24,40,.3)}
html body .chip[aria-pressed="true"]{background:radial-gradient(130% 95% at 50% -30%,rgba(255,255,255,.55),rgba(255,255,255,0) 55%),var(--acc);border-color:color-mix(in srgb,var(--acc) 50%,#fff);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px -8px var(--acc)}
html body .sb{background:radial-gradient(130% 90% at 50% -25%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%),rgba(255,255,255,.45)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 #fff,0 4px 10px -6px rgba(16,24,40,.3)!important;border-radius:11px!important}
html body .c-tip{background:radial-gradient(130% 90% at 50% -25%,rgba(255,255,255,.85),rgba(255,255,255,0) 60%),color-mix(in srgb,var(--acc) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--acc) 20%,rgba(255,255,255,.7))!important}
/* آیکون‌های شیشه‌ای ستون ماژول‌ها */
.mod[data-go=vip] svg{--h:#c58a12}.mod[data-go=goals] svg{--h:#0e9f8e}.mod[data-go=grow] svg{--h:#db2777}
html body .mod svg{width:32px!important;height:32px!important;padding:7px!important;border-radius:11px!important;color:var(--h)!important;
 background:radial-gradient(120% 90% at 50% -20%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%),linear-gradient(180deg,color-mix(in srgb,var(--h) 20%,rgba(255,255,255,.75)),color-mix(in srgb,var(--h) 12%,rgba(255,255,255,.35)))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px color-mix(in srgb,var(--h) 18%,transparent),0 6px 12px -8px var(--h)!important}
html body .mod[aria-current="true"] svg{color:#fff!important;background:radial-gradient(120% 90% at 50% -25%,rgba(255,255,255,.6),rgba(255,255,255,0) 58%),linear-gradient(180deg,color-mix(in srgb,var(--h) 78%,#fff),var(--h))!important}
:root[data-theme="dark"] body .mod svg{background:linear-gradient(180deg,color-mix(in srgb,var(--h) 30%,rgba(255,255,255,.08)),color-mix(in srgb,var(--h) 16%,transparent))!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .mod svg{background:linear-gradient(180deg,color-mix(in srgb,var(--h) 30%,rgba(255,255,255,.08)),color-mix(in srgb,var(--h) 16%,transparent))!important}}
/* نوار پیام‌رسان‌ها */
.mbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mb{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;text-decoration:none;color:var(--ink);font:600 12px/1 var(--f-ui);cursor:pointer;
 background:radial-gradient(130% 90% at 50% -25%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%),color-mix(in srgb,var(--c) 9%,rgba(255,255,255,.45));border:1px solid color-mix(in srgb,var(--c) 25%,rgba(255,255,255,.8));
 box-shadow:inset 0 1px 0 #fff,0 4px 12px -8px var(--c);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .4s var(--ease-s),box-shadow .25s}
.mb:hover{box-shadow:inset 0 1px 0 #fff,0 8px 16px -8px var(--c)}.mb:active{transform:scale(.94)}
.mb-i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(120% 90% at 50% -20%,rgba(255,255,255,.55),rgba(255,255,255,0) 55%),var(--c);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 8px -3px var(--c)}
.mb-i svg{width:15px;height:15px}.mi-t{font:800 13px/1 var(--f-ui)}
.mbar.big{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin-top:12px}
.mbar.big .mb{flex-direction:column;gap:6px;padding:10px 4px;border-radius:18px;font-size:11.5px}.mbar.big .mb-i{width:42px;height:42px;border-radius:14px}.mbar.big .mb-i svg{width:21px;height:21px}.mbar.big .mi-t{font-size:18px}
.mb-warn{font-size:11.5px;color:var(--warn);margin-top:4px}
:root[data-theme="dark"] .mb{color:var(--ink);background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.05));box-shadow:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mb{background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.05));box-shadow:none}}
.sharepop{width:min(400px,calc(100vw - 20px))!important}.sm-b{padding:12px 14px 14px}
.bubble{position:relative;padding:10px 14px;border-radius:18px 18px 4px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 12%,#fff),color-mix(in srgb,var(--acc) 6%,#fff));border:1px solid color-mix(in srgb,var(--acc) 18%,transparent);font-size:13px;line-height:1.95;max-height:190px;overflow:auto;white-space:normal}
:root[data-theme="dark"] .bubble{background:color-mix(in srgb,var(--acc) 16%,#111827)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bubble{background:color-mix(in srgb,var(--acc) 16%,#111827)}}
.sm-m{font-size:11px;color:var(--muted);margin-top:4px}
/* کادرهای پیام در مراحل تسهیلات */
html body .lmsg,html body .notice{padding:12px 14px;border-radius:20px;margin-top:12px;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff}
html body .notice{background:linear-gradient(180deg,color-mix(in srgb,var(--warn) 10%,#fff),color-mix(in srgb,var(--warn) 4%,#fff));border-color:color-mix(in srgb,var(--warn) 25%,transparent)}
html body .lmsg>b,html body .notice>b{display:flex;align-items:center;gap:6px;font-size:13px}
html body .lmsg .prev,html body .notice .prev{margin-top:8px;padding:10px 14px;border-radius:18px 18px 4px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 11%,#fff),color-mix(in srgb,var(--acc) 5%,#fff));border:1px solid color-mix(in srgb,var(--acc) 16%,transparent);white-space:pre-line;font-size:12.8px;line-height:1.95;max-width:560px}
html body .lmsg .bar,html body .notice .bar{gap:6px;flex-wrap:wrap;align-items:center}
html body .nrow{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px dashed var(--line)}
:root[data-theme="dark"] .lmsg,:root[data-theme="dark"] .notice{background:rgba(255,255,255,.04)!important;box-shadow:none!important}
:root[data-theme="dark"] .lmsg .prev,:root[data-theme="dark"] .notice .prev{background:color-mix(in srgb,var(--acc) 16%,#111827)}
/* گزارش بخش */
.repdlg{width:min(880px,calc(100% - 20px))!important}.rep-b{padding:14px 18px;display:flex;flex-direction:column;gap:12px;max-height:68vh;overflow:auto}
.rep-meta{display:flex;gap:6px;flex-wrap:wrap}.rep-say{padding:12px 14px;border-radius:18px;background:color-mix(in srgb,var(--acc) 6%,transparent);line-height:1.95;font-size:13.5px}
.rep-st{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.rep-st>div{padding:10px 12px;border-radius:14px;border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.rep-st small{color:var(--muted);font-size:11px}
.rep-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 18px 16px;border-top:1px solid var(--line-2)}
/* باشگاه */
.clubx{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}
.cx-hero{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;align-items:center}@media (max-width:900px){.cx-hero{grid-template-columns:minmax(0,1fr)}}
.cx-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cx-k>div{padding:10px 12px;border-radius:16px;background:rgba(120,130,150,.07);display:flex;flex-direction:column}.cx-k small{font-size:11px;color:var(--muted)}.cx-k b{font-size:20px}
.ladder{display:flex;align-items:flex-end;gap:6px;justify-content:space-between}.ld{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.ld-bar{width:100%;max-width:70px;height:90px;border-radius:14px;background:rgba(120,130,150,.1);display:flex;align-items:flex-end;overflow:hidden}.ld-bar i{display:block;width:100%;border-radius:12px;background:radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.5),transparent 60%),var(--c);transition:height .9s var(--ease-o)}
.ld b{color:var(--c);font-size:13px}.ld small{font-size:10.5px;color:var(--muted)}.ld-ar{color:var(--faint);align-self:center;font-size:20px}
.cx-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width:1100px){.cx-g{grid-template-columns:minmax(0,1fr)}}
.cx-g2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}@media (max-width:1000px){.cx-g2{grid-template-columns:minmax(0,1fr)}}
.cl{list-style:none;margin:0;padding:6px 12px 10px;display:flex;flex-direction:column}.cl li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed var(--line)}.cl li:last-child{border-bottom:0}
.cl-n{flex:1;min-width:0;display:flex;flex-direction:column}.cl-n a{color:inherit;text-decoration:none;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-n small{font-size:11px;color:var(--muted)}.cl-a{display:flex;gap:4px}
.chal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:640px){.chal{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ch{padding:12px;border-radius:18px;border:1px solid var(--line);display:flex;flex-direction:column;gap:2px;text-align:center;align-items:center}.ch-e{font-size:24px}.ch b{font-size:12.5px}.ch small{font-size:10.5px;color:var(--muted)}.ch-n{font-size:20px;font-weight:700;color:var(--acc)}.ch-n small{font-weight:400}
.feed{list-style:none;margin:0;padding:6px 12px 10px}.feed li{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line)}.feed li:last-child{border-bottom:0}.feed b{display:block;font-size:12.5px}.feed small{font-size:11px;color:var(--muted)}
.fd-d{flex:none;min-width:44px;text-align:center;padding:4px 6px;border-radius:10px;font-weight:700;font-size:12px;background:color-mix(in srgb,currentColor 10%,transparent)}
/* میز کار */
.dash-sec{margin:6px 2px 10px}.dash-sec h2{font-size:14px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:8px}.dash-sec h2::after{content:"";flex:1;height:1px;background:var(--line)}
html body .ph.hero-dash{margin-bottom:12px}
/* تنظیمات اضافه */
html[data-uifs] .app,html[data-uifs] .dlg,html[data-uifs] .pop{zoom:var(--ui-zoom,1)}
html[data-uirad="sq"] body .box,html[data-uirad="sq"] body .kpi,html[data-uirad="sq"] body .coach,html[data-uirad="sq"] body .vp,html[data-uirad="sq"] body .gp,html[data-uirad="sq"] body .pc,html[data-uirad="sq"] body .dlg,html[data-uirad="sq"] body .side,html[data-uirad="sq"] body .topbar,html[data-uirad="sq"] body .ph.hero-h{border-radius:12px!important}
html[data-uirad="sq"] body .btn,html[data-uirad="sq"] body .chip,html[data-uirad="sq"] body .mb{border-radius:10px}
html[data-uirad="rd"] body .box,html[data-uirad="rd"] body .kpi,html[data-uirad="rd"] body .coach,html[data-uirad="rd"] body .vp,html[data-uirad="rd"] body .gp,html[data-uirad="rd"] body .pc,html[data-uirad="rd"] body .ph.hero-h{border-radius:32px!important}
html[data-uidens="cmp"] body .box-b{padding:8px 12px}html[data-uidens="cmp"] body .cols,html[data-uidens="cmp"] body .g2,html[data-uidens="cmp"] body .kpis{gap:8px!important}html[data-uidens="cmp"] body .kpi{padding:10px 12px!important}
html[data-uidens="air"] body .box-b{padding:18px 20px}html[data-uidens="air"] body .g2,html[data-uidens="air"] body .cols{gap:20px}
html[data-uiglass="clear"]{--lg-t1:rgba(255,255,255,.42)}html[data-uiglass="frost"]{--lg-t1:rgba(255,255,255,.9)}
html[data-uiglass="clear"][data-theme="dark"]{--lg-t1:rgba(30,34,46,.45)}html[data-uiglass="frost"][data-theme="dark"]{--lg-t1:rgba(30,34,46,.92)}
html[data-uiwall="plain"] body{background:#f2f4f7!important}html[data-uiwall="plain"][data-theme="dark"] body{background:#0c0f16!important}
html[data-uiwall="vivid"] body{background:radial-gradient(1100px 780px at 102% -8%,color-mix(in srgb,var(--w1) 80%,transparent),transparent 62%),radial-gradient(900px 720px at -12% 34%,color-mix(in srgb,var(--w2) 70%,transparent),transparent 62%),radial-gradient(1000px 820px at 62% 118%,color-mix(in srgb,var(--w3) 75%,transparent),transparent 62%),#eef2f8!important;background-attachment:fixed!important}
.lk-full{grid-template-columns:repeat(2,minmax(0,1fr))}.lk-full .lk-sec{padding:4px 0}
.pals{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))!important}.fnts{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}

/* ================= چک صیادی، کارمزد، حساب‌های افتتاحی ================= */
html body .lform.g3c{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)!important}
@media (max-width:640px){html body .lform.g3c{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}html body .lform.g3c .fl:first-child{grid-column:1/-1}}
.scq{position:relative;overflow:hidden;margin:12px 0;padding:16px 18px 30px;border-radius:20px;color:#1e1b4b;
 background:linear-gradient(135deg,#eef6ff,#f5f0ff 50%,#ecfdf5);border:2px solid #c7d2fe;box-shadow:0 18px 40px -24px rgba(49,46,129,.55),inset 0 1px 0 #fff;font-size:13px;animation:riseB .55s var(--ease-o) both}
.scq-g{position:absolute;inset:0;pointer-events:none;opacity:.55;background:repeating-radial-gradient(circle at 22% 60%,transparent 0 14px,rgba(16,185,129,.07) 15px 16px),repeating-linear-gradient(-12deg,transparent 0 10px,rgba(99,102,241,.06) 11px 12px)}
.scq>*{position:relative}
.scq-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,.9fr);gap:10px;align-items:center}
.scq-bank{display:flex;align-items:center;gap:10px}.scq-bank b{display:block;font-size:15px}.scq-bank small{color:#6366f1;font-size:11px}
.scq-logo{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;background:linear-gradient(135deg,#0f766e,#4338ca);box-shadow:0 6px 12px -6px #4338ca}
.scq-sid,.scq-date{background:rgba(255,255,255,.85);border:1px solid #c7d2fe;border-radius:12px;padding:6px 10px;text-align:center}
.scq-sid small,.scq-date small,.scq-amt small,.scq-rows small,.scq-own small{display:block;font-size:10.5px;color:#64748b}
.scq-sid b{font-size:15px;letter-spacing:.06em;direction:ltr;display:block}.scq-date b{font-size:14px}
.scq-mid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:center;margin-top:14px}
.scq-mid p{margin:0;line-height:2.1;font-size:13.5px}.scq-mid u{text-decoration:none;border-bottom:1.5px dotted #6366f1;font-weight:700;padding:0 2px}
.scq-amt{background:#fff;border:1.5px solid #a5b4fc;border-radius:12px;padding:8px 10px;text-align:center}.scq-amt b{font-size:18px}
.scq-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.scq-rows>div{border-bottom:1.5px dotted #a5b4fc;padding-bottom:4px}.scq-rows b{font-size:13px}
.scq-foot{display:grid;grid-template-columns:84px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end;margin-top:12px}
.scq-qr{background:#fff;border-radius:10px;padding:5px;width:84px;height:84px}.scq-qr svg{width:100%!important;height:100%!important;display:block}
.scq-own b{display:block;font-size:14px}.scq-sig{height:60px;border-bottom:1.5px dashed #94a3b8;display:flex;align-items:flex-end;justify-content:center}.scq-sig span{font-size:10.5px;color:#94a3b8;transform:translateY(16px)}
.scq-micr{position:absolute;inset-inline:0;bottom:6px;text-align:center;direction:ltr;font:500 12px/1 ui-monospace,monospace;color:#64748b;letter-spacing:.12em}
.scq-st{position:absolute;top:12px;inset-inline-start:50%;transform:translateX(50%) rotate(-8deg);border:2px solid #16a34a;color:#16a34a;font-weight:800;border-radius:10px;padding:2px 12px;background:rgba(255,255,255,.7)}
@media (max-width:640px){.scq{padding:12px 12px 28px}.scq-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scq-bank{grid-column:1/-1}.scq-mid{grid-template-columns:minmax(0,1fr)}.scq-foot{grid-template-columns:70px minmax(0,1fr)}.scq-sig{grid-column:1/-1}.scq-qr{width:70px;height:70px}}
/* کارمزد استعلام */
.fees2{display:flex;flex-direction:column;gap:8px}
.fee2{display:grid;grid-template-columns:44px minmax(0,1fr) auto minmax(110px,auto);gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.35));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff;animation:riseB .45s var(--ease-o) both}
.fee2.paid{background:color-mix(in srgb,var(--good) 8%,transparent);border-color:color-mix(in srgb,var(--good) 25%,transparent)}
.fee2.tot{background:color-mix(in srgb,var(--acc) 8%,transparent);border-color:color-mix(in srgb,var(--acc) 22%,transparent);grid-template-columns:44px minmax(0,1fr) auto}
.fe-i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:radial-gradient(120% 90% at 50% -20%,#fff,rgba(255,255,255,0) 60%),color-mix(in srgb,var(--acc) 12%,transparent)}
.fe-n b{display:block;font-size:14px}.fe-n small{font-size:11.5px;color:var(--muted)}.fe-a{font-size:16px;text-align:left}
.stp{display:flex;align-items:center;gap:8px}.stp b{min-width:26px;text-align:center;font-size:17px}.stp .btn{width:34px;min-height:34px;padding:0;justify-content:center;font-size:17px}
@media (max-width:560px){.fee2{grid-template-columns:40px minmax(0,1fr) auto}.fe-a{grid-column:2/-1;text-align:right}}
:root[data-theme="dark"] .fee2{background:rgba(255,255,255,.05);box-shadow:none}
/* حساب‌های افتتاحی */
.opi{margin:0 0 12px;padding-inline-start:18px;line-height:2;font-size:13px}
.opt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:560px){.opt{grid-template-columns:repeat(2,minmax(0,1fr))}}
.opt>div{padding:10px;border-radius:16px;border:1px solid var(--line);border-top:3px solid var(--c);display:flex;flex-direction:column;gap:2px}.opt small{font-size:11px;color:var(--muted)}.opt b{font-size:22px}.opt span{font-size:11px;color:var(--muted)}
.opb{display:inline-block;padding:2px 10px;border-radius:99px;font-size:11.5px;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.opl a{color:inherit}
/* چکاوک: واگذاری چک */
.ckph h1{background:linear-gradient(90deg,var(--acc),var(--s5));-webkit-background-clip:text;background-clip:text;color:transparent}
.ckact{display:flex;gap:4px;flex-wrap:nowrap;justify-content:flex-start}
.ckb{--c:var(--acc);display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 9px;border-radius:99px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;color:color-mix(in srgb,var(--c) 85%,#000);
 background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.25)),color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,rgba(255,255,255,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px -6px color-mix(in srgb,var(--c) 60%,transparent);backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);transition:transform .15s var(--ease-o),box-shadow .2s}
.ckb:hover{box-shadow:inset 0 1px 0 #fff,0 8px 16px -8px color-mix(in srgb,var(--c) 70%,transparent)}.ckb:active{transform:scale(.95)}
.ckb svg{width:13px;height:13px}.ckb-clear{--c:var(--good)}.ckb-bounce{--c:var(--bad)}.ckb-back{--c:var(--s4)}.ckb-wait{--c:var(--s1)}.ckb-msg{--c:var(--s5)}
@media (max-width:1700px){.ckb span{display:none}.ckb{width:32px;min-height:32px;padding:0;justify-content:center;font-size:14px}}
:root[data-theme="dark"] .ckb{color:#fff;background:color-mix(in srgb,var(--c) 22%,rgba(255,255,255,.04))}
.ckp{display:inline-block;padding:1px 8px;border-radius:99px;font-weight:800;font-size:12px;color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.ckp.neg{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}
.ckru{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}@media (max-width:1100px){.ckru{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.ckru{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ckru>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:18px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff,0 8px 18px -14px rgba(15,23,42,.4)}
.ckru i{font-style:normal;font-size:22px}.ckru span{font-size:11.5px;color:var(--muted)}.ckru b{font-size:20px;color:var(--good)}.ckru .neg b{color:var(--bad)}
:root[data-theme="dark"] .ckru>div{background:rgba(255,255,255,.05);box-shadow:none;border-color:var(--line)}
.ckl .ckr{flex:none;width:30px;height:30px;display:grid;place-items:center;font-size:18px;font-weight:800;color:var(--muted)}
.ckl li .cl-a{display:flex;gap:6px;align-items:center}
.ckviz{display:flex;flex-direction:column;gap:14px}
.ckbatch{width:min(760px,96vw)}.ckrows{display:flex;flex-direction:column;gap:8px;margin:12px 0;max-height:46vh;overflow:auto;padding:2px}
.ckrow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr) 34px;gap:6px;align-items:center;padding:8px;border-radius:14px;background:color-mix(in srgb,var(--acc) 5%,transparent);border:1px solid var(--line);animation:riseB .3s var(--ease-o) both}
@media (max-width:640px){.ckrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px}.ckrow [data-f="sy"]{grid-column:1/-2}}
.ckbatch .dlg-b{padding:14px 18px 4px}.ckbatch .dlg-f{display:flex;gap:8px;padding:10px 18px 16px;border-top:1px solid var(--line)}.ckbatch .fl input{width:100%}
/* طرح چکامه */
.chm{border:1px solid color-mix(in srgb,#16a34a 30%,transparent)!important;background:linear-gradient(160deg,color-mix(in srgb,#16a34a 7%,var(--panel)),var(--panel) 55%)!important}
.chm-logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;margin-inline-end:6px;vertical-align:middle;color:#fff;font-weight:900;font-size:17px;background:linear-gradient(135deg,#15803d,#0f766e);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 12px -6px #15803d}
.chm-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}@media (max-width:640px){.chm-k{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chm-k>div{padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.35));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff}.chm-k small{display:block;font-size:11.5px;color:var(--muted)}.chm-k b{font-size:22px}.chm-k span{font-size:11px;color:var(--muted);margin-inline-start:4px}
.chm-k .ok b{color:var(--good)}.chm-k .nr b{color:#d97706}.chm-k .am b{font-size:18px;color:#15803d}
:root[data-theme="dark"] .chm-k>div{background:rgba(255,255,255,.05);box-shadow:none;border-color:var(--line)}
.chm-bar{position:relative;height:20px;min-width:110px;border-radius:99px;background:color-mix(in srgb,var(--ink) 7%,transparent);overflow:hidden}.chm-bar i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:99px;background:linear-gradient(90deg,#86efac,#34d399)}.chm-bar b{position:relative;display:block;text-align:center;font-size:12px;line-height:20px;color:#064e3b}
.chm-t td small{display:block;font-size:11px}.chm-ok{color:var(--good);font-weight:700}.chm-no{color:#d97706;font-weight:700}
.chmdlg{width:min(820px,96vw)}.chmdlg .dlg-b{padding:14px 18px 18px;max-height:78vh;overflow:auto}
.chm-r{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:700px){.chm-r{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chm-r>div{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:16px;background:color-mix(in srgb,#16a34a 6%,var(--panel));border:1px solid color-mix(in srgb,#16a34a 22%,transparent)}.chm-r i{font-style:normal;font-size:22px}.chm-r b{font-size:13.5px}.chm-r small{font-size:11.5px;color:var(--muted)}
.chm-set{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.chm-set button{grid-column:1/-1;justify-self:start}@media (max-width:700px){.chm-set{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chm-lp{margin:12px 0;padding:14px;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,#16a34a 9%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,#16a34a 28%,transparent);animation:riseB .45s var(--ease-o) both}
.chm-lh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chm-lh>div{flex:1;min-width:200px}.chm-lh b{display:block}.chm-lh small{font-size:12px;color:var(--muted)}
.chm-calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}@media (max-width:640px){.chm-calc{grid-template-columns:minmax(0,1fr)}}
.chm-calc>div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid var(--line)}.chm-calc small{display:block;font-size:11.5px;color:var(--muted)}.chm-calc b{font-size:17px}.chm-calc .off b{color:var(--muted);text-decoration:line-through}.chm-calc .tot{background:color-mix(in srgb,#16a34a 12%,transparent)}.chm-calc .tot b{color:#15803d;font-size:19px}
:root[data-theme="dark"] .chm-calc>div{background:rgba(255,255,255,.05)}
.chm-opt{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip.sug{box-shadow:0 0 0 2px #16a34a inset}
.chm-alarm{position:fixed;z-index:90;inset-inline-start:50%;top:84px;transform:translateX(50%);display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:20px;max-width:min(640px,94vw);background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid color-mix(in srgb,#16a34a 35%,#fff);box-shadow:0 24px 50px -20px rgba(21,128,61,.55);animation:riseB .5s var(--ease-o) both}
.chm-alarm>div{flex:1}.chm-alarm b{display:block;font-size:14px}.chm-alarm small{font-size:12px;color:var(--muted)}
:root[data-theme="dark"] .chm-alarm{background:rgba(15,23,42,.88)}
.chm .box-h{flex-wrap:wrap;gap:8px}.chm .box-h h2{white-space:nowrap}.chm .box-h .bar{flex-wrap:wrap}.chm-k .am span{display:block;margin:0}
@media (max-width:640px){.chm .box-h .bar .btn{min-height:34px;font-size:12px}}

/* ================= نوار مراحل مدرن (سه‌بعدی) ================= */
html body .lsteps.lst2{display:block;padding:14px 16px 12px;margin-bottom:14px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 18px 40px -28px rgba(15,23,42,.45);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5)}
:root[data-theme="dark"] body .lsteps.lst2{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none}
.lst2-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.lst2-tt small{display:block;font-size:11px;color:var(--muted);letter-spacing:.02em}.lst2-tt b{font-size:14.5px}
.lst2-m{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.lst2-pc{position:relative;width:40px;height:40px;display:grid;place-items:center}.lst2-pc svg{position:absolute;inset:0;width:100%;height:100%}.lst2-pc b{font-size:10.5px;color:var(--ink)}
.lst2-tr{position:relative;display:grid;grid-template-columns:repeat(7,minmax(84px,1fr));gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 2px;scrollbar-width:none;padding-top:12px;padding-bottom:4px}.lst2-tr::-webkit-scrollbar{display:none}
.lst2-bar{position:absolute;top:36px;inset-inline:calc(100%/14);height:6px;border-radius:9px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}
.lst2-bar i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--prog);border-radius:inherit;background:linear-gradient(270deg,var(--s3),var(--acc),var(--s7));box-shadow:0 0 10px color-mix(in srgb,var(--acc) 50%,transparent);transition:width 1s var(--ease-o)}
html body .lsteps.lst2 .ls2{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 2px 2px;border:0;background:none;color:var(--muted);scroll-snap-align:center;cursor:pointer;z-index:1;transform:none!important;opacity:1}
.ls2-ic{position:relative;width:52px;height:52px;perspective:300px}
.ls2-k{position:absolute;inset:0;display:grid;place-items:center;border-radius:17px;transform-style:preserve-3d;transition:transform .5s var(--ease-s),box-shadow .3s;
 background:linear-gradient(180deg,#fff,#eef2f7);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 4px 0 #d7dee8,0 10px 16px -10px rgba(15,23,42,.35);color:#94a3b8}
.ls2-k .si,.ls2-k .ck2{width:24px;height:24px}
.ls2.done .ls2-k{color:#fff;border-color:color-mix(in srgb,var(--sc) 40%,#fff);background:radial-gradient(120% 90% at 30% 0%,rgba(255,255,255,.55),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--sc) 82%,#fff),var(--sc));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 0 color-mix(in srgb,var(--sc) 62%,#000),0 12px 18px -10px var(--sc)}
.ls2.cur .ls2-k{color:#fff;border-color:#fff;background:radial-gradient(120% 90% at 30% 0%,rgba(255,255,255,.6),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--sc) 70%,#fff),var(--sc) 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 0 color-mix(in srgb,var(--sc) 60%,#000),0 16px 26px -10px var(--sc);transform:translateY(-4px) rotateX(12deg)}
.ls2-halo{position:absolute;inset:-7px;border-radius:22px;border:2px solid color-mix(in srgb,var(--sc) 55%,transparent);animation:ls2Halo 2.2s ease-out infinite;pointer-events:none}
@keyframes ls2Halo{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.ls2.next .ls2-k{opacity:.75}
.ls2.sel .ls2-k{outline:2px solid var(--acc);outline-offset:3px}
.ls2:not(:disabled):hover .ls2-k{transform:translateY(-5px) rotateX(16deg)}
.ls2-n{position:absolute;top:-4px;inset-inline-end:calc(50% - 34px);min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:800;background:var(--panel);color:var(--muted);box-shadow:0 2px 6px -2px rgba(15,23,42,.35);z-index:2}
.ls2.done .ls2-n,.ls2.cur .ls2-n{background:var(--sc);color:#fff}
html body .lsteps.lst2 .ls2 b{margin-top:6px;font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap}.ls2.next b{color:var(--muted)!important;font-weight:500!important}
html body .lsteps.lst2 .ls2 small{font-size:10.5px;min-height:13px}.ls2.cur small{color:var(--sc);font-weight:700}.ls2.done small{color:var(--good)}
.ls2.pop .ls2-k{animation:ls2Flip .9s var(--ease-s) both}
@keyframes ls2Flip{0%{transform:rotateY(-180deg) scale(.6)}60%{transform:rotateY(15deg) scale(1.08)}100%{transform:translateY(-4px) rotateX(12deg)}}
:root[data-theme="dark"] .ls2-k{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:0 4px 0 rgba(0,0,0,.35)}
@media (max-width:640px){.lst2-tr{grid-template-columns:repeat(7,minmax(78px,1fr))}.lst2-m>span:first-child{display:none}}
/* ================= جلوه سه‌بعدی پایان مرحله ================= */
.sfx{position:fixed;inset:0;z-index:120;pointer-events:none;display:grid;place-items:center;perspective:900px}
.sfx>*{grid-area:1/1}
.sfx-sc{width:96px;height:96px;transform-style:preserve-3d;perspective:700px}
.sfx-cube{position:relative;width:96px;height:96px;transform-style:preserve-3d;animation:sfxCube 1.25s cubic-bezier(.2,.9,.25,1.15) both}
.sfx-f{position:absolute;inset:0;border-radius:22px;display:grid;place-items:center;background:radial-gradient(120% 90% at 30% 0%,rgba(255,255,255,.6),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--acc) 65%,#fff),var(--acc));border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 0 18px rgba(255,255,255,.35);backface-visibility:hidden}
.sfx-f svg{width:56px;height:56px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.sfx-fr{transform:translateZ(48px)}.sfx-bk{transform:rotateY(180deg) translateZ(48px)}.sfx-rt{transform:rotateY(90deg) translateZ(48px);filter:brightness(.85)}.sfx-lt{transform:rotateY(-90deg) translateZ(48px);filter:brightness(.85)}.sfx-tp{transform:rotateX(90deg) translateZ(48px);filter:brightness(1.1)}.sfx-bt{transform:rotateX(-90deg) translateZ(48px);filter:brightness(.7)}
@keyframes sfxCube{0%{transform:translateZ(-400px) rotateX(-220deg) rotateY(200deg) scale(.4);opacity:0}55%{opacity:1}75%{transform:translateZ(40px) rotateX(-14deg) rotateY(-22deg) scale(1.08)}100%{transform:translateZ(0) rotateX(-12deg) rotateY(-24deg) scale(1)}}
.sfx-ring{width:150px;height:150px;border-radius:50%;border:3px solid color-mix(in srgb,var(--acc) 70%,#fff);transform:rotateX(72deg) translateZ(-60px) scale(.3);opacity:0;animation:sfxRing 1.3s .55s ease-out both;box-shadow:0 0 30px color-mix(in srgb,var(--acc) 50%,transparent)}
.sfx-ring.r2{animation-delay:.75s;border-width:2px}
@keyframes sfxRing{0%{transform:rotateX(72deg) translateY(40px) scale(.3);opacity:.9}100%{transform:rotateX(72deg) translateY(40px) scale(2.6);opacity:0}}
.sfx-rays{width:360px;height:360px;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--acc) 22%,transparent) 0 6deg,transparent 6deg 30deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);mask:radial-gradient(circle,#000 20%,transparent 68%);opacity:0;animation:sfxRays 1.6s .45s ease-out both}
@keyframes sfxRays{0%{opacity:0;transform:scale(.4) rotate(0)}30%{opacity:1}100%{opacity:0;transform:scale(1.2) rotate(40deg)}}
.sfx-o{width:14px;height:14px;border-radius:5px;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--acc) 60%,#fff));box-shadow:0 2px 8px color-mix(in srgb,var(--acc) 40%,transparent);opacity:0;animation:sfxOrb 1s calc(.6s + var(--d)) cubic-bezier(.2,.8,.3,1) both}
@keyframes sfxOrb{0%{opacity:0;transform:rotate(var(--a)) translateX(30px) rotateY(0) scale(.4)}30%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(150px) rotateY(360deg) scale(1)}}
.sfx-l{transform:translateY(96px);padding:9px 18px;border-radius:99px;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 80%,#fff),var(--acc));box-shadow:0 14px 30px -12px var(--acc),inset 0 1px 0 rgba(255,255,255,.5);opacity:0;animation:sfxLab .6s .7s var(--ease-s) both}
@keyframes sfxLab{0%{opacity:0;transform:translateY(120px) rotateX(-60deg)}100%{opacity:1;transform:translateY(96px) rotateX(0)}}
.sfx.out{transition:opacity .5s,transform .5s;opacity:0;transform:scale(1.08)}
@media (prefers-reduced-motion:reduce){.sfx{display:none}}
/* پوز فروشگاهی */
.posx{border:1px solid color-mix(in srgb,#2563eb 25%,transparent)!important;background:linear-gradient(160deg,color-mix(in srgb,#2563eb 6%,var(--panel)),var(--panel) 55%)!important}
.posx .box-h{flex-wrap:wrap;gap:8px}.posx .box-h h2{white-space:nowrap}.posx .box-h .bar{flex-wrap:wrap}
.pos-logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;margin-inline-end:6px;vertical-align:middle;background:linear-gradient(135deg,#dbeafe,#e0e7ff);box-shadow:inset 0 1px 0 #fff,0 6px 12px -8px #2563eb}
.pos-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}@media (max-width:640px){.pos-k{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pos-k>div{padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.35));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff}.pos-k small{display:block;font-size:11.5px;color:var(--muted)}.pos-k b{font-size:22px}.pos-k b small{display:inline;font-size:12px}.pos-k span{display:block;font-size:11px;color:var(--muted)}
.pos-k .g b{color:#2563eb}.pos-pr{height:6px;border-radius:9px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden;margin-top:6px}.pos-pr i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#60a5fa,#2563eb)}
:root[data-theme="dark"] .pos-k>div{background:rgba(255,255,255,.05);box-shadow:none;border-color:var(--line)}
.pos-t td small{display:block;font-size:11px}.pos-r{display:inline-block;margin:2px;padding:1px 8px;border-radius:99px;font-size:11px;background:color-mix(in srgb,#2563eb 10%,transparent);color:#1d4ed8}
.posdlg{width:min(560px,94vw)}.posdlg .dlg-b{padding:12px 18px 18px}.pos-dl{margin:0 0 10px;padding-inline-start:20px;line-height:2.1;font-size:14px}
/* نوار مراحل: کوچک، گرد و مدرن */
.ls2-ic{width:40px;height:40px}
.ls2-k{border-radius:50%!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #dbe2ec,0 8px 14px -8px rgba(15,23,42,.35)}
.ls2-k .si,.ls2-k .ck2{width:19px;height:19px}
.ls2.done .ls2-k{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 0 color-mix(in srgb,var(--sc) 60%,#000),0 8px 14px -8px var(--sc)!important}
.ls2.cur .ls2-k{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 4px color-mix(in srgb,var(--sc) 18%,transparent),0 4px 0 color-mix(in srgb,var(--sc) 60%,#000),0 12px 20px -8px var(--sc)!important;transform:translateY(-3px)}
.ls2-halo{inset:-6px;border-radius:50%}
.ls2-n{top:-5px;inset-inline-end:calc(50% - 28px);min-width:16px;height:16px;font-size:9.5px}
.lst2-bar{top:30px;height:4px}
html body .lsteps.lst2 .ls2 b{margin-top:4px;font-size:11.5px}html body .lsteps.lst2 .ls2 small{font-size:10px}
.ls2.sel .ls2-k{outline-offset:2px}
.ls2:not(:disabled):hover .ls2-k{transform:translateY(-3px) scale(1.06)}
@keyframes ls2Flip{0%{transform:rotateY(-180deg) scale(.6)}60%{transform:rotateY(15deg) scale(1.1)}100%{transform:translateY(-3px)}}
.lst2-tr{grid-template-columns:repeat(7,minmax(70px,1fr))}
/* نشان باشگاه / سارندا */
.emb-sc{width:132px;height:132px;perspective:800px}
.emb-coin{position:relative;width:132px;height:132px;transform-style:preserve-3d;animation:embSpin 1.5s cubic-bezier(.18,.9,.25,1.1) both}
.emb-f{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;display:grid;place-items:center;overflow:hidden;color:#fff}
.emb-front{background:radial-gradient(circle at 32% 26%,#fff7cc 0,#fcd34d 18%,#f59e0b 48%,#b45309 78%,#78350f 100%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.35),inset 0 -8px 18px rgba(120,53,15,.5),inset 0 8px 14px rgba(255,255,255,.45)}
.emb-back{transform:rotateY(180deg);background:radial-gradient(circle at 32% 26%,#ccfbf1 0,#2dd4bf 20%,#0f766e 55%,#134e4a 100%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.3),inset 0 -8px 18px rgba(4,47,46,.55),inset 0 8px 14px rgba(255,255,255,.4)}

.emb-front{transform:translateZ(1px)}.emb-back{transform:rotateY(180deg) translateZ(1px)}
.emb-ring{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);animation:embRot 8s linear infinite}.emb-front .emb-ring text{fill:rgba(120,53,15,.85)}.emb-back .emb-ring text{fill:rgba(240,253,250,.9)}
@keyframes embRot{to{transform:rotate(-360deg)}}
.emb-c{position:relative;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:0;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,.08) 60%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),0 2px 6px rgba(0,0,0,.18)}
.emb-c svg{width:34px;height:34px;color:#fff;filter:drop-shadow(0 2px 2px rgba(120,53,15,.6))}.emb-c b{font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.emb-s{font:900 34px/1 system-ui,sans-serif;color:#fff;text-shadow:0 2px 3px rgba(4,47,46,.6)}.emb-back .emb-c b{font-size:10px;font-family:system-ui,sans-serif}
.emb-gl{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%);transform:translateX(-80%);animation:embGl 1.2s .95s ease-out both;pointer-events:none}
@keyframes embGl{to{transform:translateX(80%)}}
@keyframes embSpin{0%{transform:translateY(-260px) rotateY(0) rotateX(30deg) scale(.5);opacity:0}15%{opacity:1}55%{transform:translateY(12px) rotateY(900deg) rotateX(-8deg) scale(1.05)}72%{transform:translateY(-8px) rotateY(1060deg) rotateX(4deg) scale(1)}100%{transform:translateY(0) rotateY(1080deg) rotateX(0) scale(1)}}
.emb .sfx-ring{border-color:#fbbf24;box-shadow:0 0 30px rgba(251,191,36,.55)}.emb .sfx-rays{background:repeating-conic-gradient(from 0deg,rgba(251,191,36,.25) 0 6deg,transparent 6deg 30deg)}
.emb-sp{width:12px;height:12px;opacity:0;background:conic-gradient(from 45deg,#fde68a,#fff,#fde68a,#fff,#fde68a);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:embSp 1s calc(.85s + var(--d)) cubic-bezier(.2,.8,.3,1) both}
@keyframes embSp{0%{opacity:0;transform:rotate(var(--a)) translateX(40px) scale(.3)}30%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(130px) scale(1.1) rotate(180deg)}}
.emb .sfx-l{transform:translateY(112px);background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 14px 30px -12px #b45309,inset 0 1px 0 rgba(255,255,255,.5);animation-delay:.95s}
@keyframes sfxLab{0%{opacity:0;transform:translateY(140px) rotateX(-60deg)}100%{opacity:1;transform:translateY(112px) rotateX(0)}}

/* ================= تنظیمات زبانه‌ای ================= */
.stabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:6px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.45));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 12px 30px -24px rgba(15,23,42,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:6px;z-index:5}
.stabs button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:14px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.stabs button i{font-style:normal;font-size:16px}.stabs button[aria-selected="true"]{background:var(--panel);color:var(--acc);box-shadow:0 1px 0 #fff inset,0 6px 14px -8px rgba(15,23,42,.35)}
:root[data-theme="dark"] .stabs{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
@media (max-width:640px){.stabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.stabs button{white-space:nowrap;padding:8px 10px}}
.spane{animation:riseB .35s var(--ease-o) both}.spane>section+section{margin-top:14px}
.sp-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px;align-items:start}.sp-g>section{margin:0!important}@media (max-width:900px){.sp-g{grid-template-columns:minmax(0,1fr)}}
.fsbox{margin-bottom:14px}.fs-row{display:flex;align-items:center;gap:12px}.fs-row input{flex:1;accent-color:var(--acc)}.fs-row b{min-width:48px;text-align:center;font-size:15px;color:var(--acc)}.fs-chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
/* مرکز پشتیبان */
.bk-hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:22px;margin-bottom:14px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 14%,var(--panel)),var(--panel) 70%)}
.bk-hero.good{--c:#16a34a}.bk-hero.warn{--c:#f59e0b}.bk-hero.bad{--c:#ef4444;animation:bkPulse 2.4s ease-in-out infinite}
@keyframes bkPulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,#ef4444 14%,transparent)}}
.bk-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--c) 16%,#fff);box-shadow:inset 0 1px 0 #fff}
.bk-hero>div:nth-child(2){flex:1;min-width:200px}.bk-hero b{display:block;font-size:16px;color:color-mix(in srgb,var(--c) 70%,var(--ink))}.bk-hero small{font-size:12px;color:var(--muted)}
.bk-m{display:flex;gap:6px;flex-wrap:wrap}.bk-m span{padding:3px 10px;border-radius:99px;font-size:11.5px;background:rgba(255,255,255,.7);border:1px solid var(--line)}
.bk-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin-bottom:14px}@media (max-width:900px){.bk-g{grid-template-columns:minmax(0,1fr)}}
.bk-g .box-b{display:flex;flex-direction:column;gap:10px}
/* اکسل */
.xl-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media (max-width:900px){.xl-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.xl-c{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(160deg,color-mix(in srgb,#16a34a 10%,var(--panel)),var(--panel));box-shadow:inset 0 1px 0 #fff,0 12px 24px -20px rgba(22,163,74,.6);font:inherit;text-align:right;cursor:pointer;transition:transform .2s}
.xl-c:hover{transform:translateY(-3px)}.xl-c i{font-style:normal;font-size:26px}.xl-c b{font-size:14px;color:var(--ink)}.xl-c small{font-size:11px;color:var(--muted)}
.xdlg{width:min(860px,96vw)}.xdlg .dlg-b{padding:12px 18px 18px;max-height:80vh;overflow:auto}
.x-t{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.x-tb{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font:inherit;font-size:13px;cursor:pointer}.x-tb i{font-style:normal}.x-tb[aria-pressed="true"]{border-color:#16a34a;background:color-mix(in srgb,#16a34a 10%,var(--panel));color:#15803d;font-weight:700}
.x-step{display:flex;gap:12px;padding:12px 0;border-top:1px dashed var(--line)}.x-step>b{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);font-size:13px}.x-step>div{flex:1;min-width:0}.x-h{font-weight:700;margin-bottom:4px}
.x-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}@media (max-width:700px){.x-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
.x-prev{max-height:220px}.x-prev td,.x-prev th{font-size:12px;white-space:nowrap}
.lchk{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-inline-end:14px}
/* ================= خودپرداز ================= */
.atmph h1{background:linear-gradient(90deg,#0f766e,#4338ca);-webkit-background-clip:text;background-clip:text;color:transparent}
.atm-alert{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:12px;border-radius:18px;background:linear-gradient(135deg,#fef2f2,#fff);border:1px solid #fecaca;box-shadow:0 14px 30px -20px #ef4444}
.atm-alert>div{flex:1;min-width:200px}.atm-alert b{display:block;color:#b91c1c}.atm-alert small{font-size:12px;color:var(--muted)}
.atm-pulse{width:14px;height:14px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:atmP 1.4s infinite}@keyframes atmP{70%{box-shadow:0 0 0 12px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
:root[data-theme="dark"] .atm-alert{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}
.kpi.warnk{animation:bkPulse 2.4s ease-in-out infinite}
.cas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.cs{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.cs-t{position:relative;width:64px;height:150px;border-radius:18px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(241,245,249,.7) 40%,rgba(226,232,240,.9));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 2px 6px rgba(15,23,42,.12),0 14px 24px -16px color-mix(in srgb,var(--c) 70%,transparent)}
.cs-t i{position:absolute;inset-inline:0;bottom:0;height:var(--p);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 65%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 75%,#000));transition:height 1.2s var(--ease-o);animation:csFill 1.4s var(--ease-o) both}
.cs-t i::before{content:"";position:absolute;inset-inline:0;top:-6px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--c) 45%,#fff);opacity:.85}
.cs-t::after{content:"";position:absolute;inset-block:8px;inset-inline-start:10px;width:8px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));pointer-events:none}
@keyframes csFill{from{height:0}}
.cs-t span{position:absolute;inset-inline:0;top:8px;font-size:12px;font-weight:800;color:#0f172a;text-shadow:0 1px 0 #fff}
.cs b{font-size:14px;margin-top:6px}.cs small{font-size:11px;color:var(--muted)}.cs em{font-style:normal;font-size:11.5px;color:var(--c);font-weight:700}
.atm-rec{margin-top:10px}.atm-rec td,.atm-rec th{font-size:12.5px}
.dn-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-inline-end:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 20%,transparent)}
.dn-c{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--c) 80%,#000);background:color-mix(in srgb,var(--c) 14%,transparent)}
tr.dn-open td{background:color-mix(in srgb,#ef4444 6%,transparent)}
.atm-t td.g1{background:color-mix(in srgb,#16a34a 7%,transparent)}.atm-t td.g2c{background:color-mix(in srgb,#f59e0b 8%,transparent)}.atm-t td.g3{background:color-mix(in srgb,#4338ca 8%,transparent)}
.atmviz{display:flex;flex-direction:column;gap:14px}
/* برگه پول‌گذاری */
.atmdlg{width:min(1060px,97vw)}.atmdlg .dlg-b{padding:12px 18px;max-height:78vh;overflow:auto}
.atm-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}@media (max-width:700px){.atm-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
.atm-sheet table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px}
.atm-sheet th,.atm-sheet td{padding:6px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.atm-sheet thead th{font-size:12px;font-weight:700}.atm-sheet .h1{background:#ecfdf5;color:#047857}.atm-sheet .h2{background:#fffbeb;color:#b45309}.atm-sheet .h3{background:#eef2ff;color:#4338ca}
.atm-sheet thead tr:first-child th:first-child{border-start-start-radius:14px}.atm-sheet thead tr:first-child th:last-child{border-start-end-radius:14px}
.atm-sheet th.dn{text-align:right;white-space:nowrap}.atm-sheet th.dn b{display:inline;font-size:14px}.atm-sheet th.dn small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-inline-start:16px}
.atm-sheet td.c1{background:color-mix(in srgb,#16a34a 4%,transparent)}.atm-sheet td.c2{background:color-mix(in srgb,#f59e0b 5%,transparent)}.atm-sheet td.c3{background:color-mix(in srgb,#4338ca 6%,transparent)}
.atm-sheet td.sm b{display:block;font-size:13px}.atm-sheet td small{display:block;font-size:10.5px;color:var(--muted);min-height:13px}
.atm-in{width:100%;max-width:110px;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--panel);text-align:center;font:inherit;font-size:15px;font-weight:700;color:var(--ink);box-shadow:inset 0 1px 2px rgba(15,23,42,.06)}
.atm-in:focus{outline:2px solid var(--acc);outline-offset:1px}
.atm-sheet tfoot th,.atm-sheet tfoot td{background:#0f172a;color:#fff;font-weight:800;border:0}.atm-sheet tfoot td:last-child{color:#fde68a}.atm-sheet tfoot th{border-end-start-radius:14px}.atm-sheet tfoot td:last-child{border-end-end-radius:14px}
.atm-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}@media (max-width:700px){.atm-sum{grid-template-columns:minmax(0,1fr)}}
.atm-sum>div{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff}.atm-sum small{display:block;font-size:12px;font-weight:700}.atm-sum b{display:block;font-size:20px;margin:4px 0}.atm-sum em{font-style:normal;font-size:11.5px;color:var(--muted)}
.atm-sum .s1{background:linear-gradient(135deg,#ecfdf5,#fff);color:#047857}.atm-sum .s2{background:linear-gradient(135deg,#fffbeb,#fff);color:#b45309}.atm-sum .s3{background:linear-gradient(135deg,#eef2ff,#fff);color:#4338ca;box-shadow:0 14px 30px -20px #4338ca}
:root[data-theme="dark"] .atm-sum>div{background:rgba(255,255,255,.05)}
.atm-warn{font-size:12.5px;margin-bottom:8px}.atm-warn.bad{color:#b91c1c;font-weight:700}.atm-warn.ok{color:#047857;font-weight:700}
html body .dlg.atmdlg{width:min(1080px,97vw)!important;max-width:none!important}html body .dlg.xdlg{width:min(880px,96vw)!important;max-width:none!important}
.atm-sheet tfoot td,.atm-sheet tfoot th{background:#0f172a!important;color:#fff!important}.atm-sheet tfoot td:last-child{color:#fde68a!important}.atm-sheet tfoot b{font-size:13px}

/* ================= برگه پول‌گذاری نسخه ۲ ================= */
.atmdlg.v2{font-size:13px;padding:0;overflow:hidden}
.atm-hd{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(120deg,#0f766e,#4338ca);color:#fff}
.atm-hd-t{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.atm-hd-i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.atm-hd b{display:block;font-size:16px}.atm-hd small{font-size:12px;opacity:.85}.atm-hd .btn{color:#fff}
.atm-term{padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);font-size:12.5px;white-space:nowrap;backdrop-filter:blur(6px)}.atm-term b{font-size:15px;letter-spacing:.08em;margin-inline-start:4px}
.atmdlg.v2 .dlg-b{padding:14px 18px}.atmdlg.v2 .fl{font-size:12px}
.atm-meta .field{padding:8px 10px;font-size:13.5px}
.atm-sheet{border-radius:16px;border:1px solid var(--line)}
.atm-sheet table{min-width:900px;font-size:12.5px}
.atm-sheet th,.atm-sheet td{padding:7px 6px}
.atm-sheet .h0{background:#f8fafc;color:#334155}
.atm-sheet th.dn{min-width:150px;padding-inline-start:10px}.atm-sheet th.dn small{display:block;margin:4px 0 0;font-size:10.5px;color:var(--muted);font-weight:500}
.bn{position:relative;display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:10px;color:#fff;font-weight:800;font-size:12.5px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 75%,#fff),var(--c) 60%,color-mix(in srgb,var(--c) 80%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 12px -8px var(--c);overflow:hidden}
.bn::after{content:"";position:absolute;inset:3px;border-radius:7px;border:1px dashed rgba(255,255,255,.45);pointer-events:none}
.bn i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.25);font-size:11px}
.bn b{font-family:inherit;letter-spacing:.02em}.bn.sm{padding:3px 8px 3px 6px;font-size:11.5px}.bn.sm i{width:16px;height:16px;font-size:10px}
.atm-in{max-width:96px;padding:7px 6px;font-size:14px;border-radius:10px}
.atm-sheet td small{font-size:10px;font-family:inherit;color:#64748b}
.atm-sheet td.sm b{font-size:13px}.atm-sheet td.sm b span{font-size:10.5px;font-weight:500;color:var(--muted)}
.atm-sheet td.fin{background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important}.atm-sheet td.fin b{color:#4338ca;font-size:14px}.atm-sheet td.fin small{color:#4338ca;font-weight:700}
.atm-sheet tfoot td{font-size:12px;font-family:inherit;letter-spacing:.01em}
.atm-sum b{font-size:17px!important}
.atm-fin{margin:6px 0 14px;padding:12px 14px;border-radius:18px;background:linear-gradient(160deg,#f8fafc,#fff);border:1px solid var(--line)}
.atm-fin-h{font-weight:800;font-size:13px;margin-bottom:8px}
.fin-r{display:grid;grid-template-columns:auto minmax(80px,1fr) 90px 170px;gap:10px;align-items:center;padding:5px 0;border-bottom:1px dashed var(--line)}.fin-r:last-child{border:0}
.fin-b{height:10px;border-radius:9px;background:#f1f5f9;overflow:hidden}.fin-b i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 55%,#fff),var(--c))}
.fin-n{font-size:12px;color:var(--muted)}.fin-n b{color:var(--ink);font-size:14px}.fin-a{text-align:left;font-weight:700;font-size:13px;color:#4338ca}
.fin-r.tot{font-weight:800}.fin-r.tot>span:first-child{padding:0 6px}
@media (max-width:640px){.fin-r{grid-template-columns:auto minmax(0,1fr) auto}.fin-r .fin-a{grid-column:1/-1;text-align:right}}
/* بنکو */
.bnk{margin:0 0 12px;padding:14px;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,#0ea5e9 8%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,#0ea5e9 28%,transparent)}
.bnk-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bnk-h b{display:block;font-size:14px}.bnk-h small{font-size:11.5px;color:var(--muted)}
.bnk-r{--p:0%;flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:radial-gradient(closest-side,var(--panel) 72%,transparent 74%),conic-gradient(#0ea5e9 var(--p),color-mix(in srgb,var(--ink) 10%,transparent) 0)}
.bnk-r.ok{background:radial-gradient(closest-side,var(--panel) 72%,transparent 74%),conic-gradient(#16a34a 100%,transparent 0);color:#16a34a}
.bnk-s{display:grid;grid-template-columns:30px minmax(0,1.4fr) auto 150px auto;gap:10px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid var(--line);margin-top:8px;transition:background .3s,border-color .3s}
.bnk-s.done{background:color-mix(in srgb,#16a34a 8%,#fff);border-color:color-mix(in srgb,#16a34a 35%,transparent)}
.bnk-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#38bdf8,#0369a1)}.bnk-s.done .bnk-n{background:linear-gradient(135deg,#4ade80,#15803d)}
.bnk-t b{display:block;font-size:13px}.bnk-t small{font-size:11px;color:var(--muted)}
.bnk-a{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.bnk-a b{font-size:14px;color:#0369a1}
.bnk-ref{padding:6px 8px;font-size:12.5px}
.bnk-ok{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;cursor:pointer}.bnk-ok input{width:18px;height:18px;accent-color:#16a34a}
.bnk-tip{font-size:12px;margin-top:8px;color:#0369a1;line-height:1.9}
@media (max-width:760px){.bnk-s{grid-template-columns:30px minmax(0,1fr)}.bnk-a,.bnk-ref,.bnk-ok{grid-column:2}.bnk-a{align-items:flex-start}}
:root[data-theme="dark"] .bnk-s{background:rgba(255,255,255,.05)}:root[data-theme="dark"] .atm-fin{background:rgba(255,255,255,.04)}
.bk2{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;margin-inline-end:3px;background:#f1f5f9;filter:grayscale(1);opacity:.55}.bk2.ok{background:#dcfce7;filter:none;opacity:1}
.bnk-al{background:linear-gradient(135deg,#fffbeb,#fff)!important;border-color:#fde68a!important}.bnk-al b{color:#b45309!important}
/* بایگانی */
.arch-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}@media (max-width:760px){.arch-g{grid-template-columns:minmax(0,1fr)}}
.arc{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.45));border:1px solid var(--line)}
.arc-i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#fee2e2}.arc-t{flex:1;min-width:0}.arc-t b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arc-t small{font-size:11px;color:var(--muted)}
.arch .empty{grid-column:1/-1}
/* ثبت سریع مشتری */
.qc{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-2px 0 6px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 10%,var(--panel)),var(--panel));border:1px dashed color-mix(in srgb,var(--acc) 45%,transparent);animation:riseB .35s var(--ease-o) both}
.qc-i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 15%,#fff);font-size:17px}.qc-t{flex:1;min-width:160px}.qc-t b{display:block;font-size:12.5px}.qc-t small{font-size:11px;color:var(--muted)}
.qc-f{flex:1 1 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:640px){.qc-f{grid-template-columns:repeat(2,minmax(0,1fr))}}
.qc .bar{flex:1 1 100%}.qc-e{color:var(--bad);font-size:12px;font-weight:700}
/* دفتر تحویل */
.dk-tb{flex-wrap:wrap;gap:8px}.dk-q{max-width:280px;padding:8px 12px}
.dk-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}@media (max-width:900px){.dk-g{grid-template-columns:minmax(0,1fr)}}
.dk{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 12px 24px -20px rgba(15,23,42,.45);border-inline-start:4px solid #f59e0b;animation:riseB .4s var(--ease-o) both}
.dk.late{border-inline-start-color:#ef4444}.dk.done{border-inline-start-color:#16a34a;opacity:.92}
.dk-i{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:linear-gradient(160deg,#fff,#f1f5f9);box-shadow:inset 0 1px 0 #fff,0 4px 0 #e2e8f0}
.dk-b{flex:1;min-width:0}.dk-h{display:flex;align-items:center;gap:8px;justify-content:space-between}.dk-h b{font-size:14px}.dk-c{display:block;font-weight:700;color:var(--ink);margin-top:2px}
.dk-m{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:11.5px;color:var(--muted)}.dk-m b.bad{color:var(--bad)}.sms-ok{color:var(--good);font-weight:700}.sms-no{color:#b45309}
.dk-a{display:flex;flex-direction:column;gap:6px;align-items:stretch}
@media (max-width:560px){.dk{flex-wrap:wrap}.dk-a{flex-direction:row;flex:1 1 100%}}
:root[data-theme="dark"] .dk,:root[data-theme="dark"] .arc{background:rgba(255,255,255,.05);box-shadow:none;border-color:var(--line)}
.atm-term b{display:inline!important}.atm-term{display:inline-flex;align-items:center;gap:4px}
.bn i{width:auto;min-width:20px;padding:0 4px;border-radius:9px}
.atmdlg.v2 .atm-hd{position:sticky;top:0;z-index:3}

/* ================= فرم پول‌گذاری نسخه ۳ ================= */
html body .dlg.atmdlg.v3{width:min(1320px,98vw)!important;max-width:none!important;padding:0;overflow:hidden;font-size:13px;background:#f4f6fb}
:root[data-theme="dark"] html body .dlg.atmdlg.v3,:root[data-theme="dark"] .dlg.atmdlg.v3{background:var(--panel)}
.a3-hd{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;gap:16px;padding:16px 20px 14px;color:#fff;background:linear-gradient(110deg,#0b1d4a,#1e3a8a);border-bottom:4px solid #e8b931}
.a3-t{flex:1;min-width:0}.a3-t h2{margin:0;font-size:22px;font-weight:900;color:#fff}.a3-t>small{display:block;font-size:12.5px;color:#cbd5e1;margin:2px 0 10px}
.a3-ch{display:flex;flex-wrap:wrap;gap:8px}.a3-ch label{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;border-radius:99px;background:rgba(255,255,255,.95);color:#334155;font-size:12.5px}
.a3-ch input{border:0;background:#eef2fb;border-radius:99px;padding:5px 10px;font:inherit;font-weight:800;color:#13275c;width:110px;text-align:center}.a3-ch label:nth-child(3) input{width:150px}
.a3-src{display:inline-flex;align-items:center;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.95);color:#13275c;font-size:12.5px;font-weight:700}
.a3-codes{display:flex;gap:10px}.a3-codes>div{min-width:110px;padding:8px 12px;border-radius:16px;border:2px solid #e8b931;background:rgba(255,255,255,.07);text-align:center}.a3-codes small{display:block;font-size:11.5px;color:#e2e8f0}.a3-codes b{font-size:24px;color:#e8b931;letter-spacing:.05em}
.a3-x{color:#fff!important}
@media (max-width:760px){.a3-hd{flex-wrap:wrap}.a3-codes{order:-1;width:100%}.a3-codes>div{flex:1}.a3-ch input{width:96px}}
.a3-b{padding:14px 18px!important;max-height:calc(94vh - 220px);overflow:auto}
.a3-tool{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.a3-tip{flex:1;min-width:200px;font-size:11.5px}
.a3-main{display:flex;gap:14px;align-items:flex-start}.a3-panels{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.a3-panels{grid-template-columns:minmax(0,1fr)}}
.ap{background:#fff;border:1px solid #dbe3f0;border-radius:20px;overflow:hidden;box-shadow:0 16px 30px -26px rgba(19,39,92,.6);animation:riseB .45s var(--ease-o) both}
:root[data-theme="dark"] .ap{background:rgba(255,255,255,.04);border-color:var(--line)}
.ap-h{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#fff;background:linear-gradient(90deg,#13275c,#1e40af)}.ap-h b{font-size:15px}
.ap-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8b931;color:#13275c;font-weight:900;box-shadow:0 0 0 3px rgba(232,185,49,.25)}
.ap table{width:100%;border-collapse:collapse;font-size:12.5px}
.ap thead th{background:#eef2fb;color:#334155;font-weight:700;padding:9px 4px;font-size:11.5px;text-align:center}
.ap td,.ap tbody th{padding:6px 4px;text-align:center;border-bottom:1px solid #f1f4f9;vertical-align:middle}
:root[data-theme="dark"] .ap thead th{background:rgba(255,255,255,.06);color:var(--ink)}
.dnc{background:transparent}.dnc b{display:block;margin:0 auto;padding:6px 4px;border-radius:10px;background:var(--bg);color:#13275c;font-size:13.5px;font-weight:900;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}.dnc small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px;font-weight:500}
.ap .atm-in{max-width:none;width:100%;min-width:56px;padding:7px 4px;font-size:14px;border-radius:10px;background:#f8fafc}
.ap .atm-in.bad{border-color:var(--bad);background:#fef2f2}
.ap td small{display:block;min-height:12px;font-size:10px;color:#0369a1;font-weight:700}.ap td small.err{color:var(--bad)}
.ap td.am{font-weight:800;color:#13275c;font-size:13px;white-space:nowrap}.ap td.cnt{font-weight:800;font-size:14px}
.ap tfoot th,.ap tfoot td{background:#fdf3d0;color:#13275c;font-weight:900;padding:9px 4px;font-size:13px;text-align:center}
.ap-f{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 14px;font-size:12px;color:#334155;border-top:1px solid #eef2fb}.ap-f b{color:#13275c}
.ap.p3 td.am{color:#1d4ed8}
/* ماشین‌حساب */
.a3-cal{flex:none;width:270px;padding:12px;border-radius:20px;background:linear-gradient(170deg,#0f172a,#1e293b);color:#fff;box-shadow:0 20px 40px -24px #0f172a;position:sticky;top:0;animation:riseB .3s var(--ease-o) both}
@media (max-width:900px){.a3-main{flex-direction:column}.a3-cal{width:100%;position:static}}
.cal-d{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);text-align:left;margin-bottom:10px;direction:ltr}.cal-e{font-size:14px;color:#94a3b8;min-height:18px;word-break:break-all}.cal-r{font-size:26px;font-weight:800;color:#fde68a}.cal-w{direction:rtl;text-align:right;font-size:11px;color:#cbd5e1;min-height:14px}.cal-x{direction:rtl;text-align:right;font-size:11px;color:#7dd3fc}
.cal-k{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;direction:ltr}.ck{height:42px;border:0;border-radius:12px;font:inherit;font-size:17px;font-weight:700;color:#fff;background:rgba(255,255,255,.09);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:transform .1s}.ck:active{transform:scale(.94)}
.ck.op{background:rgba(56,189,248,.18);color:#7dd3fc}.ck.fn{background:rgba(248,113,113,.18);color:#fca5a5}.ck.eq{background:linear-gradient(135deg,#e8b931,#f59e0b);color:#13275c}
.cal-q{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.cal-q .chip{color:#e2e8f0;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-size:11px;padding:3px 8px}
.cal-ins{width:100%;justify-content:center}
.cal-h{margin-top:8px;display:flex;flex-direction:column;gap:3px}.cal-h small{font-size:10.5px;color:#94a3b8}.cal-h button{display:flex;justify-content:space-between;gap:6px;padding:5px 8px;border:0;border-radius:8px;background:rgba(255,255,255,.05);color:#cbd5e1;font:inherit;font-size:11.5px;cursor:pointer;direction:ltr}.cal-h b{color:#fde68a}
/* کارت‌ها */
.a3-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}@media (max-width:900px){.a3-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.a3-cards{grid-template-columns:minmax(0,1fr)}}
.ac{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:20px;background:#fffbeb;border:1.5px solid #f3d27a}.ac small{font-size:12px;color:#334155;font-weight:700}.ac b{font-size:20px;font-weight:900;color:#13275c}.ac em{font-style:normal;font-size:11.5px;color:var(--muted)}
.ac.dark{background:linear-gradient(135deg,#0b1d4a,#2563eb);border:2px solid #e8b931;color:#fff;box-shadow:0 18px 34px -20px #1e3a8a}.ac.dark small{color:#e2e8f0}.ac.dark b{color:#e8b931;font-size:24px}.ac.dark em,.ac-w{color:#cbd5e1;font-size:11px}
.ac-s{margin-top:6px;padding:6px 8px;border-radius:10px;border:0;font:inherit;font-size:11.5px;font-weight:800;text-align:right;cursor:pointer}.ac-s.on{background:#dcfce7;color:#15803d}.ac-s.off{background:#fee2e2;color:#b91c1c;animation:bkPulse 2.4s infinite}.ac-s.na{background:#f1f5f9;color:#94a3b8;cursor:default}
.ac-ref{margin-top:4px;padding:5px 8px;border-radius:9px;border:1px solid #f3d27a;background:#fff;font:inherit;font-size:12px}
:root[data-theme="dark"] .ac:not(.dark){background:rgba(232,185,49,.08)}
/* چک‌لیست */
.a3-chk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media (max-width:900px){.a3-chk{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cp{display:flex;align-items:center;gap:8px;padding:12px;border-radius:16px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:12.5px;font-weight:700;color:var(--muted);text-align:right;cursor:pointer;transition:all .25s}.cp i{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:13px;color:transparent;border:1.5px solid #cbd5e1;transition:all .25s}
.cp[aria-pressed="true"]{background:#ecfdf5;border-color:#86efac;color:#15803d}.cp[aria-pressed="true"] i{background:#16a34a;border-color:#16a34a;color:#fff;transform:scale(1.08)}
.cp-all{grid-column:1/-1;padding:10px 14px;border-radius:14px;background:#fff7ed;border:1.5px solid #fed7aa;color:#c2410c;font-weight:800;font-size:13px}.cp-all.ok{background:#ecfdf5;border-color:#86efac;color:#15803d}
.a3-more{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.a3-more .fl{flex:1;min-width:200px}
.a3-cal{animation:none}

/* ===== [03] customer-smart-assistant-style ===== */
.cust-ai-panel{margin:0 0 14px;padding:15px 17px;border:1px solid #cfe1ef;border-radius:18px;background:linear-gradient(125deg,rgba(18,124,143,.09),rgba(95,119,221,.07) 55%,rgba(255,255,255,.9));box-shadow:0 8px 22px rgba(25,52,91,.055)}
.cust-ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cust-ai-title{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--ink)}.cust-ai-orb{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;color:white;background:linear-gradient(135deg,#147d8c,#5369c8);box-shadow:0 5px 13px #147d8c33}.cust-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cust-ai-metric{border:1px solid var(--line);border-radius:13px;padding:10px 12px;background:rgba(255,255,255,.7);display:flex;align-items:center;gap:10px;min-width:0}.cust-ai-metric b{font-size:20px;color:var(--ink);display:block}.cust-ai-metric small{display:block;color:var(--muted);line-height:1.5}.cust-ai-metric button{margin-inline-start:auto;white-space:nowrap}.cust-ai-note{font-size:12px;color:var(--muted);line-height:1.8;margin:9px 0 0}.cust-ai-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.cust-ai-row:last-child{border-bottom:0}.cust-ai-fields{display:flex;gap:5px;flex-wrap:wrap}.cust-ai-fields .pill{font-size:11px}.cust-ai-profile{margin:0 0 12px;border:1px solid #d4e2f1;border-radius:14px;padding:12px 14px;background:linear-gradient(120deg,rgba(18,124,143,.08),rgba(255,255,255,.9))}.cust-ai-profile p{margin:5px 0 10px;color:var(--muted);font-size:12px;line-height:1.7}
@media(max-width:850px){.cust-ai-grid{grid-template-columns:1fr}.cust-ai-head{align-items:flex-start;flex-direction:column}.cust-ai-metric button{white-space:normal}}

/* ===== [04] core ===== */
.sharepop{width:min(420px,calc(100vw - 22px))!important}
.mbar.big{grid-template-columns:repeat(3,minmax(84px,1fr));gap:10px;justify-content:center}
.mbar.big .mb{flex-direction:column;gap:7px;padding:8px 5px 10px;border-radius:18px;font-size:11.5px;min-height:84px;justify-content:center}
.mbar.big .mb-i{width:34px;height:34px;border-radius:50%}
.mbar.big .mb-i svg{width:17px;height:17px}
.mbar.big .mi-t{font-size:15px}
.mbar.big .mb-n{font-size:11.2px;line-height:1.25;text-align:center}
.acc-merge{margin:0 0 14px}.acc-merge .am-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.acc-merge .am-k{padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 84%,var(--bg)));box-shadow:var(--shadow)}
.acc-merge .am-k small{display:block;color:var(--muted);margin-bottom:4px}.acc-merge .am-k b{font-size:22px;line-height:1.2}.acc-merge .am-k span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.acc-merge .am-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.acc-merge .am-note{font-size:12.5px;color:var(--muted);margin:10px 0 0}.acc-merge .am-list{display:flex;flex-direction:column;gap:8px}
.acc-merge .am-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 92%,var(--bg))}
.acc-merge .am-row b{display:block}.acc-merge .am-row small{color:var(--muted)}.acc-merge .am-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:rgba(20,184,166,.12);color:#0f766e;font-size:11.5px;font-weight:700}
.cust-sar-box{margin:0 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(20,184,166,.09),rgba(59,130,246,.08))}
.cust-sar-box h3{margin:0 0 6px;font-size:15px}.cust-sar-box p{margin:0 0 10px;color:var(--muted);font-size:12.5px;line-height:1.8}.cust-sar-box .sar-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.cust-sar-box .sar-meta .pill{font-size:11.5px}
@media (max-width:900px){.acc-merge .am-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.acc-merge .am-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.mbar.big{grid-template-columns:repeat(2,minmax(84px,1fr))}.acc-merge .am-kpis{grid-template-columns:minmax(0,1fr)}}

/* ===== [05] core ===== */
html body .dlg.atmdlg.v3{width:min(1080px,95vw)!important;max-height:min(860px,92vh)!important;border-radius:24px!important;overflow:hidden!important}
.atmdlg.v3 .a3-hd{padding:10px 14px!important;min-height:auto!important}.atmdlg.v3 .a3-t h2{font-size:17px!important;line-height:1.35}.atmdlg.v3 .a3-t small{font-size:11px!important}
.atmdlg.v3 .a3-ch{gap:8px!important;margin-top:6px!important}.atmdlg.v3 .a3-ch label{gap:4px!important;font-size:11.5px!important}.atmdlg.v3 .a3-ch input{height:32px!important;padding:4px 8px!important;font-size:12.5px!important;border-radius:9px!important}
.atmdlg.v3 .a3-src{padding:6px 10px!important;font-size:11.5px!important;border-radius:999px!important}.atmdlg.v3 .a3-codes{gap:10px!important}.atmdlg.v3 .a3-codes>div{padding:8px 10px!important;border-radius:14px!important;min-width:90px!important}.atmdlg.v3 .a3-codes b{font-size:15px!important}
.atmdlg.v3 .dlg-b.a3-b{padding:10px 12px 12px!important;overflow:auto!important}
.atmdlg.v3 .a3-tool{padding:8px 10px!important;gap:8px!important;border-radius:14px!important}.atmdlg.v3 .a3-tip{display:none!important}.atmdlg.v3 .a3-tool .btn{padding:8px 10px!important;font-size:11.5px!important}
.atmdlg.v3 .a3-main{gap:8px!important}.atmdlg.v3 .a3-panels{gap:8px!important}.atmdlg.v3 .ap{border-radius:14px!important}.atmdlg.v3 .ap .ap-h{padding:8px 10px!important;min-height:auto!important}.atmdlg.v3 .ap .ap-h b{font-size:14px!important}.atmdlg.v3 .ap .ap-n{width:26px!important;height:26px!important;font-size:13px!important}
.atmdlg.v3 .ap table{font-size:12px!important}.atmdlg.v3 .ap th,.atmdlg.v3 .ap td{padding:4px 3px!important}.atmdlg.v3 .ap thead th{font-size:11.5px!important}
.atmdlg.v3 .ap .dnc b,.atmdlg.v3 .ap .dnc small{line-height:1.2}.atmdlg.v3 .ap .dnc b{font-size:11.5px!important}.atmdlg.v3 .ap .dnc small{font-size:9px!important}
.atmdlg.v3 .ap .atm-in{width:56px!important;max-width:56px!important;height:29px!important;padding:3px 2px!important;font-size:12px!important;border-radius:8px!important}.atmdlg.v3 .ap td small{font-size:9px!important;min-height:10px!important}
.atmdlg.v3 .ap .am,.atmdlg.v3 .ap .cnt{font-size:12px!important}.atmdlg.v3 .ap .ap-f{padding:7px 10px!important;font-size:11px!important}
.atmdlg.v3 .a3-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important}.atmdlg.v3 .ac{padding:10px 10px 9px!important;border-radius:14px!important;min-height:104px!important}.atmdlg.v3 .ac small{font-size:10.8px!important}.atmdlg.v3 .ac b{font-size:17px!important;line-height:1.25!important}.atmdlg.v3 .ac em,.atmdlg.v3 .ac .ac-w{font-size:10.5px!important;line-height:1.45!important}.atmdlg.v3 .ac .ac-ref{height:31px!important;padding:4px 8px!important;font-size:12px!important;border-radius:9px!important;margin-top:5px!important}.atmdlg.v3 .ac-s{min-height:31px!important;padding:5px 8px!important;font-size:11px!important;border-radius:10px!important;margin-top:5px!important}
.atmdlg.v3 .a3-chk{gap:8px!important;margin-top:8px!important}.atmdlg.v3 .cp{min-height:36px!important;padding:7px 10px!important;border-radius:12px!important;font-size:11.5px!important}.atmdlg.v3 .cp i{width:16px!important;height:16px!important;font-size:11px!important}.atmdlg.v3 .cp-all{padding:8px 10px!important;font-size:11.5px!important;border-radius:12px!important}
.atmdlg.v3 .a3-more{gap:8px!important;margin-top:8px!important;padding:8px 10px!important;border-radius:14px!important}.atmdlg.v3 .a3-more .fl{font-size:11.5px!important}.atmdlg.v3 .a3-more .field{height:33px!important;padding:5px 9px!important;font-size:12.5px!important;border-radius:10px!important}
.atmdlg.v3 .a3-sign{gap:8px!important;margin-top:8px!important}.atmdlg.v3 .a3-sign>div{min-height:78px!important;padding:10px 12px!important;border-radius:14px!important}.atmdlg.v3 .a3-sign b{font-size:12px!important}.atmdlg.v3 .a3-sign small{font-size:10px!important}.atmdlg.v3 .a3-sign span{margin:16px 0 10px!important}
.atmdlg.v3 .atm-warn{margin-top:6px!important;font-size:11px!important;line-height:1.6!important;padding:0 10px!important}.atmdlg.v3 .atm-warn:not(:empty){padding:8px 10px!important}
.atmdlg.v3 .dlg-f{padding:9px 12px!important;gap:8px!important;position:sticky!important;bottom:0!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.98))!important;backdrop-filter:blur(8px)!important;border-top:1px solid #dde6f0!important}.atmdlg.v3 .dlg-f .btn{padding:9px 12px!important;font-size:12px!important;border-radius:12px!important;min-height:38px!important}
.atmdlg.v3 .segc button{height:31px!important;padding:0 10px!important;font-size:11.5px!important;border-radius:999px!important}
.atmdlg.v3 [data-close].a3-x{width:34px!important;height:34px!important;border-radius:12px!important}
@media (max-width:1180px){html body .dlg.atmdlg.v3{width:min(1000px,96vw)!important}.atmdlg.v3 .a3-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:780px){html body .dlg.atmdlg.v3{width:min(98vw,760px)!important;max-height:94vh!important}.atmdlg.v3 .a3-cards{grid-template-columns:minmax(0,1fr)!important}.atmdlg.v3 .a3-ch{grid-template-columns:1fr 1fr!important}.atmdlg.v3 .a3-sign{grid-template-columns:1fr!important}}

/* ===== [06] core ===== */
.acc-merge{border-color:#d5e2f0!important}.acc-merge .box-h{align-items:center;gap:10px;flex-wrap:wrap}.acc-merge .box-h h2{font-size:15px}.acc-merge .am-k{border-radius:13px!important;padding:10px 12px!important}.acc-merge .am-k b{font-size:20px!important}.acc-merge .am-row{border-radius:12px!important;padding:8px 10px!important}.acc-merge .opi{padding-inline-start:20px}.acc-merge .opi li{margin:6px 0;line-height:1.7}
@media(max-width:650px){.acc-merge .box-h .bar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.acc-merge .box-h .bar button:last-child{grid-column:1/-1}}

/* ===== [07] core ===== */
html body .dlg.atmdlg.v3{width:min(1320px,98vw)!important;max-height:94vh!important;border-radius:22px!important}
.atmdlg.v3 .a3-hd{padding:8px 18px!important;background:linear-gradient(100deg,#f8fbff,#e9f1f8)!important;color:#16335a!important;border-bottom:1px solid #d5e1ee!important}
.atmdlg.v3 .a3-t h2{font-size:16px!important;color:#16335a!important}.atmdlg.v3 .a3-t small{color:#63758a!important}
.atmdlg.v3 .a3-b{padding:8px 12px!important}.atmdlg.v3 .a3-tool{padding:6px 9px!important;margin-bottom:7px!important;background:#f8fafc!important;border-color:#dce6f0!important}
.atmdlg.v3 .a3-main{gap:7px!important}.atmdlg.v3 .a3-panels{gap:7px!important}
.atmdlg.v3 .ap .ap-h{padding:6px 9px!important;background:linear-gradient(90deg,#edf3f9,#e3edf7)!important;color:#17345d!important}
.atmdlg.v3 .ap .ap-h b{font-size:13px!important}.atmdlg.v3 .ap .ap-n{width:24px!important;height:24px!important;background:#d5e4f2!important;color:#17345d!important}
.atmdlg.v3 .ap th,.atmdlg.v3 .ap td{padding:3px 3px!important}.atmdlg.v3 .ap .atm-in{height:26px!important;width:51px!important;max-width:51px!important;padding:2px!important;font-size:11.5px!important}
.atmdlg.v3 .a3-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-top:7px!important}
.atmdlg.v3 .ac{min-height:88px!important;padding:8px 9px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 7px rgba(30,55,80,.045)!important}
.atmdlg.v3 .ac b{font-size:16px!important}.atmdlg.v3 .ac small{font-size:10.3px!important}.atmdlg.v3 .ac .ac-ref{height:27px!important;margin-top:4px!important;font-size:11px!important}
.atmdlg.v3 .a3-chk{gap:6px!important;margin-top:7px!important}.atmdlg.v3 .cp{min-height:31px!important;padding:5px 8px!important;font-size:10.8px!important}
.atmdlg.v3 .a3-more{padding:6px 8px!important;margin-top:7px!important}.atmdlg.v3 .a3-more .field{height:29px!important}
.atmdlg.v3 .a3-sign{gap:7px!important;margin-top:7px!important}.atmdlg.v3 .a3-sign>div{min-height:64px!important;padding:7px 10px!important}.atmdlg.v3 .a3-sign span{margin:10px 0 6px!important}
.atmdlg.v3 .dlg-f{padding:7px 12px!important;background:#f8fafc!important;border-top:1px solid #dce6f0!important}.atmdlg.v3 .dlg-f .btn{min-height:34px!important;padding:7px 11px!important}
@media(max-width:1000px){html body .dlg.atmdlg.v3{width:98vw!important}.atmdlg.v3 .a3-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-height:800px){html body .dlg.atmdlg.v3{max-height:96vh!important}.atmdlg.v3 .a3-hd{padding:6px 14px!important}.atmdlg.v3 .a3-sign>div{min-height:54px!important}}

/* ===== [08] core ===== */
/* ATM form: clear contrast, vivid controls, readable numeric values */
html body .dlg.atmdlg.v3{background:#f3f6fb!important;color:#152640!important;border:1px solid #c4d2e4!important;box-shadow:0 24px 80px rgba(13,35,70,.28)!important}
.atmdlg.v3 .a3-hd{background:linear-gradient(112deg,#10264f 0%,#183c75 68%,#087e8b 100%)!important;color:#fff!important;border-bottom:3px solid #f0bd3e!important}
.atmdlg.v3 .a3-t h2{color:#fff!important;font-size:18px!important;font-weight:850!important;letter-spacing:0!important}
.atmdlg.v3 .a3-t small{color:#d9e8fb!important;font-weight:600!important}
.atmdlg.v3 .a3-ch label{color:#16345c!important;font-weight:800!important}
.atmdlg.v3 .a3-ch input{background:#fff!important;color:#102c55!important;border:1.5px solid #7fa4d2!important;box-shadow:inset 0 1px 2px rgba(20,50,90,.07)!important;font-weight:800!important}
.atmdlg.v3 .a3-ch input:focus,.atmdlg.v3 .a3-more .field:focus,.atmdlg.v3 .ac-ref:focus{outline:3px solid rgba(8,126,139,.2)!important;border-color:#087e8b!important}
.atmdlg.v3 .a3-src{background:#fff!important;color:#173963!important;border:1px solid #a9c2df!important;font-weight:800!important}
.atmdlg.v3 .a3-codes>div{background:rgba(255,255,255,.12)!important;border:1px solid #e4bd52!important;box-shadow:none!important}
.atmdlg.v3 .a3-codes small{color:#dce9f8!important;font-weight:700!important}
.atmdlg.v3 .a3-codes b{color:#ffd45a!important;font-size:17px!important;font-weight:900!important}
.atmdlg.v3 .a3-tool{background:#e8eff8!important;border:1px solid #c6d5e8!important;color:#18365e!important}
.atmdlg.v3 .segc{background:#d7e3f2!important;border:1px solid #a9bfdc!important;padding:3px!important;border-radius:12px!important}
.atmdlg.v3 .segc button{background:transparent!important;color:#23436b!important;font-weight:800!important}
.atmdlg.v3 .segc button[aria-pressed="true"]{background:#087e8b!important;color:#fff!important;box-shadow:0 2px 5px rgba(8,70,90,.22)!important}
.atmdlg.v3 .a3-tool .btn{background:#fff!important;color:#173963!important;border:1px solid #8ca9cb!important;font-weight:800!important}
.atmdlg.v3 .ap{background:#fff!important;border:1.5px solid #a9bfd9!important;box-shadow:0 3px 10px rgba(21,47,82,.08)!important;overflow:hidden!important}
.atmdlg.v3 .ap.p1{border-top:4px solid #087e8b!important}.atmdlg.v3 .ap.p2{border-top:4px solid #3977c4!important}.atmdlg.v3 .ap.p3{border-top:4px solid #d69b20!important}
.atmdlg.v3 .ap .ap-h{background:#e4edf8!important;color:#12335d!important;border-bottom:1px solid #b8cce3!important}
.atmdlg.v3 .ap.p1 .ap-h{background:#dceff0!important}.atmdlg.v3 .ap.p2 .ap-h{background:#e1ebfb!important}.atmdlg.v3 .ap.p3 .ap-h{background:#fff0ce!important}
.atmdlg.v3 .ap .ap-h b{color:#102e56!important;font-size:14px!important;font-weight:900!important}
.atmdlg.v3 .ap .ap-n{background:#12366c!important;color:#fff!important;border:2px solid #f0c24c!important;font-weight:900!important}
.atmdlg.v3 .ap th{background:#eaf0f8!important;color:#18375f!important;font-weight:850!important;border-bottom:1px solid #c6d5e7!important}
.atmdlg.v3 .ap td{background:#fff!important;color:#122d52!important;border-bottom:1px solid #e0e8f2!important;font-weight:700!important}
.atmdlg.v3 .ap tbody tr:nth-child(even) td{background:#f5f8fc!important}
.atmdlg.v3 .ap .dnc{background:#edf3fb!important;border-right:3px solid var(--c,#5d87bc)!important}
.atmdlg.v3 .ap .dnc b{color:#102c55!important;font-size:12px!important;font-weight:900!important}
.atmdlg.v3 .ap .dnc small{color:#536b88!important;font-size:9.5px!important;font-weight:700!important}
.atmdlg.v3 .ap .atm-in{background:#fff!important;color:#0c2850!important;border:1.5px solid #7397c4!important;border-radius:7px!important;box-shadow:inset 0 1px 2px rgba(10,35,70,.06)!important;font-weight:900!important;font-size:13px!important;text-align:center!important}
.atmdlg.v3 .ap .atm-in::placeholder{color:#8294aa!important;opacity:1!important}
.atmdlg.v3 .ap .atm-in:focus{outline:3px solid rgba(8,126,139,.2)!important;border-color:#087e8b!important;background:#f0ffff!important}
.atmdlg.v3 .ap .atm-in.bad{background:#fff0f0!important;border-color:#c62828!important;color:#9f1515!important}
.atmdlg.v3 .ap .am,.atmdlg.v3 .ap .cnt{color:#0b2d5c!important;font-size:12.5px!important;font-weight:900!important}
.atmdlg.v3 .ap tfoot th,.atmdlg.v3 .ap tfoot td{background:#fff0c2!important;color:#102b52!important;border-top:2px solid #d5a42d!important;font-weight:900!important}
.atmdlg.v3 .ap .ap-f{background:#f1f6fc!important;border-top:1px solid #c5d5e7!important;color:#2b496f!important;font-weight:800!important}
.atmdlg.v3 .ac{background:#fff!important;border:1.5px solid #c1d0e3!important;border-top:4px solid #4b83bd!important;box-shadow:0 3px 10px rgba(21,47,82,.07)!important}
.atmdlg.v3 .ac:nth-child(1){border-top-color:#087e8b!important}.atmdlg.v3 .ac:nth-child(2){border-top-color:#3679ca!important}.atmdlg.v3 .ac:nth-child(3){border-top-color:#0f8b68!important}
.atmdlg.v3 .ac small{color:#334e70!important;font-weight:850!important;font-size:11px!important}
.atmdlg.v3 .ac b{color:#102f5c!important;font-size:18px!important;font-weight:950!important;overflow-wrap:anywhere!important}
.atmdlg.v3 .ac em{color:#45617f!important;font-style:normal!important;font-weight:800!important}
.atmdlg.v3 .ac.dark{background:linear-gradient(145deg,#17396e,#22528e)!important;border:2px solid #d5a72c!important}
.atmdlg.v3 .ac.dark small{color:#e7effa!important}.atmdlg.v3 .ac.dark b{color:#ffd55c!important;font-size:19px!important}.atmdlg.v3 .ac.dark em,.atmdlg.v3 .ac.dark .ac-w{color:#e5efff!important}
.atmdlg.v3 .ac-ref{background:#fff!important;color:#102c55!important;border:1.5px solid #8aa9ce!important;font-weight:750!important}
.atmdlg.v3 .ac-s{font-weight:850!important;border:1px solid transparent!important}
.atmdlg.v3 .ac-s.on{background:#d9f7e8!important;color:#086344!important;border-color:#62c49a!important}
.atmdlg.v3 .ac-s.off{background:#fff0d9!important;color:#8a4b00!important;border-color:#e9b766!important}
.atmdlg.v3 .ac-s.na{background:#edf2f7!important;color:#53677f!important;border-color:#d0dce9!important}
.atmdlg.v3 .cp{background:#fff!important;color:#17385f!important;border:1px solid #c1d0e2!important;font-weight:800!important}
.atmdlg.v3 .cp[aria-pressed="true"]{background:#d9f7e8!important;color:#086344!important;border-color:#55b98b!important}
.atmdlg.v3 .cp i{background:#e5edf7!important;color:#244e7f!important;border:1px solid #b5c9e0!important}
.atmdlg.v3 .cp[aria-pressed="true"] i{background:#087e8b!important;color:#fff!important;border-color:#087e8b!important}
.atmdlg.v3 .cp-all{background:#fff0d9!important;color:#8a4b00!important;border:1px solid #e8bf7c!important;font-weight:850!important}
.atmdlg.v3 .cp-all.ok{background:#d9f7e8!important;color:#086344!important;border-color:#62c49a!important}
.atmdlg.v3 .a3-more{background:#f0f5fb!important;border:1px solid #d1deed!important}
.atmdlg.v3 .a3-more .fl{color:#203f67!important;font-weight:850!important}
.atmdlg.v3 .a3-more .field{background:#fff!important;color:#102c55!important;border:1.5px solid #8ba8cb!important;font-weight:750!important}
.atmdlg.v3 .a3-sign>div{background:#fff!important;border:1px solid #c6d5e7!important;border-top:3px solid #8aa8cb!important}
.atmdlg.v3 .a3-sign b{color:#17385f!important;font-weight:900!important}.atmdlg.v3 .a3-sign small{color:#5d718a!important;font-weight:700!important}
.atmdlg.v3 .a3-sign span{border-color:#7f9fc7!important}
.atmdlg.v3 .atm-warn{color:#15375f!important;font-weight:750!important}.atmdlg.v3 .atm-warn.ok{background:#e1f7ed!important;border:1px solid #70c9a0!important;color:#086344!important}.atmdlg.v3 .atm-warn.bad{background:#fff0f0!important;border:1px solid #e29a9a!important;color:#9b1c1c!important}
.atmdlg.v3 .dlg-f{background:#fff!important;border-top:1.5px solid #c7d5e6!important;box-shadow:0 -3px 12px rgba(20,45,80,.06)!important}
.atmdlg.v3 .dlg-f .btn{background:#edf3fa!important;color:#17375f!important;border:1px solid #9cb4d2!important;font-weight:850!important}
.atmdlg.v3 .dlg-f .btn.pri{background:linear-gradient(135deg,#087e8b,#05616d)!important;color:#fff!important;border:1px solid #064f5a!important;box-shadow:0 3px 8px rgba(8,126,139,.22)!important}
.atmdlg.v3 .dlg-f .btn[data-atm="savepdf"]{background:#fff!important;color:#17375f!important;border:1.5px solid #789bc4!important}
.atmdlg.v3 .dlg-f .btn.ghost{background:#fff!important;color:#3d536f!important}
/* Quick-add customer form: legible and compact birth field */
.qc .qc-f{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:10px!important}
.qc .qc-f .fl{display:flex!important;flex-direction:column!important;gap:5px!important;color:#17375f!important;font-weight:800!important;font-size:12px!important}
.qc .qc-f .field{min-width:0!important;width:100%!important;box-sizing:border-box!important;height:36px!important;background:#fff!important;color:#102c55!important;border:1.5px solid #91aac9!important;border-radius:9px!important;padding:6px 9px!important;font-size:12.5px!important;font-weight:700!important}
.qc .qc-f .field:focus{outline:3px solid rgba(8,126,139,.16)!important;border-color:#087e8b!important}
.qc .qc-f .hint{font-size:10.5px!important;color:#58708d!important;line-height:1.4!important;font-weight:500!important}
.qc .qc-e{color:#a11!important;font-weight:800!important}.qc [data-qc="save"]{background:#087e8b!important;color:#fff!important;border-color:#05616d!important;font-weight:850!important}
@media(max-width:720px){.qc .qc-f{grid-template-columns:1fr!important}}

/* ===== [09] p3d-release-100 ===== */
:root{--p3d-navy:#17345d;--p3d-teal:#087f8c;--p3d-line:#d9e3ef}
/* Version stamp in the existing status footer */
#status .build-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--p3d-line);border-radius:999px;background:rgba(255,255,255,.7);color:#52647d;font-size:10px;white-space:nowrap;direction:ltr}
#status .build-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0f9a84}
/* Downtime chart compact: retain the insight without wasting a full screen */
.atmviz>.box:last-child{max-width:620px;margin-inline-start:auto;margin-top:8px}
.atmviz>.box:last-child .box-h{padding:8px 12px;min-height:0}
.atmviz>.box:last-child .box-h h2{font-size:13px}
.atmviz>.box:last-child .box-b{padding:8px 12px!important;max-height:145px;overflow:hidden}
.atmviz>.box:last-child svg{max-height:100px!important;height:100px!important}
.atmviz>.box:last-child .chart,.atmviz>.box:last-child .viz{min-height:0!important;height:auto!important}
/* Unified accounts page */
.uacc-page{display:flex;flex-direction:column;gap:12px}
.uacc-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #d8e4f1;border-radius:18px;background:linear-gradient(110deg,#f8fbff,#eaf5f8);color:#18345b}
.uacc-hero h1{margin:0;font-size:20px;color:#18345b}.uacc-hero .sub{margin-top:4px;color:#667b95;font-size:11.5px}
.uacc-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.uacc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.uacc-kpi{padding:12px 13px;border:1px solid #dce5ef;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(23,52,93,.035);min-width:0}
.uacc-kpi small{display:block;font-size:11px;color:#667b95}.uacc-kpi b{display:block;margin:5px 0 3px;font-size:23px;line-height:1.2;color:#17345d}.uacc-kpi span{display:block;font-size:10.5px;color:#72839a}
.uacc-progress{height:7px;border-radius:999px;background:#e8eef5;overflow:hidden;margin-top:7px}.uacc-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0e8d99,#36b59b)}
.uacc-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:12px}
.uacc-card{border:1px solid #dce5ef;border-radius:17px;background:#fff;overflow:hidden;min-width:0}
.uacc-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-bottom:1px solid #e5ebf2;background:#f8fafc}.uacc-card-h h2{margin:0;font-size:14px;color:#1b385f}.uacc-card-b{padding:12px 14px}
.uacc-goal{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.uacc-goal input{width:90px;height:34px;border:1px solid #cad8e8;border-radius:9px;padding:5px 8px;background:#fff;color:#17345d;font-weight:700}
.uacc-insights{margin:0;padding-inline-start:19px;line-height:1.9;font-size:12px;color:#465c77}.uacc-insights li+li{margin-top:4px}.uacc-insights b{color:#17345d}
.uacc-typegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.uacc-type{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #e1e8f0;border-radius:11px;background:#fbfcfe;font-size:11.5px}.uacc-type b{color:#17345d}
.uacc-filters{display:flex;gap:6px;flex-wrap:wrap}.uacc-filters .chip{font-size:11px;min-height:29px;padding:4px 9px}
.uacc-table-wrap{max-height:420px;overflow:auto}.uacc-table{width:100%;border-collapse:collapse;font-size:11.5px}.uacc-table th,.uacc-table td{padding:8px 10px;border-bottom:1px solid #edf1f6;text-align:right;white-space:nowrap}.uacc-table th{position:sticky;top:0;background:#f4f7fb;color:#405875;z-index:1}.uacc-table tr:hover td{background:#f8fbff}.uacc-tag{display:inline-flex;border-radius:999px;padding:3px 8px;background:#eaf6f6;color:#087b83;font-size:10.5px}
.uacc-note{padding:9px 12px;border:1px solid #d8e9e8;border-radius:12px;background:#f1fbf9;color:#3c6570;font-size:11px;line-height:1.7}
/* Practical contextual AI assistant inside ATM cash-loading form */
.atm-ai{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;margin:8px 0 10px;border:1px solid #b9dfe3;border-radius:15px;background:linear-gradient(105deg,#f1fbfc,#f7faff);color:#1c385d}
.atm-ai-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#087f8c;color:#fff;font-size:17px;font-weight:900}
.atm-ai h3{font-size:12.5px;margin:0 0 3px;color:#163a61}.atm-ai p{font-size:11px;line-height:1.65;margin:0;color:#526982}.atm-ai-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.atm-ai-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid #d8e4ee;border-radius:999px;padding:3px 7px;background:#fff;color:#526982;font-size:10px}.atm-ai-chip.good{border-color:#b6e4d0;background:#effbf5;color:#16734d}.atm-ai-chip.warn{border-color:#f4d29b;background:#fff8e9;color:#9a5a06}.atm-ai-chip.bad{border-color:#efb5b5;background:#fff1f1;color:#a22a2a}.atm-ai-actions{display:flex;flex-direction:column;gap:5px}.atm-ai-actions .btn{min-height:28px;padding:4px 8px;font-size:10.5px;white-space:nowrap}
.atm-ai-detail{margin-top:5px;font-size:10.5px;color:#61758c;line-height:1.65}
@media(max-width:900px){.uacc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.uacc-grid{grid-template-columns:1fr}.atm-ai{grid-template-columns:auto minmax(0,1fr)}.atm-ai-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}}
@media(max-width:560px){.uacc-hero{align-items:flex-start;flex-direction:column}.uacc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.uacc-kpi b{font-size:19px}.uacc-typegrid{grid-template-columns:1fr}.atm-ai{grid-template-columns:auto minmax(0,1fr)}.atm-ai-icon{width:28px;height:28px}.atm-ai-actions{grid-column:1/-1;flex-direction:row}}
@media print{#status .build-tag{border:0;background:transparent}.uacc-hero,.uacc-kpi,.uacc-card{box-shadow:none}}

/* ===== [10] pos-smart-update-v101 ===== */
.posx .pos-ai-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 14px;margin:0 0 12px;border:1px solid #b8d8f5;border-radius:14px;background:linear-gradient(100deg,#f7fbff,#eef7ff);color:#18365d;font-size:12px}.posx .pos-ai-note b{white-space:nowrap;color:#164b83}.posx .pos-ai-note span:nth-child(2){flex:1;min-width:220px;line-height:1.8}.posx .pos-due{font-weight:700;color:#0f766e;white-space:nowrap}.posx .pos-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:150px}.posx .pos-actions .btn{white-space:nowrap}.posx .pos-t td{vertical-align:middle}.posx .pos-t td small{margin-top:3px}.posx .pos-overdue{color:#b91c1c;background:#fff1f2;border-radius:6px;padding:3px 5px;font-weight:700}.posdlg{max-width:560px}.posdlg .dlg-b{line-height:1.8}.posx .pos-k>div{min-height:98px}@media(max-width:850px){.posx .pos-ai-note{align-items:flex-start}.posx .pos-t{min-width:900px}.posx .tw{overflow:auto}}

/* ===== [11] p3d-ui-polish-v102 ===== */
:root{
  --p3d-card-bg:#ffffff;
  --p3d-card-bg-2:#fbfdff;
  --p3d-border:#dbe4ef;
  --p3d-border-2:#e9eff6;
  --p3d-ink:#18314f;
  --p3d-sub:#65758a;
  --p3d-accent:#147b87;
  --p3d-accent-2:#1d5fa8;
  --p3d-soft:#f4f8fc;
  --p3d-shadow:0 10px 30px rgba(15,23,42,.06);
  --p3d-shadow-2:0 18px 40px rgba(15,23,42,.08);
}
html body{background:linear-gradient(180deg,#f7fbfe 0%,#f2f7fb 100%)!important;}
html body .side,html body .topbar,html body .status,html body .box,html body .kpi,html body .dlg,html body .coach,html body .tw,html body .tile2,html body .gcard,html body .ins,html body .uacc-card,html body .acc-merge,html body .login-card,html body .pop,html body .pal,html body .colk,html body .lsteps{background:linear-gradient(180deg,var(--p3d-card-bg),var(--p3d-card-bg-2))!important;border:1px solid var(--p3d-border)!important;box-shadow:var(--p3d-shadow)!important;border-radius:18px!important}
html body .side{border-radius:22px!important;overflow:hidden}
html body .brand{padding:14px 14px 10px!important;border-bottom:1px solid var(--p3d-border-2)!important;background:linear-gradient(180deg,#f9fcff,#f4f8fc)!important}
html body .modules{padding:10px 8px 14px!important;gap:6px!important}
html body .mod,html body .mb,html body .mnav .mb{border-radius:15px!important;min-height:44px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}
html body .mod:hover,html body .mb:hover{background:#f4f8fc!important;border-color:var(--p3d-border)!important}
html body .mod[aria-current="true"],html body .mod.active,html body .mb[aria-current="true"],html body .mb.active{background:linear-gradient(180deg,#eef7fb,#eaf3ff)!important;border-color:#c7dff1!important;box-shadow:0 8px 20px rgba(20,123,135,.08)!important}
html body .mod .mi-t,html body .mb .mi-t{color:var(--p3d-ink)!important;font-weight:700!important}
html body .topbar{padding:6px 8px!important}
html body .cmd{border-radius:14px!important;border:1px solid var(--p3d-border)!important;background:#fff!important;box-shadow:none!important}
html body .tabs{padding:4px 6px 0!important;gap:6px!important}
html body .tab{border-radius:13px 13px 0 0!important;padding:8px 14px!important}
html body .tab[aria-selected="true"]{background:#fff!important;border:1px solid var(--p3d-border)!important;border-bottom-color:#fff!important;box-shadow:0 2px 10px rgba(15,23,42,.05)!important;color:var(--p3d-ink)!important}
html body .box-h,html body .uacc-card-h{padding:12px 16px!important;border-bottom:1px solid var(--p3d-border-2)!important;background:linear-gradient(180deg,#fcfdff,#f5f8fc)!important}
html body .box-h h2,html body .uacc-card-h h2,html body .ph h1,html body .atmph h1{color:var(--p3d-ink)!important;letter-spacing:-.2px!important}
html body .box-b,html body .uacc-card-b{padding:14px 16px!important}
html body .sub,html body small,html body .muted{color:var(--p3d-sub)!important}
html body .btn,html body .chip,html body .pill,html body .field,html body select,html body input:not([type=checkbox]):not([type=radio]),html body textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .12s ease!important}
html body .btn{min-height:38px!important;padding-inline:14px!important;border-radius:12px!important;border:1px solid #d4dde8!important;background:#fff!important;color:var(--p3d-ink)!important;box-shadow:0 4px 12px rgba(15,23,42,.05)!important;font-weight:700!important}
html body .btn:hover{transform:translateY(-1px)!important;box-shadow:0 8px 16px rgba(15,23,42,.08)!important}
html body .btn.pri{background:linear-gradient(135deg,var(--p3d-accent-2),var(--p3d-accent))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 20px rgba(20,123,135,.18)!important}
html body .btn.ghost{background:#f8fbff!important}
html body .chip,html body .pill{border-radius:999px!important}
html body .field,html body select,html body input:not([type=checkbox]):not([type=radio]),html body textarea{border:1px solid #cfdae6!important;background:#fff!important;color:var(--p3d-ink)!important;border-radius:12px!important;box-shadow:none!important}
html body .field:focus,html body select:focus,html body input:not([type=checkbox]):not([type=radio]):focus,html body textarea:focus{border-color:#74b9cf!important;box-shadow:0 0 0 3px rgba(20,123,135,.12)!important;outline:none!important}
html body .chart,html body .box-b.chart,html body .viz .box-b{background:#fbfdff!important;border:1px solid var(--p3d-border-2)!important;border-radius:14px!important}
html body .chart svg{display:block;max-width:100%;height:auto}
html body .legend,html body .lg2{padding-top:10px!important;color:var(--p3d-sub)!important}
html body .tw{overflow:hidden!important}
html body table.g,html body .uacc-table{border-collapse:separate!important;border-spacing:0!important}
html body table.g thead th,html body .uacc-table thead th{background:#f4f8fc!important;color:#284462!important;font-weight:800!important;border-bottom:1px solid var(--p3d-border)!important}
html body table.g td,html body table.g th,html body .uacc-table td,html body .uacc-table th{padding:10px 8px!important;vertical-align:middle!important}
html body table.g tbody tr:nth-child(even),html body .uacc-table tbody tr:nth-child(even){background:#fbfdff!important}
html body .meter{background:#edf2f7!important;border-radius:999px!important;overflow:hidden}
html body .meter i{border-radius:999px!important}
html body .status{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 14px!important;color:#5d7088!important;background:linear-gradient(180deg,#f9fbfe,#f2f7fb)!important}
html body .build-tag{margin-inline-start:auto;background:#edf6fb!important;border:1px solid #cfe2ef!important;color:#1b5261!important;border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;gap:7px!important}
html body .build-tag i{width:8px!important;height:8px!important;border-radius:50%!important;background:linear-gradient(135deg,#1d5fa8,#147b87)!important;display:inline-block!important}
html body .atmph h1{background:none!important;-webkit-text-fill-color:initial!important;color:#17345d!important}
html body .atmph .sub{color:#66798f!important}
html body .atm-alert{background:linear-gradient(180deg,#fff8f1,#fffdf9)!important;border:1px solid #ffd7a8!important;box-shadow:0 10px 22px rgba(245,158,11,.08)!important;border-radius:16px!important}
html body .kpis .kpi,html body .atmviz .box,html body .atmviz .box .box-b,html body .atmviz .chart{background:linear-gradient(180deg,#ffffff,#fbfdff)!important}
html body .atmviz .cols.c2,html body .atmviz .g2{gap:12px!important}
html body .atmviz .box-h{padding:11px 14px!important}
html body .atmviz .box-b{padding:12px 14px!important;min-height:0!important}
html body .atmviz .chart svg{max-height:210px!important}
html body .dn-c{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 10px!important;border-radius:999px!important;background:color-mix(in srgb, var(--c) 10%, white)!important;border:1px solid color-mix(in srgb, var(--c) 34%, white)!important;color:#21364c!important;font-weight:700!important}
html body .ckact{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}
html body .ckb{min-width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid #d6e0ea!important;background:#fff!important;box-shadow:none!important}
html body .ckb span{font-size:10px!important;font-weight:700!important;color:#55667b!important}
html body .dn-open td{background:#fffaf7!important}
html body .atmph + .kpis{gap:12px!important}
html body .atmph + .kpis .kpi{padding:14px!important;border-radius:16px!important}
html body .atmph + .kpis .kpi b{font-size:22px!important;color:#17345d!important}
html body .atm-in,html body .ac-ref{background:#fff!important;color:#17345d!important;font-weight:800!important}
html body .a3-cal,html body .a3-tool{background:#fff!important;border:1px solid var(--p3d-border)!important}
html body .a3-tool .a3-tip{color:#5c6f86!important}
html body .cp{background:#fff!important}
html body .kpi{padding:16px!important}
html body .kpi b{color:#16355a!important}
html body .coach{padding:14px!important}
html body .empty{padding:20px!important;color:#6b7d91!important}
@media (max-width:760px){html body .box-h,html body .uacc-card-h{padding:10px 12px!important}html body .box-b,html body .uacc-card-b{padding:12px!important}html body .btn{min-height:36px!important;padding-inline:12px!important}html body .atmviz .chart svg{max-height:180px!important}}

/* ===== [12] p3d-branchdocs-v103 ===== */
.bdoc-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.bdoc-hero .sub{max-width:760px;line-height:1.9}
.bdoc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.bdoc-k{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #dbe4ef;border-radius:16px;padding:14px 16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.bdoc-k small{display:block;color:#66788d;margin-bottom:8px}.bdoc-k b{font-size:22px;color:#17345d}.bdoc-k span{display:block;color:#6a7d91;margin-top:5px;font-size:12px}
.bdoc-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:14px}.bdoc-side{display:flex;flex-direction:column;gap:14px}
.bdoc-list{display:flex;flex-direction:column;gap:10px}.bdoc-row{display:grid;grid-template-columns:minmax(0,1.2fr) .9fr .65fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #dbe4ef;border-radius:14px;background:#fff}
.bdoc-row b{color:#17345d}.bdoc-row small{display:block;color:#6d7f95;margin-top:4px;line-height:1.7}.bdoc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eef6ff;border:1px solid #d6e6f8;color:#204569;font-weight:800;font-size:12px}
.bdoc-info{display:grid;gap:10px}.bdoc-tip{padding:13px 14px;border-radius:14px;border:1px solid #dbe4ef;background:linear-gradient(180deg,#f9fcff,#f4f8fc);line-height:1.9;color:#44576d}
.bdoc-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bdoc-mini .card{padding:12px;border-radius:14px;border:1px solid #dbe4ef;background:#fff}
.bdoc-mini .card b{display:block;color:#17345d;font-size:18px;margin-top:6px}
.bdoc-dlg{width:min(1120px,calc(100vw - 22px));border-radius:24px;overflow:hidden}
.bdoc-dlg .dlg-h{background:linear-gradient(120deg,#f8fbff,#f1f6fc)}
.bdoc-wrap{padding:16px 18px;max-height:min(78vh,860px);overflow:auto;background:linear-gradient(180deg,#fcfeff,#f7fbff)}
.bdoc-head{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-bottom:12px}
.bdoc-head .field,.bdoc-head select{height:42px}
.bdoc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding:11px 12px;border:1px solid #dbe4ef;border-radius:16px;background:#fff}
.bdoc-toolbar .sub{line-height:1.8}
.bdoc-table-wrap{border:1px solid #dbe4ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.bdoc-table{width:100%;border-collapse:separate;border-spacing:0}
.bdoc-table thead th{position:sticky;top:0;z-index:1;background:#f5f8fc;color:#284462;font-weight:800;padding:10px 8px;border-bottom:1px solid #dbe4ef;text-align:center;font-size:12px}
.bdoc-table td{padding:8px;border-bottom:1px solid #edf2f7;vertical-align:middle;background:#fff}
.bdoc-table tbody tr:nth-child(even) td{background:#fcfdff}
.bdoc-table .numc{text-align:center;width:48px;color:#35506e;font-weight:700}
.bdoc-table .datec{white-space:nowrap;text-align:center;color:#17345d;font-weight:700}
.bdoc-table .cnt{width:92px}.bdoc-table .cnt input{width:100%;text-align:center;font-weight:800}
.bdoc-table .word{min-width:160px;text-align:center;color:#48607a;font-size:12px;background:#fbfdff;border:1px dashed #d9e3ef;border-radius:10px;padding:9px 6px}
.bdoc-table .note input{width:100%}
.bdoc-foot{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:12px}
.bdoc-stat{padding:14px;border:1px solid #dbe4ef;border-radius:16px;background:#fff}.bdoc-stat b{font-size:22px;color:#17345d}
.bdoc-stat small{display:block;color:#6a7b8f;margin-bottom:6px}
.bdoc-signs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.bdoc-signs>div{padding:12px;border:1px dashed #c8d6e5;border-radius:14px;background:#fbfdff;min-height:88px;color:#5f7287}
.bdoc-dlg .dlg-f{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;background:rgba(249,252,255,.96)}
@media (max-width:980px){.bdoc-grid{grid-template-columns:1fr}.bdoc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bdoc-head,.bdoc-foot{grid-template-columns:1fr}.bdoc-row{grid-template-columns:1fr}.bdoc-mini{grid-template-columns:1fr}}
@media print{.bdoc-dlg .dlg-f{display:none!important}}

/* ===== [13] pplus-v104-style ===== */
:root{--pp-ink:#15345a;--pp-muted:#61758d;--pp-line:#dce6f0;--pp-teal:#147d83;--pp-blue:#2456a6;--pp-gold:#c5a45c}
html body .brand{padding:17px 15px 16px!important;gap:12px!important;background:radial-gradient(120% 100% at 0% 0%,rgba(42,119,163,.18),transparent 58%),linear-gradient(145deg,rgba(255,255,255,.035),transparent)!important}
html body .brand .mk{width:43px!important;height:43px!important;border-radius:15px!important;background:linear-gradient(145deg,#1a8a8a,#1c4d88)!important;box-shadow:0 9px 22px rgba(11,94,125,.28),inset 0 1px rgba(255,255,255,.35)!important;font-size:22px!important}
html body .brand b{font-size:16px!important;letter-spacing:-.3px!important;color:#fff!important}
html body .brand small{font-size:10px!important;line-height:1.8!important;color:#bcd2e7!important}
.login-card-pro{border:1px solid rgba(255,255,255,.8)!important;border-radius:30px!important;background:radial-gradient(100% 80% at 100% 0%,rgba(44,134,164,.13),transparent 55%),linear-gradient(145deg,#fff,#f7faff 55%,#f1f7fa)!important;box-shadow:0 32px 90px rgba(9,34,69,.24),inset 0 1px 0 #fff!important}
.login-brand-pro{padding-bottom:18px!important;border-bottom:1px solid #dbe6f1!important}
.login-brand-mark{background:linear-gradient(145deg,#147d83,#244e94)!important;box-shadow:0 10px 24px rgba(20,125,131,.24)!important;border-radius:17px!important}
.login-brand-pro b{font-size:20px!important;letter-spacing:-.4px!important;color:#17345d!important}
.login-brand-pro small{display:block;font-size:11px!important;color:#60758e!important;line-height:1.8}
.login-intro{padding:19px 0 14px!important}
.login-intro .login-overline{display:inline-flex!important;align-items:center;gap:7px;background:#eaf5f5!important;color:#147d83!important;border:1px solid #cce7e5!important;border-radius:999px!important;padding:6px 10px!important;letter-spacing:.3px!important;font-size:10px!important;font-weight:800!important}
.login-intro h2{font-size:28px!important;letter-spacing:-.6px!important;color:#16345c!important;margin:12px 0 5px!important}
.login-intro p{color:#64778c!important;line-height:1.9!important;font-size:12.5px!important}
.pp-login-motto{display:flex;align-items:center;gap:10px;padding:12px 13px;margin:0 0 16px;border:1px solid #d8e7ef;border-radius:16px;background:linear-gradient(110deg,#f0f8fa,#f7f9ff);color:#35536f;font-size:11.5px;line-height:1.8}
.pp-login-motto .pp-motto-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#e1f2f1;color:#147d83;font-size:17px}
.pp-login-motto b{display:block;color:#183d64;font-size:12px}
.pp-credit{color:#71839a;font-size:10px;line-height:1.8;text-align:center;margin-top:14px}
.pp-settings{margin-top:14px;display:grid;gap:14px}
.pp-settings .box{overflow:hidden;border:1px solid #dbe5ef!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 10px 28px rgba(17,43,78,.045)!important}
.pp-settings .box-h{background:linear-gradient(110deg,#f8fbff,#f2f7fb)!important;border-bottom:1px solid #e4ecf4!important;padding:13px 16px!important}
.pp-settings .box-h h2{font-size:14px!important;color:#173a62!important}
.pp-settings .box-b{padding:15px 16px!important}
.pp-settings .pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.pp-settings .pp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-settings .pp-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;font-weight:700;color:#536981}
.pp-settings .pp-field .field,.pp-settings .pp-field select,.pp-settings .pp-field textarea{width:100%;min-width:0;border:1px solid #d9e3ee;border-radius:11px;background:#fff;color:#19385e;padding:10px 11px;font:inherit;font-size:12px;box-sizing:border-box;outline:none}
.pp-settings .pp-field textarea{min-height:92px;resize:vertical;line-height:1.9}
.pp-settings .pp-field .field:focus,.pp-settings .pp-field select:focus,.pp-settings .pp-field textarea:focus{border-color:#6bb5c0;box-shadow:0 0 0 3px rgba(20,125,131,.1)}
.pp-settings .pp-hint{padding:11px 13px;border:1px solid #dce8f1;border-radius:13px;background:#f7fafc;color:#5b7087;font-size:11px;line-height:1.9;margin-bottom:12px}
.pp-settings .pp-hint.warn{background:#fff9ed;border-color:#f2dfb8;color:#7b5b24}
.pp-settings .pp-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:13px}
.pp-settings .pp-preview{border:1px dashed #cbd9e8;border-radius:13px;background:#f8fbfe;padding:12px;color:#234563;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.pp-settings .pp-statrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.pp-settings .pp-stat{border:1px solid #e0e8f0;background:#fff;border-radius:13px;padding:12px}
.pp-settings .pp-stat small{display:block;color:#71839a;font-size:10px;margin-bottom:6px}
.pp-settings .pp-stat b{font-size:15px;color:#173a62}
.pp-settings .pp-switchrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6;color:#304d6c;font-size:12px}
.pp-settings .pp-switchrow:last-child{border-bottom:0}
.pp-settings .pp-switchrow input{width:18px;height:18px;accent-color:#147d83}
.pp-settings .pp-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pp-settings .pp-quicklinks button{min-width:0;text-align:right;white-space:normal;line-height:1.7}
.pp-settings .pp-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.pp-settings .pp-tabs button{border:1px solid #d8e4ef;border-radius:999px;padding:8px 13px;background:#fff;color:#46617c;font-size:11px;font-weight:700;cursor:pointer}
.pp-settings .pp-tabs button[aria-pressed=true]{background:#eaf5f5;border-color:#a8d5d5;color:#126e75}
.pp-settings .pp-hide{display:none!important}
html[data-density="compact"] body .box-b{padding:9px 11px!important}html[data-density="compact"] body .box-h{padding:8px 11px!important}html[data-density="compact"] body .mod{padding-block:7px!important}html[data-density="compact"] body .g td{padding-block:5px!important}
html[data-density="comfortable"] body .box-b{padding:16px 18px!important}html[data-density="comfortable"] body .box-h{padding:13px 16px!important}html[data-density="roomy"] body .box-b{padding:19px 21px!important}html[data-density="roomy"] body .box-h{padding:15px 18px!important}html[data-density="roomy"] body .mod{padding-block:12px!important}
html[data-pp-motion="off"] *,html[data-pp-motion="off"] *::before,html[data-pp-motion="off"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html[data-pp-motion="off"] body .fxc,html[data-pp-motion="off"] body .fx{display:none!important}
@media(max-width:950px){.pp-settings .pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-settings .pp-statrow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.pp-settings .pp-grid,.pp-settings .pp-grid.two,.pp-settings .pp-quicklinks{grid-template-columns:1fr}.pp-settings .pp-statrow{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card-pro{border-radius:24px!important}}

/* ===== [14] p3d-v106-pos-layout ===== */
/* Normalize large chart cards: prevent charts from forcing the entire page taller than the viewport. */
#page .box-b.chart,#page .chart{box-sizing:border-box!important;min-height:0!important;height:auto!important;max-height:300px!important;overflow:hidden!important;padding:12px 16px!important;border-radius:14px!important}
#page .box-b.chart svg,#page .chart>svg{display:block!important;width:100%!important;height:220px!important;max-height:220px!important;min-height:0!important;overflow:hidden!important}
#page .uacc-page .uacc-card{min-width:0!important}
#page .uacc-page .uacc-grid{align-items:start!important;gap:12px!important}
#page .uacc-page .uacc-kpis{gap:10px!important}
#page .uacc-page .uacc-kpi{min-height:0!important;padding:13px 15px!important}
#page .uacc-page .uacc-typegrid{gap:8px!important}
#page .uacc-page .uacc-card-b{min-height:0!important;padding:13px 15px!important}
#page .uacc-page .uacc-table-wrap{max-height:460px!important;overflow:auto!important}
#page .uacc-page .uacc-hero{margin-bottom:12px!important;padding:14px 16px!important;gap:12px!important}
.posavg-page{display:flex;flex-direction:column;gap:14px;min-width:0}
.posavg-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:18px 20px;border:1px solid #d9e4ef;border-radius:20px;background:linear-gradient(120deg,#fff,#f4f9fd);box-shadow:0 8px 22px rgba(15,23,42,.045)}
.posavg-hero h1{font-size:22px;color:#17345d;margin:0 0 6px}.posavg-hero p{margin:0;color:#6b7e92;line-height:1.85;max-width:780px;font-size:12px}
.posavg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.posavg-kpi{background:#fff;border:1px solid #dce6f0;border-radius:16px;padding:14px 16px;min-width:0;box-shadow:0 5px 16px rgba(15,23,42,.035)}
.posavg-kpi small{display:block;color:#6d7f93;font-size:11px;margin-bottom:7px}.posavg-kpi b{display:block;color:#17345d;font-size:22px;overflow-wrap:anywhere}.posavg-kpi span{display:block;color:#78899c;font-size:11px;margin-top:5px;line-height:1.7}
.posavg-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.5fr);gap:14px;align-items:start}
.posavg-card{background:#fff;border:1px solid #dce6f0;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(15,23,42,.035);min-width:0}
.posavg-card-h{padding:13px 16px;border-bottom:1px solid #e8eef5;background:linear-gradient(180deg,#fff,#f7fafe);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.posavg-card-h h2{font-size:14px;margin:0;color:#17345d}.posavg-card-b{padding:15px;min-width:0}
.posavg-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.posavg-form label{display:flex;flex-direction:column;gap:5px;color:#62758b;font-size:11px;min-width:0}.posavg-form label.wide{grid-column:1/-1}.posavg-form input,.posavg-form select{width:100%;min-width:0;box-sizing:border-box;height:39px;border:1px solid #d4dfeb;border-radius:11px;background:#fff;padding:8px 10px;color:#17345d;font:inherit;font-size:12px}
.posavg-hint{padding:10px 12px;border:1px solid #d6e7f4;background:#f5faff;border-radius:12px;color:#516a84;line-height:1.85;font-size:11px;margin-top:12px}
.posavg-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.posavg-filter select{height:34px;border:1px solid #d4dfeb;border-radius:10px;padding:5px 9px;background:#fff;color:#17345d}
.posavg-table-wrap{overflow:auto;max-height:520px}.posavg-table{width:100%;border-collapse:separate;border-spacing:0;min-width:780px}.posavg-table th{position:sticky;top:0;z-index:1;background:#f4f8fc;color:#37516e;font-size:11px;text-align:right;padding:10px;border-bottom:1px solid #dbe5ef;white-space:nowrap}.posavg-table td{padding:10px;border-bottom:1px solid #edf2f7;color:#344a63;font-size:11px;vertical-align:middle}.posavg-table tr:nth-child(even) td{background:#fcfdff}.posavg-table .money{font-weight:800;color:#17345d;white-space:nowrap}.posavg-delta{display:inline-flex;padding:4px 7px;border-radius:999px;font-weight:800;font-size:10px;white-space:nowrap}.posavg-up{background:#e9f8f0;color:#087443}.posavg-down{background:#fff0f0;color:#b42318}.posavg-flat{background:#edf3f9;color:#5d7087}.posavg-actions{display:flex;gap:5px;flex-wrap:wrap}.posavg-actions .btn{min-height:29px!important;padding:4px 8px!important;font-size:10px!important}
.posavg-analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.posavg-insight{padding:12px;border:1px solid #e0e8f1;border-radius:13px;background:#fbfdff;color:#50647c;font-size:11px;line-height:1.85}.posavg-insight b{color:#17345d}
@media(max-width:1050px){.posavg-grid{grid-template-columns:1fr}.posavg-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.posavg-kpis{grid-template-columns:1fr 1fr}.posavg-form,.posavg-analysis{grid-template-columns:1fr}.posavg-hero{padding:14px}.posavg-kpi{padding:12px}.posavg-kpi b{font-size:18px}}

/* ===== [15] p3d-v111-fixed-modules-style ===== */
.fixmod{display:flex;flex-direction:column;gap:14px;min-width:0}
.fixmod-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:17px 19px;background:linear-gradient(120deg,#fff,#f4f9fd);border:1px solid #d8e4ef;border-radius:18px}
.fixmod-hero h1{font-size:21px;color:#17345d;margin:0 0 6px}.fixmod-hero p{font-size:12px;color:#647890;line-height:1.9;margin:0;max-width:800px}
.fixmod-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fixmod-kpi{padding:13px 15px;background:#fff;border:1px solid #dce6f0;border-radius:15px;min-width:0}
.fixmod-kpi small{display:block;color:#718198;font-size:11px;margin-bottom:6px}.fixmod-kpi b{display:block;color:#17345d;font-size:21px;overflow-wrap:anywhere}.fixmod-kpi span{display:block;color:#74869b;font-size:10px;margin-top:4px}
.fixmod-card{background:#fff;border:1px solid #dce6f0;border-radius:17px;overflow:hidden;min-width:0}
.fixmod-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 15px;background:#f7faff;border-bottom:1px solid #e4ebf3}
.fixmod-card-h h2{font-size:14px;margin:0;color:#1c3d64}.fixmod-card-b{padding:14px;min-width:0}
.fixmod-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fixmod-fields label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#60758c;min-width:0}.fixmod-fields .wide{grid-column:span 2}
.fixmod-fields input,.fixmod-fields select{width:100%;height:37px;box-sizing:border-box;border:1px solid #d4dfeb;border-radius:10px;padding:7px 9px;background:#fff;color:#183858;font:inherit;font-size:12px}
.fixmod-table-wrap{overflow:auto;max-height:480px}.fixmod-table{width:100%;border-collapse:collapse;min-width:640px}.fixmod-table th{position:sticky;top:0;background:#f1f6fb;color:#38536f;text-align:right;font-size:11px;padding:9px;border-bottom:1px solid #d9e4ef;white-space:nowrap}.fixmod-table td{padding:8px 9px;border-bottom:1px solid #edf1f6;font-size:11px;color:#304860;vertical-align:middle}.fixmod-table tr:nth-child(even) td{background:#fbfdff}
.fixmod-table input{width:100%;min-width:70px;box-sizing:border-box;height:32px;border:1px solid #d6e1ec;border-radius:8px;padding:5px 7px;font:inherit;color:#193958}
.fixmod-actions{display:flex;gap:5px;flex-wrap:wrap}.fixmod-empty{padding:22px;text-align:center;color:#75879a;font-size:12px}
.fixmod-note{padding:10px 12px;border-radius:11px;background:#f2f8fc;border:1px solid #dbe8f1;color:#5a7087;font-size:11px;line-height:1.9}
@media(max-width:900px){.fixmod-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fixmod-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.fixmod-hero{padding:13px}.fixmod-kpis{gap:7px}.fixmod-kpi{padding:10px}.fixmod-kpi b{font-size:17px}.fixmod-fields{grid-template-columns:1fr}.fixmod-fields .wide{grid-column:1}}

/* ===== [16] pplus-114-unified-polish ===== */
/* سیستم مدیریت هوشمند مشتریان 1.1.4 — یکدست‌سازی و کاهش فضای هدر/کارت‌ها */
.fixmod{max-width:100%;min-width:0}.loan-stage,.loan-step,.loan-case-stage{padding:9px 11px!important;min-height:0!important}.loan-stage h3,.loan-step h3,.loan-case-stage h3{font-size:13px!important;line-height:1.5!important}.loan-stage p,.loan-step p,.loan-case-stage p{font-size:11px!important;line-height:1.65!important}.desk-row,.desk-item,.desk-card{padding:9px 11px!important;min-height:0!important}.desk-row small,.desk-item small,.desk-card small{font-size:11px!important;line-height:1.5!important}.chart svg{max-height:310px}.kpi,.box,.card{min-width:0}.fixmod-hero{padding:14px 18px!important;gap:12px!important}.fixmod-hero h1{font-size:21px!important;line-height:1.45}.fixmod-hero p{font-size:12px!important;line-height:1.7;margin-top:4px!important}.fixmod-kpis{gap:9px!important;margin:10px 0 12px!important}.fixmod-kpi{padding:10px 12px!important;min-height:86px!important}.fixmod-kpi b{font-size:21px!important;line-height:1.4}.fixmod-card{margin:10px 0!important;border-radius:15px!important}.fixmod-card-h{padding:10px 13px!important;min-height:42px}.fixmod-card-h h2{font-size:14px!important}.fixmod-card-b{padding:12px!important}.fixmod-fields{gap:9px!important}.fixmod-fields label{font-size:12px!important;gap:5px!important}.fixmod-fields input,.fixmod-fields select{min-height:35px!important;height:35px!important;padding:6px 9px!important;font-size:12px!important}.fixmod-table th,.fixmod-table td{padding:7px 8px!important;font-size:12px!important}.fixmod-actions{gap:5px!important}.fixmod .btn{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.pplus-smartpos{margin:10px 0 14px;border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(125deg,rgba(19,128,145,.08),rgba(87,111,205,.06) 58%,rgba(255,255,255,.8))}
.pplus-smartpos h2{font-size:15px;margin:0}.pplus-smartpos .sp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.pplus-smartpos .sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pplus-smartpos .sp-kpi{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.76);padding:10px;min-width:0}.pplus-smartpos .sp-kpi small{display:block;color:var(--muted);font-size:11px}.pplus-smartpos .sp-kpi b{display:block;font-size:19px;margin:4px 0;color:var(--ink)}.pplus-smartpos .sp-kpi span{font-size:11px;color:var(--muted)}.pplus-smartpos .sp-bars{display:grid;gap:8px;margin-top:12px}.pplus-smartpos .sp-bar-row{display:grid;grid-template-columns:minmax(90px,180px) 1fr minmax(80px,150px);gap:9px;align-items:center;font-size:12px}.pplus-smartpos .sp-track{height:9px;border-radius:99px;background:#e7edf4;overflow:hidden}.pplus-smartpos .sp-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#1594a1,#5475d9)}.pplus-smartpos .sp-alert{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line)}.pplus-smartpos .sp-alert:first-child{border-top:0}.pplus-smartpos .sp-alert small{display:block;color:var(--muted);line-height:1.7;margin-top:3px}.pplus-smartpos .sp-pill{font-size:10px;border-radius:99px;padding:4px 8px;white-space:nowrap;background:#fff2d9;color:#915b00}.pplus-smartpos .sp-pill.good{background:#e4f7ed;color:#087443}.pplus-smartpos .sp-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}
@media(max-width:900px){.pplus-smartpos .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pplus-smartpos .sp-bar-row{grid-template-columns:90px 1fr 90px}}
@media(max-width:560px){.pplus-smartpos .sp-grid{grid-template-columns:1fr 1fr}.pplus-smartpos .sp-bar-row{grid-template-columns:78px 1fr 74px;font-size:11px}}

/* ===== [17] contract-preview-layout-fix ===== */
/* Contract workspace: isolate from global hero/visualization styles */
#page.contract-page{overflow:auto!important;min-width:0!important;padding:16px 18px 28px!important}
#page.contract-page .ph{display:block!important;position:relative!important;overflow:visible!important;min-height:0!important;padding:0!important;margin:0 0 14px!important;border:0!important;background:transparent!important;box-shadow:none!important}
#page.contract-page .ct-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
#page.contract-page .ct-head h1{font-size:20px!important;line-height:1.45!important;margin:0 0 5px!important}
#page.contract-page .ct-head .sub{font-size:12px!important;line-height:1.8!important;max-width:760px}
#page.contract-page .hh-ico,#page.contract-page .hh-main{display:none!important}
#page.contract-page svg{max-width:20px;max-height:20px}
#page.contract-page .ct-help{font-size:12px!important;line-height:1.9!important;margin:12px 0!important;padding:12px 14px!important;border-radius:14px!important}
#page.contract-page .ct-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
#page.contract-page .ct-form .box-b{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#page.contract-page .ct-form .fl{min-width:0!important}
#page.contract-page .ct-form .field{width:100%!important;min-width:0!important;min-height:36px!important;font-size:12px!important}
#page.contract-page .ct-preview{display:block!important;min-height:0!important;height:auto!important;max-height:68vh!important;overflow:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.9!important;font-size:12px!important;color:#18263b!important;background:#fff!important;border:1px solid #dbe5f1!important;border-radius:12px!important;padding:16px!important;box-sizing:border-box!important}
#page.contract-page .ct-layout>section{min-width:0!important;overflow:hidden!important}
#page.contract-page .ct-arch{margin-top:14px!important}
#page.contract-page .ct-arch .tw{overflow:auto!important;max-width:100%!important}
#page.contract-page .ct-arch table{min-width:700px}
@media(max-width:980px){#page.contract-page .ct-layout{grid-template-columns:minmax(0,1fr)!important}#page.contract-page .ct-preview{max-height:none!important;min-height:280px!important}#page.contract-page .ct-form .box-b{grid-template-columns:minmax(0,1fr)!important}}
#page.contract-page .ph::before,#page.contract-page .ph::after{display:none!important;content:none!important}
#page.contract-page .ct-head svg,#page.contract-page .ct-help svg,#page.contract-page .ct-form svg,#page.contract-page .ct-arch svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;min-width:0!important;min-height:0!important}
#page.contract-page .ct-head .hh-ico,#page.contract-page .ct-head .hh-main{display:none!important;width:0!important;height:0!important;overflow:hidden!important}
#page.contract-page .ct-layout{min-height:0!important}
#page.contract-page .ct-preview{min-height:320px!important;max-height:65vh!important}

/* ===== [18] pplus-final-ui-131 ===== */
:root{--pplus-navy:#17345d;--pplus-muted:#62748e;--pplus-line:#d8e3f0;--pplus-blue:#4169d8;--pplus-teal:#07858d;--pplus-surface:#f7faff}
html,body,button,input,select,textarea{font-family:"Vazirmatn","IRANSansX","IRANSans","Segoe UI",Tahoma,Arial,sans-serif!important}
/* Brand card */
html body .app>.side .brand{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 13px!important;min-height:82px!important;border:1px solid #d9e4f1!important;border-radius:22px!important;background:linear-gradient(135deg,#fff 0%,#f2f7ff 68%,#eaf8f8 100%)!important;box-shadow:0 12px 28px -22px rgba(18,44,82,.42),inset 0 1px 0 #fff!important;position:relative!important;overflow:hidden!important}
html body .app>.side .brand:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#4f6fdf,#0c9b9d);border-radius:4px 0 0 4px}
html body .app>.side .brand .mk{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;background:linear-gradient(145deg,#0b929a,#4d6fe0)!important;color:#fff!important;font-size:22px!important;font-weight:900!important;box-shadow:0 9px 18px -10px rgba(40,83,176,.7)!important}
html body .app>.side .brand>div{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;position:relative!important;z-index:1!important}
html body .app>.side .brand b{display:block!important;color:#17345d!important;font-size:17px!important;font-weight:900!important;line-height:1.4!important;white-space:nowrap!important;letter-spacing:-.2px!important}
html body .app>.side .brand small{display:block!important;color:#637895!important;font-size:11px!important;font-weight:650!important;line-height:1.7!important;white-space:normal!important}
/* Footer */
html body footer#status.status{display:block!important;white-space:normal!important;overflow:visible!important;align-self:stretch!important;padding:8px 12px!important;border-top:0!important;background:transparent!important;min-width:0!important}
html body #status .status-redesign{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important}
html body #status .status-item{display:flex!important;align-items:flex-start!important;gap:9px!important;min-width:0!important;padding:9px 11px!important;border:1px solid #dce6f2!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#f7faff)!important;box-shadow:0 7px 18px -17px rgba(20,45,80,.55),inset 0 1px 0 #fff!important;color:#61738d!important;font-size:11.5px!important;line-height:1.7!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #status .status-icon{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:10px!important;background:#edf3ff!important;color:#4265cc!important;font-size:14px!important;font-weight:900!important}
html body #status .status-content{display:block!important;min-width:0!important;overflow-wrap:anywhere!important}
html body #status .status-content b{color:#17345d!important;font-weight:850!important}
html body #status .status-content kbd{display:inline-block!important;padding:1px 5px!important;margin-inline:2px!important;border:1px solid #d5dfec!important;border-radius:5px!important;background:#fff!important;color:#4b5f7c!important;font-size:10px!important}
html body #status .status-content .dotok{display:inline-block!important;margin-inline-end:5px!important}
html body #status .status-content .pill{display:inline-flex!important;margin-top:3px!important}
/* Contract page */
html body #page.contract-page{padding-bottom:14px!important}
html body #page.contract-page .ct-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;padding:16px 18px!important;border:1px solid #d9e4f1!important;border-radius:20px!important;background:linear-gradient(125deg,#fff,#f4f8ff 68%,#eefafa)!important;box-shadow:0 12px 28px -24px rgba(18,44,82,.35)!important;margin-bottom:12px!important}
html body #page.contract-page .ct-head h1{font-size:clamp(19px,1.55vw,24px)!important;font-weight:850!important;color:#17345d!important;line-height:1.4!important;letter-spacing:-.25px!important;margin:0 0 5px!important}
html body #page.contract-page .ct-head .sub{font-size:12px!important;color:#637895!important;line-height:1.9!important;max-width:700px!important}
html body #page.contract-page .ct-head .bar{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
html body #page.contract-page .ct-head .bar .btn{border-radius:11px!important;min-height:36px!important;padding:8px 12px!important;font-size:12px!important;font-weight:800!important;box-shadow:0 5px 12px -10px rgba(20,45,80,.5)!important}
html body #page.contract-page .ct-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
html body #page.contract-page .ct-layout>.box{min-width:0!important;overflow:hidden!important;border:1px solid #d9e4f1!important;border-radius:17px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 9px 22px -20px rgba(20,45,80,.45)!important}
html body #page.contract-page .ct-layout .box-h,html body #page.contract-page .ct-arch .box-h{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;padding:13px 15px!important;border-bottom:1px solid #e1e9f3!important;background:linear-gradient(180deg,#fbfdff,#f2f6fc)!important}
html body #page.contract-page .ct-layout .box-h h2,html body #page.contract-page .ct-arch .box-h h2{font-size:14px!important;font-weight:850!important;color:#19385f!important;margin:0!important}
html body #page.contract-page .ct-form .box-b{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;padding:14px!important}
html body #page.contract-page .ct-form .fl{min-width:0!important;gap:5px!important}
html body #page.contract-page .ct-form .fl>span{font-size:12px!important;font-weight:750!important;color:#243c5b!important;line-height:1.6!important}
html body #page.contract-page .ct-form .w2{grid-column:1/-1!important}
html body #page.contract-page .ct-form .field{width:100%!important;min-width:0!important;min-height:40px!important;border-radius:10px!important;border:1px solid #d3dfed!important;background:#fbfdff!important;color:#1a2f4b!important;padding:9px 10px!important;font:500 13px/1.7 "Vazirmatn","IRANSansX","Segoe UI",Tahoma,sans-serif!important;box-shadow:inset 0 1px 2px rgba(24,48,80,.035)!important}
html body #page.contract-page .ct-form .field:focus{outline:none!important;border-color:#6381df!important;box-shadow:0 0 0 3px rgba(83,111,219,.13)!important;background:#fff!important}
html body #page.contract-page .ct-preview{display:block!important;min-height:420px!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;padding:20px!important;border:1px solid #e0e8f2!important;border-radius:0 0 16px 16px!important;background:linear-gradient(180deg,#fff,#fcfdff)!important;color:#1e3049!important;font:400 13px/2 "Vazirmatn","IRANSansX","Segoe UI",Tahoma,sans-serif!important}
html body #page.contract-page .ct-arch{margin-top:14px!important;border:1px solid #d9e4f1!important;border-radius:17px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 9px 22px -20px rgba(20,45,80,.45)!important}
html body #page.contract-page .ct-arch .tw{max-width:100%!important;overflow:auto!important}
html body #page.contract-page .ct-arch table{min-width:740px!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important}
html body #page.contract-page .ct-arch th{background:#f2f6fc!important;color:#435a77!important;font-size:11px!important;font-weight:850!important}
html body #page.contract-page .ct-arch td,html body #page.contract-page .ct-arch th{padding:10px 12px!important;border-bottom:1px solid #e8eef6!important;line-height:1.8!important}
html body #page.contract-page .ct-arch tbody tr:hover{background:#f7faff!important}
@media(max-width:1120px){html body #status .status-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){html body #page.contract-page .ct-layout{grid-template-columns:minmax(0,1fr)!important}html body #page.contract-page .ct-preview{min-height:320px!important}}
@media(max-width:680px){html body #status .status-redesign{grid-template-columns:minmax(0,1fr)!important}html body #page.contract-page .ct-form .box-b{grid-template-columns:minmax(0,1fr)!important;padding:11px!important}html body #page.contract-page .ct-form .w2{grid-column:auto!important}html body #page.contract-page .ct-head .bar{width:100%!important}html body #page.contract-page .ct-head .bar .btn{flex:1 1 auto!important}}

/* ===== [19] pishkhan-v132-dashboard-polish ===== */
/* v1.4.1 — visual-only dashboard refinement; preserve existing modules and workflows */
:root{--pplus-radius:18px}
html body #page{scroll-behavior:smooth}
html body #page .ph{gap:14px;margin-bottom:16px}
html body #page .ph h1{letter-spacing:-.25px}
html body #page .kpis{gap:12px;margin:0 0 16px}
html body #page .kpi{position:relative;overflow:hidden;border:1px solid #dce6f2!important;border-radius:18px!important;background:linear-gradient(150deg,#fff 0%,#f7faff 100%)!important;box-shadow:0 9px 24px -20px rgba(20,45,80,.48),inset 0 1px 0 #fff!important;transition:transform .18s ease,box-shadow .18s ease}
html body #page .kpi:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#5575df,#1c9ba4);opacity:.85}
html body #page .kpi:hover{transform:translateY(-2px);box-shadow:0 14px 28px -20px rgba(20,45,80,.55)!important}
html body #page .kpi .k{font-weight:750;color:#60738f}
html body #page .kpi .v{font-variant-numeric:tabular-nums;letter-spacing:-.3px;overflow-wrap:anywhere}
html body #page .box{border:1px solid #dce5f0;border-radius:17px;box-shadow:0 8px 24px -22px rgba(20,45,80,.5);min-width:0}
html body #page .box-h{gap:10px;background:linear-gradient(180deg,rgba(249,252,255,.92),rgba(243,247,252,.78));border-bottom:1px solid #e7edf5}
html body #page .box-h h2{font-weight:800;letter-spacing:-.1px}
html body #page .meter{overflow:hidden;border-radius:999px;background:#e8eef7}
html body #page .meter i{border-radius:999px;transition:width .35s ease}
html body #page .btn{transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
html body #page .btn:active{transform:translateY(1px)}
html body #page .field{transition:border-color .15s ease,box-shadow .15s ease}
html body #page .field:focus{outline:0;border-color:#6d88e8;box-shadow:0 0 0 3px rgba(87,115,220,.13)}
html body #page .list .li{border-radius:12px;gap:10px}
html body #page .g{border-collapse:separate;border-spacing:0}
html body #page .g thead th{position:sticky;top:0;z-index:1;background:#f2f6fc}
html body #page .g tbody tr:hover{background:#f6f9ff}
html body #page .ct-head{border:1px solid #dbe5f1;border-radius:18px;padding:16px 18px;background:linear-gradient(120deg,#fff,#f5f8ff 65%,#eefafa);box-shadow:0 10px 24px -22px rgba(20,45,80,.5)}
html body #page .ct-help{border-radius:14px;line-height:1.9}
html body #page .ct-form .box-b{gap:11px 12px}
html body #page .ct-preview{box-shadow:inset 0 1px 2px rgba(24,48,80,.025);overflow-wrap:anywhere}
@media(max-width:760px){html body #page .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #page .kpi{padding:12px!important}html body #page .kpi .v{font-size:clamp(17px,4vw,24px)!important}html body #page .box{border-radius:14px}html body #page .ph{align-items:stretch}}
@media(prefers-reduced-motion:reduce){html body #page .kpi,html body #page .btn,html body #page .meter i{transition:none!important}}

/* ===== [20] pplus-customer-intel-css ===== */
.pci-wrap{margin:14px 0 18px;display:grid;gap:14px}.pci-card{border:1px solid var(--line,#dbe5f0);border-radius:18px;background:linear-gradient(145deg,var(--panel,#fff),color-mix(in srgb,var(--panel-2,#f5f8fc) 55%,white));box-shadow:0 5px 20px rgba(22,52,89,.045);overflow:hidden}.pci-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:15px 17px;border-bottom:1px solid var(--line,#dbe5f0)}.pci-head h2{margin:0;font-size:15px}.pci-sub{font-size:11.5px;color:var(--muted,#64748b);margin-top:5px}.pci-body{padding:14px 17px}.pci-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pci-kpi{padding:12px;border:1px solid var(--line,#dbe5f0);border-radius:13px;background:var(--panel,#fff);min-width:0}.pci-kpi span{display:block;font-size:11px;color:var(--muted,#64748b)}.pci-kpi b{display:block;font-size:21px;margin-top:4px;color:var(--text,#172033)}.pci-bars{display:grid;gap:10px}.pci-barrow{display:grid;grid-template-columns:105px minmax(40px,1fr) 40px;gap:10px;align-items:center;font-size:11.5px}.pci-track{height:9px;border-radius:99px;background:var(--line,#e2e8f0);overflow:hidden}.pci-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#1766a5,#16a6a1)}.pci-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pci-select,.pci-input{min-width:0;width:100%;border:1px solid var(--line,#dbe5f0);border-radius:9px;padding:8px 9px;background:var(--panel,#fff);color:var(--text,#172033);font:inherit;font-size:11.5px}.pci-select{width:auto;max-width:100%}.pci-tablewrap{overflow:auto}.pci-table{width:100%;border-collapse:separate;border-spacing:0 6px;min-width:850px}.pci-table th{font-size:11px;color:var(--muted,#64748b);text-align:right;padding:4px 7px;font-weight:600}.pci-table td{padding:7px;background:var(--panel,#fff);border-top:1px solid var(--line,#e2e8f0);border-bottom:1px solid var(--line,#e2e8f0)}.pci-table td:first-child{border-right:1px solid var(--line,#e2e8f0);border-radius:0 10px 10px 0}.pci-table td:last-child{border-left:1px solid var(--line,#e2e8f0);border-radius:10px 0 0 10px}.pci-table .pci-input{min-width:95px}.pci-events{display:grid;gap:8px}.pci-event{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line,#e2e8f0);border-radius:12px;padding:10px 12px;background:var(--panel,#fff)}.pci-event b{font-size:12px}.pci-event small{display:block;color:var(--muted,#64748b);margin-top:3px}.pci-pill{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:10px;background:#e7f4f5;color:#0f6671;white-space:nowrap}.pci-note{font-size:11px;color:var(--muted,#64748b);line-height:1.8}.pci-empty{padding:14px;border:1px dashed var(--line,#dbe5f0);border-radius:12px;color:var(--muted,#64748b);font-size:12px;text-align:center}
@media(max-width:760px){.pci-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pci-head,.pci-body{padding:12px}.pci-barrow{grid-template-columns:85px minmax(30px,1fr) 30px}.pci-event{align-items:flex-start;flex-direction:column}}

/* ===== [21] p3d-settings-hub-style ===== */
.p3d-settings-hubgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.p3d-settings-hubgrid article{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:13px;border:1px solid var(--line-2);border-radius:14px;background:var(--panel-2)}.p3d-settings-hubgrid b{font-size:12px;color:var(--ink)}.p3d-settings-hubgrid small{font-size:11px;color:var(--muted);line-height:1.8;flex:1}.p3d-sh-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--acc-soft);color:var(--acc);font-weight:800}.p3d-sh-tag{font-size:10px;padding:4px 8px;border-radius:999px;background:var(--acc-soft);color:var(--acc)}.p3d-settings-note{margin-top:12px;border:1px solid var(--line-2);border-radius:13px;padding:13px 15px;background:var(--panel)}.p3d-settings-note p,.p3d-settings-note li{font-size:11px;line-height:1.9;color:var(--muted)}.p3d-settings-note ul{margin:7px 0 0;padding-inline-start:20px}.p3d-settings-note p{margin:5px 0}.p3d-settings-hubgrid .btn{margin-top:4px}@media(max-width:760px){.p3d-settings-hubgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.p3d-settings-hubgrid{grid-template-columns:1fr}.p3d-settings-hubgrid article{padding:12px}}

/* ===== [22] p3d-font-print-settings-v140 ===== */
html body,html body button,html body input,html body select,html body textarea,html body .field{font-family:var(--f-ui)!important}
html body #page h1,html body #page h2,html body #page h3,html body .box-h h2,html body .ph h1,html body .login h2{font-family:var(--f-brand)!important}
.font-live-preview{margin-top:12px;padding:16px;border:1px dashed var(--line-2);border-radius:14px;background:var(--panel-2);display:grid;gap:6px;font-family:var(--f-ui)!important}.font-live-preview b{font-family:var(--f-brand)!important;font-size:18px}.font-live-preview p{margin:0;font-size:16px;line-height:2}.font-live-preview small{color:var(--muted)}.font-live-preview span{font-size:11px;color:var(--muted)}
.print-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.print-settings-grid .print-check{display:flex;align-items:center;gap:8px;min-height:40px}.print-settings-grid .print-check input{width:16px;height:16px}.print-settings-grid .print-help{grid-column:1/-1;margin:0}.print-settings-grid button{justify-self:start}
@media(max-width:760px){.print-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.font-live-preview{padding:12px}.font-live-preview p{font-size:14px}}
@media print{html body{overflow:visible!important}.side,.topbar,.mnav,.status{display:none!important}.app,.work,.page,#page{display:block!important;height:auto!important;overflow:visible!important;max-height:none!important;padding:0!important}.box,.kpi,.chart{break-inside:avoid;page-break-inside:avoid}}

/* ===== [23] pplus-141-quality-css ===== */
.pplus-audit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.pplus-audit-stat{border:1px solid var(--line,#dbe3ed);border-radius:12px;padding:11px;background:var(--panel,#fff)}
.pplus-audit-stat b{display:block;font-size:21px;line-height:1.4}
.pplus-audit-stat small{color:var(--muted,#64748b);font-size:11px}
.pplus-audit-list{display:grid;gap:8px;margin-top:10px}
.pplus-audit-item{border:1px solid var(--line,#dbe3ed);border-radius:11px;padding:10px 12px;background:var(--panel,#fff)}
.pplus-audit-item b{display:block;margin-bottom:3px}
.pplus-audit-item small{display:block;color:var(--muted,#64748b);line-height:1.7}
.pplus-audit-ok{border-inline-start:4px solid #16a34a}
.pplus-audit-warn{border-inline-start:4px solid #d97706}
.pplus-audit-bad{border-inline-start:4px solid #dc2626}
@media(max-width:640px){.pplus-audit-summary{grid-template-columns:1fr}.pplus-audit-item{font-size:12px}}

/* ===== [24] pplus-mobile-layout-fix-v7 ===== */
/* PishkhanPlus mobile layout repair v7.
   Keep desktop styles intact; normalize the app shell on touch-first phones. */
@media (max-width: 760px), (pointer: coarse) and (hover: none) {
  html, body {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none;
  }
  html body #app.app {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }
  html body #app.app > aside.side {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
  }
  html body #app.app > section.work {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html body #app.app > section.work > .topbar {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 0 0 16px 16px !important;
  }
  html body #app.app > section.work > main#page,
  html body #page.page {
    display: block !important;
    position: relative !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px 12px calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain;
  }
  html body #app.app > footer#status.status,
  html body footer#status.status {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  html body nav#mnav.mnav {
    display: grid !important;
    position: fixed !important;
    inset-inline: 10px !important;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 9999 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
  html body #layer {
    max-width: 100vw !important;
  }
  html body #page > * {
    min-width: 0;
    max-width: 100%;
  }
  html body #page table {
    max-width: 100%;
  }
  html body #page .table-wrap,
  html body #page .tw,
  html body #page .tbl-wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ===== [25] pplus-mobile-modal-visibility-fix-v17 ===== */
/* v17: make touch-device dialogs fully opaque and prevent sticky hover styling. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  html body #layer { position: fixed !important; inset: 0 !important; z-index: 10000 !important; width: 100% !important; max-width: 100vw !important; height: 100% !important; height: 100dvh !important; pointer-events: none !important; }
  html body #layer > .scrim { position: fixed !important; inset: 0 !important; z-index: 10000 !important; background: rgba(12, 22, 38, .58) !important; opacity: 1 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; pointer-events: auto !important; }
  html body #layer > .dlg, html body #layer > .wiz, html body #layer > .pal, html body #layer > .coach, html body #layer > .pop { opacity: 1 !important; filter: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; pointer-events: auto !important; color: var(--ink, #172b4d) !important; }
  html body #layer > .dlg { background-color: var(--panel, #fff) !important; box-shadow: 0 18px 54px rgba(7, 20, 42, .30) !important; isolation: isolate !important; }
  html body #layer > .dlg .dlg-h { opacity: 1 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  html body .btn:hover, html body .tab:hover, html body .kpi:hover, html body .box:hover, html body .mod:hover, html body .tile2:hover, html body .ins:hover, html body .li:hover, html body .kc:hover, html body .uopt:hover, html body .xl-c:hover { transform: none !important; filter: none !important; opacity: 1 !important; }
  html body .dlg, html body .wiz, html body .pal { animation: none !important; }
}

/* ===== [26] pplus-v20-login-interaction-fix ===== */
/* v20: only make the overlay interactive while the login screen is present. */
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  html body #layer.is-login-layer {
    position: fixed !important; inset: 0 !important;
    width: 100vw !important; max-width: 100vw !important;
    height: 100vh !important; height: 100dvh !important;
    z-index: 2147483000 !important; pointer-events: auto !important;
    isolation: isolate !important; overflow: auto !important;
    overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important;
  }
  html body #layer.is-login-layer > .login.login-pro {
    position: absolute !important; inset: 0 !important; z-index: 1 !important;
    pointer-events: auto !important; display: grid !important;
    grid-template-columns: minmax(0,1fr) !important; justify-items: center !important;
    align-content: start !important; width: 100% !important; min-height: 100% !important;
    height: auto !important; max-width: 100% !important; overflow: visible !important;
    box-sizing: border-box !important; touch-action: pan-y !important; transform: none !important;
    opacity: 1 !important; visibility: visible !important;
    padding: max(14px,env(safe-area-inset-top,0px)) 12px max(22px,env(safe-area-inset-bottom,0px)) !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }
  html body #layer.is-login-layer > .login.login-pro::after { pointer-events: none !important; }
  html body #layer.is-login-layer > .login.login-pro,
  html body #layer.is-login-layer > .login.login-pro * { pointer-events: auto !important; }
  html body #layer.is-login-layer > .login.login-pro .login-card-pro {
    position: relative !important; z-index: 2 !important; width: 100% !important;
    max-width: 460px !important; min-width: 0 !important; margin: 0 auto !important;
    max-height: none !important; overflow: visible !important; transform: none !important;
    touch-action: pan-y !important;
  }
  html body #layer.is-login-layer > .login.login-pro input,
  html body #layer.is-login-layer > .login.login-pro button {
    position: relative !important; z-index: 3 !important; pointer-events: auto !important;
    touch-action: manipulation !important; -webkit-user-select: text !important; user-select: text !important;
  }
  html body #layer.is-login-layer > .login.login-pro input.login-pin {
    display: block !important; width: 100% !important; min-height: 50px !important;
    opacity: 1 !important; visibility: visible !important; color: #172b49 !important;
    background: #fff !important; font-size: 18px !important; caret-color: #087e89 !important;
    -webkit-appearance: none !important; appearance: none !important;
  }
}

/* ===== [27] pplus-v21-mobile-modal-click-fix ===== */
/* v21: keep modal content above the scrim on touch devices. Previously the
   mobile scrim had z-index 10000 while dialogs retained their lower z-index,
   so taps inside a dialog landed on the scrim and closed the modal. */
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  html body #layer:not(.is-login-layer) { pointer-events: none !important; }
  html body #layer:not(.is-login-layer) > .scrim {
    z-index: 10000 !important; pointer-events: auto !important;
  }
  html body #layer:not(.is-login-layer) > .dlg,
  html body #layer:not(.is-login-layer) > .wiz,
  html body #layer:not(.is-login-layer) > .pal,
  html body #layer:not(.is-login-layer) > .coach,
  html body #layer:not(.is-login-layer) > .pop,
  html body #layer:not(.is-login-layer) > .lstage {
    z-index: 10001 !important; pointer-events: auto !important;
    position: fixed !important; isolation: isolate !important;
  }
  html body #layer:not(.is-login-layer) > .dlg * ,
  html body #layer:not(.is-login-layer) > .wiz * ,
  html body #layer:not(.is-login-layer) > .pal * { pointer-events: auto; }
}

/* FINAL RELEASE v23 — mobile layout, compact footer, date picker, share actions */
.pp-designer-credit{display:block;font-size:10px;opacity:.72;margin-top:2px}
.pp-share-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:8px}
.pp-share-tools .btn{min-height:34px;padding:7px 11px;border-radius:11px;font-size:12px}
.pp-date-wrap{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:center;width:100%;min-width:0}
.pp-date-wrap>.field,.pp-date-wrap>input:not([type=checkbox]){min-width:0;width:100%;box-sizing:border-box}.a3-ch .pp-date-wrap{grid-template-columns:minmax(0,1fr) 30px;gap:3px}.a3-ch .pp-date-trigger{width:30px;height:32px}
.pp-date-trigger{height:38px;width:38px;border:1px solid var(--line,#dbe4ef);border-radius:10px;background:var(--panel,#fff);color:var(--acc,#167d91);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}
.pp-date-trigger:active{transform:scale(.97)}
.pp-native-date{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.pp-settings-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pp-job-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line,#dbe4ef);border-radius:12px;min-width:0;background:var(--panel,#fff)}
.pp-job-option span{min-width:0;overflow-wrap:anywhere}
.pp-settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:760px){
 html body .dlg.atmdlg.v3{width:100vw!important;max-width:100vw!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;display:flex;flex-direction:column}
 .atmdlg.v3 .a3-hd{flex:0 0 auto;padding:9px 12px!important;gap:8px}
 .atmdlg.v3 .a3-t h2{font-size:16px!important;line-height:1.45}
 .atmdlg.v3 .a3-t>small{margin-bottom:5px}
 .atmdlg.v3 .a3-ch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}
 .atmdlg.v3 .a3-ch label{min-width:0;padding:5px!important;font-size:11px}
 .atmdlg.v3 .a3-ch label input,.atmdlg.v3 .a3-ch label:nth-child(3) input{width:100%!important;min-width:0;box-sizing:border-box;height:32px}
 .atmdlg.v3 .a3-codes{display:none!important}
 .atmdlg.v3 .a3-b{flex:1 1 auto;min-height:0;max-height:none!important;overflow:auto!important;padding:8px!important;-webkit-overflow-scrolling:touch}
 .atmdlg.v3 .a3-tool{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;padding:7px!important;margin-bottom:8px!important}
 .atmdlg.v3 .a3-tool .a3-tip{grid-column:1/-1;font-size:11px;line-height:1.55}
 .atmdlg.v3 .a3-panels{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .atmdlg.v3 .ap{min-width:0;border-radius:12px!important;overflow:hidden}
 .atmdlg.v3 .ap:nth-child(3){grid-column:1/-1}
 .atmdlg.v3 .ap-h{padding:8px!important;gap:5px}
 .atmdlg.v3 .ap-h b{font-size:11px!important}
 .atmdlg.v3 .ap-n{width:22px;height:22px;font-size:11px}
 .atmdlg.v3 .ap table{width:100%;font-size:10px!important;table-layout:fixed!important}
 .atmdlg.v3 .ap thead th{font-size:9px!important;padding:5px 2px!important;line-height:1.35}
 .atmdlg.v3 .ap td,.atmdlg.v3 .ap tbody th{padding:4px 2px!important;font-size:9.5px!important;overflow-wrap:anywhere}
 .atmdlg.v3 .dnc b{font-size:10px!important;padding:4px 1px!important}
 .atmdlg.v3 .dnc small{font-size:8px!important}
 .atmdlg.v3 .ap .atm-in{width:100%!important;max-width:none!important;min-width:0!important;height:31px!important;padding:3px 1px!important;font-size:11px!important}
 .atmdlg.v3 .ap td.am{font-size:9px!important}
 .atmdlg.v3 .ap-f{padding:6px!important;font-size:9px!important}
 .atmdlg.v3 .a3-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0!important}
 .atmdlg.v3 .ac{padding:9px!important;border-radius:12px!important}
 .atmdlg.v3 .ac small{font-size:10px;line-height:1.45}
 .atmdlg.v3 .ac b,.atmdlg.v3 .ac.dark b{font-size:15px!important;line-height:1.5;overflow-wrap:anywhere}
 .atmdlg.v3 .ac em{font-size:10px}
 .atmdlg.v3 .ac-ref{height:31px!important;font-size:11px}
 .atmdlg.v3 .a3-chk{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 .atmdlg.v3 .cp{padding:8px!important;font-size:10px!important;min-width:0}
 .atmdlg.v3 .a3-more{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important;margin-top:8px!important}
 .atmdlg.v3 .a3-sign{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .atmdlg.v3 .a3-sign>div{min-height:58px!important;padding:8px!important;gap:5px!important}
 .atmdlg.v3 .a3-sign>div:first-child{grid-column:1/-1}
 .atmdlg.v3 .dlg-f{position:sticky!important;bottom:0!important;flex:0 0 auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;background:#f8fbff!important;backdrop-filter:none!important;box-shadow:0 -3px 12px rgba(15,35,65,.08)!important}
 .atmdlg.v3 .dlg-f .btn{min-height:34px!important;height:auto!important;padding:7px 8px!important;font-size:11px!important;border-radius:9px!important;flex:none!important;white-space:normal;line-height:1.35}
 .pp-settings-jobs{grid-template-columns:1fr}
 .pp-share-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .pp-share-tools .btn{width:100%;justify-content:center}
}
@media(max-width:380px){.atmdlg.v3 .a3-panels,.atmdlg.v3 .a3-cards{grid-template-columns:minmax(0,1fr)!important}.atmdlg.v3 .ap:nth-child(3){grid-column:auto}.atmdlg.v3 .a3-more{grid-template-columns:minmax(0,1fr)!important}}

/* ===== [28] pplus-avatar-settings-v24 ===== */
/* آواتار واقعی طراح و سربرگ حرفه‌ای تنظیمات */
.av-photo{display:inline-grid!important;place-items:center;overflow:hidden;padding:0!important;background:#eaf2ff!important;border:2px solid rgba(255,255,255,.95)!important;box-shadow:0 2px 8px rgba(32,91,160,.18)!important}
.av-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;border-radius:inherit}
.pp-settings-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;overflow:hidden;margin:0 0 14px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--acc) 22%,var(--glass-line));border-radius:24px;background:radial-gradient(circle at 8% 12%,color-mix(in srgb,#7da9ff 22%,transparent),transparent 34%),linear-gradient(120deg,color-mix(in srgb,var(--acc) 11%,var(--panel)),var(--panel) 60%,color-mix(in srgb,#8b7cf6 9%,var(--panel)));box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 16px 34px -25px rgba(27,77,143,.45)}
.pp-settings-identity{display:flex;align-items:center;gap:17px;min-width:0;z-index:1}
.pp-settings-avatar{width:92px;height:92px;flex:0 0 92px;border-radius:27px;padding:4px;background:linear-gradient(145deg,#fff,#dce9ff);box-shadow:0 5px 0 rgba(43,105,195,.12),0 14px 28px -18px rgba(23,83,166,.7)}
.pp-settings-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 32%;border-radius:23px;display:block}
.pp-settings-intro{min-width:0}.pp-settings-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:99px;color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,var(--panel));font-size:11px;font-weight:800}
.pp-settings-intro h2{margin:7px 0 4px;font-size:clamp(18px,2vw,25px);line-height:1.4;color:var(--ink)}.pp-settings-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.9;max-width:660px}
.pp-settings-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pp-settings-tags span{border:1px solid var(--glass-line);background:color-mix(in srgb,var(--panel) 86%,transparent);border-radius:99px;padding:4px 9px;font-size:10.5px;color:var(--ink)}
.pp-settings-orbit{position:relative;width:132px;height:110px;flex:0 0 132px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.78),color-mix(in srgb,#b9d1ff 35%,var(--panel)));border:1px solid rgba(113,157,230,.24);box-shadow:0 1px 0 #fff inset,0 15px 24px -22px #3672c6;display:grid;place-items:center;transform:rotate(-3deg)}
.pp-orbit-icon{width:57px;height:57px;border-radius:19px;display:grid;place-items:center;color:white;font-size:31px;background:linear-gradient(145deg,#79adff,#286bd0);box-shadow:0 5px 0 #1e56a7,0 12px 20px -10px #1e56a7}
.pp-orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#27bd8b;border:3px solid #fff;top:15px;right:17px}.pp-orbit-line{position:absolute;inset:12px;border:1px dashed rgba(63,118,201,.25);border-radius:22px;pointer-events:none}
.pp-settings-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.pp-settings-shortcuts>div{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:10px;padding:11px 12px;border:1px solid var(--glass-line);border-radius:16px;background:linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--acc) 4%,var(--panel)));box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 8px 18px -18px var(--glass-edge)}
.pp-shortcut-icon{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--acc) 11%,var(--panel));font-size:19px}.pp-settings-shortcuts b{font-size:12px;line-height:1.6}.pp-settings-shortcuts small{font-size:10px;color:var(--muted);line-height:1.5}
.pp-settings-primary{align-items:start}.pp-settings-primary>.box{min-width:0}.pp-settings-primary .box-h h2{line-height:1.6}
@media(max-width:760px){.pp-settings-hero{padding:13px;border-radius:18px;gap:8px}.pp-settings-identity{gap:11px}.pp-settings-avatar{width:66px;height:66px;flex-basis:66px;border-radius:20px;padding:3px}.pp-settings-avatar img{border-radius:17px}.pp-settings-intro h2{font-size:17px}.pp-settings-intro p{font-size:11px;line-height:1.75}.pp-settings-tags{gap:4px;margin-top:7px}.pp-settings-tags span{font-size:9px;padding:3px 7px}.pp-settings-orbit{width:54px;height:54px;flex-basis:54px;border-radius:16px}.pp-orbit-icon{width:34px;height:34px;border-radius:11px;font-size:20px}.pp-orbit-dot,.pp-orbit-line{display:none}.pp-settings-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pp-settings-shortcuts>div{padding:9px;grid-template-columns:32px minmax(0,1fr);column-gap:8px;border-radius:13px}.pp-shortcut-icon{width:32px;height:32px;border-radius:10px;font-size:16px}.pp-settings-shortcuts b{font-size:11px}.pp-settings-shortcuts small{font-size:9px}.pp-settings-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.pp-settings-primary>.box{margin-bottom:0!important}.pp-settings-primary #stLoanCheque{grid-column:1/-1}.pp-settings-primary .staff-admin{grid-column:1/-1}}
@media(max-width:420px){.pp-settings-orbit{display:none}.pp-settings-identity{align-items:flex-start}.pp-settings-avatar{width:58px;height:58px;flex-basis:58px}.pp-settings-intro h2{font-size:15px}.pp-settings-shortcuts>div{padding:8px}.pp-settings-primary{grid-template-columns:minmax(0,1fr)!important}.pp-settings-primary #stLoanCheque,.pp-settings-primary .staff-admin{grid-column:auto}}

/* 2.39.1 — ردیف‌های هم‌سطح مشتریان ستاره‌دار */
.stl{grid-template-columns:minmax(0,1fr);gap:7px}
.stl li.stl-row{display:grid;grid-template-columns:22px minmax(150px,1.4fr) minmax(88px,.7fr) auto minmax(172px,auto);align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}
.stl .stl-name{display:flex;flex-direction:column;gap:2px;white-space:normal}
.stl .stl-name b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stl .stl-name small,.stl .stl-last{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stl .stl-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.stl .stl-actions .btn{min-height:30px;padding:4px 9px}
@media(max-width:900px){.stl li.stl-row{grid-template-columns:20px minmax(0,1fr) auto;gap:7px}.stl .stl-last{display:none}.stl .stl-actions{grid-column:2/4;justify-content:flex-start;flex-wrap:wrap}.stl li.stl-row>.pill{justify-self:start}}
@media(max-width:420px){.stl li.stl-row{grid-template-columns:18px minmax(0,1fr);align-items:start}.stl li.stl-row>.pill{grid-column:2}.stl .stl-actions{grid-column:2;justify-content:stretch}.stl .stl-actions .btn{flex:1}}