/* PishkhanPlus 2.53.0 — کمی خلوت‌تر: سایه و رنگ آرام‌تر، مناسبت‌های دوستونه، زبانه‌های جمع‌وجور در گوشی */

/* ---------- مناسبت‌ها و یادآورها (همه اندازه‌ها) ---------- */
.pci-evsum{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.pci-evsum span{flex:1 1 0;min-width:84px;display:flex;align-items:baseline;justify-content:center;gap:4px;padding:6px 8px;border-radius:10px;background:color-mix(in srgb,var(--pri,#1d3f8f) 6%,transparent);font-size:12px;color:var(--mute,#64748b)}
.pci-evsum b{font-size:16px;font-weight:900;color:var(--ink,#0f172a)}
[data-cxp="ai"] .pci-events.pci-evgrid,.pci-events.pci-evgrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px!important}
.pci-ev{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;row-gap:1px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--line,#e2e8f0);background:var(--card,#fff);min-width:0;transition:border-color .15s,background .15s}
.pci-ev:hover{border-color:color-mix(in srgb,var(--pri,#1d3f8f) 35%,transparent)}
.pci-ev:focus-visible{outline:2px solid var(--pri,#1d3f8f);outline-offset:2px}
.pci-ev i{grid-row:1/3;font-style:normal;font-size:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff7ed}
.pci-ev.an i{background:#f3efff}
.pci-ev b{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pci-ev small{font-size:11px;color:var(--mute,#64748b);display:flex;gap:6px;white-space:nowrap;overflow:hidden}
.pci-ev em{grid-column:2;font-style:normal;font-size:11px;font-weight:700;color:var(--mute,#64748b)}
.pci-ev{grid-template-rows:auto auto auto}
.pci-ev i{grid-row:1/4}
.pci-ev.soon em{color:#b45309}
.pci-ev.today{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,var(--card,#fff))}
.pci-ev.today em{color:#b45309}
.pci-evfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap}
.pci-evfoot .pci-note{margin:0}
[data-theme="dark"] .pci-ev i{background:rgba(251,191,36,.12)}[data-theme="dark"] .pci-ev.an i{background:rgba(139,92,246,.15)}
[data-theme="dark"] .pci-ev.today{background:rgba(245,158,11,.08)}

/* ویرایش سریع: در گوشی جمع شده؛ لمس سرتیتر بازش می‌کند */
@media (max-width:760px){
  .pci-quick>.pci-head{cursor:pointer;position:relative;padding-inline-end:34px!important}
  .pci-quick>.pci-head::after{content:"▾";position:absolute;inset-inline-end:12px;top:14px;font-size:14px;opacity:.6}
  .pci-quick:not(.open)>.pci-body,.pci-quick:not(.open) .pci-actions,.pci-quick:not(.open) .pci-sub{display:none!important}
  .pci-quick.open>.pci-head::after{content:"▴"}
}

/* ---------- گوشی: خلوت‌تر ---------- */
@media (max-width:760px){
  /* سایه‌ها و گرادیان‌های تزئینی ملایم‌تر */
  html body #page .box,html body #page .pci-card,html body #page .ac-card,html body #page .p238-card,html body #page .ph{box-shadow:0 1px 2px rgba(15,23,42,.05)!important}
  html body #page .ph::before,html body #page .ph::after{opacity:.35}
  #page>*{margin-bottom:10px}
  /* زبانه‌های مشتریان: همه چهار زبانه دیده شوند (۲×۲) */
  html body #page .cx-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;overflow:visible!important;padding:4px!important}
  html body #page .cx-tabs>button{min-width:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px!important;padding:8px 6px!important;justify-content:center}
  /* مناسبت‌ها: دو ستون فشرده */
  [data-cxp="ai"] .pci-events.pci-evgrid,.pci-events.pci-evgrid{grid-template-columns:1fr 1fr}
  .pci-ev{padding:7px 8px;column-gap:6px}
  .pci-ev i{width:28px;height:28px;font-size:16px;border-radius:8px}
  .pci-ev b{font-size:12.5px}
  .pci-head h2{font-size:15px!important}
  /* حسابداری حمید رئیسی: دکمه‌های بالا و زبانه‌ها جمع‌وجور */
  html body #page .hr-ph .bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;overflow:visible!important}
  html body #page .hr-ph .bar>.btn:first-child{grid-column:1/-1}
  html body #page .hr-ph .bar .btn{min-width:0!important;min-height:38px!important;padding:6px 4px!important;font-size:12.5px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;justify-content:center!important}
  html body #page .hr-ph .sub{display:none}
  html body #page .hr-ph .hr-logo{width:44px;height:44px}
  html body #page .hr-ph~.ac-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;overflow:visible!important;padding:4px!important}
  html body #page .hr-ph~.ac-tabs>button{min-width:0;padding:7px 4px!important;font-size:12px!important;white-space:nowrap;justify-content:center}
  html body #page .hr-accs{gap:8px}
  html body #page .hr-acc{padding:10px 12px!important}
  html body #page .hr-acc .ac-big{font-size:18px!important}
  html body #page .hr-acc .bar{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  html body #page .hr-acc .bar .btn{padding:6px 4px;font-size:12px;min-width:0;justify-content:center}
}

/* دکمه‌های کوچک «📊 آمار و ارسال» روی هر کادر: در کامپیوتر کم‌رنگ تا ماوس روی کادر برود؛ در گوشی فقط در سرتیتر صفحه */
#page .box .ix-btn,#page .pci-card .ix-btn,#page .p238-card .ix-btn{opacity:.45;transition:opacity .15s}
#page .box:hover .ix-btn,#page .pci-card:hover .ix-btn,#page .p238-card:hover .ix-btn,#page .ix-btn:focus-visible{opacity:1}
@media (max-width:760px){
  html body #page .box .ix-btn,html body #page .pci-card .ix-btn,html body #page .p238-card .ix-btn,html body #page .ac-card .ix-btn,html body #page .hr-ph .ix-btn{display:none!important}
}

/* 2.54.0: یادآور پشتیبان وسط صفحه */
.bkn-dlg{width:min(520px,94vw)}
.bkn-b{display:flex;flex-direction:column;gap:12px}
.bkn-age{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;background:#ecfdf5;color:#065f46;font-size:13px}
.bkn-age b{font-size:16px}.bkn-age.old{background:#fff7ed;color:#9a3412}
.bkn-acts{display:flex;flex-direction:column;gap:8px}.bkn-acts .btn{justify-content:center;min-height:44px}
.bkn-every{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mute,#64748b)}.bkn-every .field{width:auto;min-height:34px;padding:4px 8px}
[data-theme="dark"] .bkn-age{background:rgba(16,185,129,.12);color:#6ee7b7}[data-theme="dark"] .bkn-age.old{background:rgba(249,115,22,.12);color:#fdba74}
.bkn-dlg .bkn-b{padding:16px 18px 18px!important}
.bkn-dlg .bk-incl{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0}
.bk-incl b{white-space:nowrap}
.bk-incl span{line-height:1.5}

/* 2.55.0: نمودار دایره‌ای — عدد وسط خلاصه و مرتب، راهنما جدولی */
.d2c.d2m{gap:0}.d2c.d2m b{font-size:22px;font-weight:900;line-height:1.1;letter-spacing:-.3px}
.d2c.d2m em{font-style:normal;font-size:11px;font-weight:700;color:var(--ink,#0f172a);opacity:.75;margin-top:2px}
.d2c.d2m small{margin-top:2px}
.d2c.d2long b{font-size:13px;max-width:96px;overflow-wrap:anywhere}
.lg.lg2{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 220px}
.lg.lg2>div{display:grid!important;grid-template-columns:12px minmax(0,1fr) auto 44px!important;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;background:color-mix(in srgb,var(--sunk,#eef2f7) 55%,transparent)}
.lg.lg2>div i{width:12px;height:12px;border-radius:4px}
.lg.lg2>div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.lg.lg2>div b{white-space:nowrap;font-size:13px;font-weight:800;direction:ltr;text-align:left}
.lg.lg2>div em{font-style:normal;font-size:11px;font-weight:700;text-align:center;padding:2px 0;border-radius:8px;background:var(--card,#fff);color:var(--mute,#64748b)}
@media (max-width:760px){.d2wrap{justify-content:center}.lg.lg2{flex-basis:100%}.lg.lg2>div b{font-size:12px}}

/* 2.55.0: نوار پیامک مرحله تسهیلات و ۱۸ سالگی */
.lsms-snack{position:fixed;z-index:9000;inset-inline:0;margin:auto;bottom:calc(84px + env(safe-area-inset-bottom));width:min(460px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--card,#fff);border:1px solid var(--line,#e2e8f0);box-shadow:0 10px 30px rgba(15,23,42,.18);animation:lsmsIn .25s ease-out}
.lsms-snack>div{flex:1;min-width:0;display:flex;flex-direction:column}.lsms-snack small{color:var(--mute,#64748b);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:761px){.lsms-snack{bottom:24px}}
@keyframes lsmsIn{from{transform:translateY(12px);opacity:0}}@media (prefers-reduced-motion:reduce){.lsms-snack{animation:none}}
.pci-ev.ad{border-color:#0ea5e9;background:linear-gradient(135deg,#f0f9ff,var(--card,#fff))}.pci-ev.ad i{background:#e0f2fe}

/* 2.55.0: روند اهداف ماه در میز کار */
.gl2-list{display:flex;flex-direction:column;gap:12px}
.gl2{display:flex;flex-direction:column;gap:6px}
.gl2-h{display:flex;align-items:center;gap:8px}.gl2-h b{flex:1;font-size:13.5px;font-weight:800}
.gl2-i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--pri,#1d3f8f) 8%,transparent);font-size:15px}
.gl2-h em{font-style:normal;font-weight:900;font-size:13px;padding:2px 8px;border-radius:999px;background:#f1f5f9;color:#334155}
.gl2.ok .gl2-h em{background:#dcfce7;color:#166534}.gl2.warn .gl2-h em{background:#fef3c7;color:#92400e}.gl2.bad .gl2-h em{background:#fee2e2;color:#991b1b}
.gl2-m{position:relative;height:10px;border-radius:999px;background:var(--sunk,#eef2f7);overflow:visible}
.gl2-m i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}
.gl2.ok .gl2-m i{background:linear-gradient(90deg,#22c55e,#15803d)}.gl2.warn .gl2-m i{background:linear-gradient(90deg,#fbbf24,#d97706)}.gl2.bad .gl2-m i{background:linear-gradient(90deg,#f87171,#dc2626)}
.gl2-m u{position:absolute;top:-4px;bottom:-4px;width:2px;margin-inline-start:-1px;background:var(--ink,#0f172a);opacity:.55;border-radius:2px}
.gl2-f{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--mute,#64748b)}.gl2-f>span:first-child{font-weight:700;color:var(--ink,#0f172a)}
.gl2-s{text-align:end}
[data-theme="dark"] .gl2-h em{background:rgba(148,163,184,.15);color:#cbd5e1}
.atm-smsrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px dashed var(--line,#cbd5e1);border-radius:12px;margin:8px 0}
.atm-smsrow .field{flex:1 1 220px;min-height:36px}.atm-smsrow small{flex-basis:100%}
.sms-tg{border:1px solid var(--line,#e2e8f0);border-radius:12px;padding:4px 10px;margin:0 0 8px;background:var(--card,#fff)}
.sms-tg>summary{cursor:pointer;font-weight:800;font-size:13px;padding:6px 0}.sms-tg>summary small{font-weight:500;color:var(--mute,#64748b)}

/* 2.56.0: چک واقعی‌نما */
.loan-cheque-image-wrap.cq-art{aspect-ratio:1000/440;background:none;border:0;box-shadow:0 8px 22px rgba(31,58,95,.14);border-radius:14px;max-height:none}
.cq-art svg{display:block;width:100%;height:auto}
.cq-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.cq-form .cq-act{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media (max-width:560px){.cq-form{grid-template-columns:1fr}}
#scqWrap .cq-art,.loan-cheque-detail .cq-art{max-height:none!important;height:auto!important;overflow:visible}

/* 2.56.0: اسناد ارسالی به شعبه — فشرده، تقویمی، کم‌اسکرول */
html body #page .fixmod-docs .fixmod-hero{padding:12px 16px!important;margin-bottom:10px!important;min-height:0!important}
html body #page .fixmod-docs .fixmod-hero h1{font-size:18px!important;margin:0!important}
html body #page .fixmod-docs .fixmod-hero p{font-size:12px!important;margin:2px 0 0!important}
html body #page .fixmod-docs .fixmod-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}
html body #page .fixmod-docs .fixmod-kpi{padding:8px 12px!important;min-height:0!important;border-radius:12px!important;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px}
html body #page .fixmod-docs .fixmod-kpi small{font-size:11px}html body #page .fixmod-docs .fixmod-kpi b{font-size:18px!important;grid-row:1/3;grid-column:2}html body #page .fixmod-docs .fixmod-kpi span{font-size:10.5px;opacity:.7}
html body #page .fixmod-docs .fixmod-card-h{padding:10px 14px!important}
html body #page .fixmod-docs .fixmod-card-b{padding:10px 14px!important}
html body #page .fixmod-docs .fixmod-fields{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
html body #page .fixmod-docs .fixmod-fields label.wide{grid-column:span 2}
html body #page .fixmod-docs .fixmod-fields label{font-size:12px}
.doc-daily-table{max-height:none!important;overflow:visible!important;border:0!important}
.doc-daily-table table,.doc-daily-table tbody{display:block!important;width:100%}
.doc-daily-table thead{display:none!important}
.doc-daily-table tbody{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.doc-daily-table tr{display:grid!important;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"d c";align-items:center;gap:2px 4px;padding:4px 6px;border:1px solid var(--line,#e2e8f0);border-radius:10px;background:var(--card,#fff);transition:border-color .15s,background .15s}
.doc-daily-table tr:focus-within{border-color:var(--pri,#1d3f8f);background:color-mix(in srgb,var(--pri,#1d3f8f) 5%,var(--card,#fff))}
.doc-daily-table td{display:block;padding:0!important;border:0!important;background:none!important}
.doc-daily-table td:nth-child(1){grid-area:d;font-weight:900;font-size:14px;color:var(--pri,#1d3f8f);white-space:nowrap;text-align:center}
.doc-daily-table td:nth-child(2){display:none!important}
.doc-daily-table td:nth-child(3){grid-area:c}.doc-daily-table td:nth-child(3) input{width:100%;min-height:28px!important;height:28px!important;padding:0 4px!important;text-align:center;font-weight:800;font-size:14px;border-radius:8px}
.doc-daily-table td:nth-child(4),.doc-daily-table td:nth-child(5){display:none!important}
.doc-daily-table tr{min-height:0!important;height:auto!important}
.doc-daily-table tr.has{border-color:#86efac;background:#f0fdf4}
@media (max-width:760px){.doc-daily-table tbody{grid-template-columns:repeat(4,minmax(0,1fr))}html body #page .fixmod-docs .fixmod-kpis{grid-template-columns:1fr 1fr!important}html body #page .fixmod-docs .fixmod-fields{grid-template-columns:1fr 1fr!important}}
[data-theme="dark"] .doc-daily-table tr.has{background:rgba(34,197,94,.1)}
/* سرتیتر صفحه‌ها کمی فشرده‌تر */
html body #page>.ph{padding-block:12px!important}
html body #page>.ph h1{font-size:clamp(17px,2.2vw,22px)!important}

/* 2.56.0: کارتابل مشتری — سرتیتر خواناتر و دکمه‌های یکدست */
html body #page .cpf-hero{gap:16px!important;padding:16px 20px!important;border-radius:22px!important;background:linear-gradient(135deg,#0f3d3a 0%,#134e4a 45%,#1e3a5f 100%)!important;box-shadow:0 14px 34px rgba(15,61,58,.25)!important}
html body #page .cpf-hero.vip{background:linear-gradient(135deg,#3b2a05 0%,#6b4a0b 45%,#1e293b 100%)!important}
html body #page .cpf-hero h1{color:#fff!important;font-size:24px!important;font-weight:900!important;letter-spacing:-.2px}
html body #page .cpf-meta{color:rgba(255,255,255,.75)!important;gap:6px 14px!important}html body #page .cpf-meta b{color:#fff!important}
html body #page .cpf-chips .cpf-chip,html body #page .cpf-chips>span{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
html body #page .cpf-act{display:grid!important;grid-template-columns:repeat(6,minmax(64px,1fr))!important;gap:6px!important;align-self:center}
html body #page .cpf-act .cpf-ib{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:3px;min-height:58px!important;padding:6px 4px!important;border-radius:14px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;font-size:18px;text-decoration:none;transition:background .15s}
html body #page .cpf-act .cpf-ib:hover{background:rgba(255,255,255,.2)!important}
html body #page .cpf-act .cpf-ib span{color:#fff!important;font-size:11.5px!important;font-weight:700;white-space:nowrap;opacity:1!important}
html body #page .cpf-kpis{gap:10px!important}
html body #page .cpf-k{border-radius:16px!important;padding:12px 14px!important}
html body #page .cpf-k b{font-size:20px!important;font-weight:900!important}
@media (max-width:760px){html body #page .cpf-act{grid-template-columns:repeat(3,1fr)!important;width:100%}html body #page .cpf-act .cpf-ib{min-height:50px!important;font-size:16px;flex-direction:column!important}html body #page .cpf-act .cpf-ib span{font-size:10.5px!important}}