/* ────────────────────────────────────────────────────────────────────────────
   clinic-panel-a.css — دلتای عامل A (۰۹-۲۷): پوسته پنل، داشبورد، تنظیمات، کارت ظاهر.
   فقط کلاس‌های تازه cl-x-a-* و چند تکمیل ضروری؛ هیچ قاعده موکاپ (clinic.css) بازنویسی نمی‌شود.
   همه زیر .cl-root ؛ برای تنانت‌های تراپیست اصلا لینک نمی‌شود.
   ──────────────────────────────────────────────────────────────────────────── */

/* ریشه تمام‌قد (body در اپ پس‌زمینه شفاف دارد) */
.cl-root[data-cl-area]{min-height:100vh;min-height:100dvh}

/* زنگ بدون مورد باز ⇒ بدون نقطه */
.cl-root .cl-bell.cl-x-a-nodot::after{display:none}

/* کارت «من» بدون عکس ⇒ سیلوئت خنثی (نه حرف اول) */
.cl-root .cl-me .cl-x-a-sil{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:var(--on-glass)}

/* آواتار درمانگر بدون عکس در جدول «درمانگران امروز» */
.cl-root .cl-x-a-av{display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--on-glass-mut)}
.cl-root .cl-tlist .cl-nm b a{color:inherit}
.cl-root .cl-tlist .cl-nm b a:hover{text-decoration:underline;text-underline-offset:4px}

/* حالت خالی کارت‌ها */
.cl-root .cl-x-a-empty{color:var(--on-glass-mut);font-size:13px;margin:4px 0 0}
.cl-root .cl-x-a-tlmore{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:13px;color:var(--on-glass-mut)}
.cl-root .cl-x-a-tlmore:hover{color:#fff}

/* کارت ظاهر: شش پالت + چهار فونت */
.cl-root .cl-x-a-fl{margin-top:4px}
.cl-root .cl-x-a-pals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cl-root .cl-x-a-pal{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;border-radius:16px;text-align:start;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);transition:background var(--d-2),border-color var(--d-2),transform var(--d-2) var(--e-out)}
.cl-root .cl-x-a-pal:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.cl-root .cl-x-a-pal[aria-checked="true"]{border-color:#fff;background:rgba(255,255,255,.12);box-shadow:0 0 0 1px #fff inset}
.cl-root .cl-x-a-pal b{font-size:12.5px;font-weight:700;line-height:1.5;padding-inline:2px}
.cl-root .cl-x-a-sw{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;height:44px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cl-root .cl-x-a-sw i{display:block}
.cl-root .cl-x-a-check{position:absolute;top:12px;inset-inline-end:12px;width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.cl-root .cl-x-a-fonts .cl-pchip{height:42px;font-size:14px}
.cl-root .cl-x-a-fonts .cl-pchip[aria-checked="true"]{background:#fff;color:var(--p-ink);font-weight:700;border-color:#fff}
.cl-root .cl-savebar .cl-btn:disabled{opacity:.55;cursor:default}
@media (max-width:860px){.cl-root .cl-x-a-pals{grid-template-columns:repeat(2,1fr)}}

/* اسکلت بارگذاری */
.cl-root .cl-x-a-skel{display:block;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.14),rgba(255,255,255,.06));background-size:200% 100%;animation:cl-x-a-shim 1.4s linear infinite}
.cl-root .cl-x-a-skelgrid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}
.cl-root .cl-x-a-skelcard{min-height:320px}
@keyframes cl-x-a-shim{from{background-position:200% 0}to{background-position:-200% 0}}
@media (max-width:860px){.cl-root .cl-x-a-skelgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cl-root .cl-x-a-skel{animation:none}}

/* کارت خطا */
.cl-root .cl-x-a-err p{color:var(--on-glass-mut);font-size:14px;line-height:1.9}

/* فالبک مرورگر بدون backdrop-filter (ریسک ر۱۳) ⇒ شیشه مات */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .cl-root .cl-lg{background:var(--glass-tint-strong)}
  .cl-root .cl-lg-light{background:rgba(255,255,255,.94)}
}