/*
 * TebTok UI — اجزای مشترک همهٔ پرتال‌ها (۸.۱.۰)
 *
 * مرجع واحد: رنگ‌ها از tebtok-core.css (--tebtok-*) می‌آیند؛ این فایل فقط
 * مقیاس فاصله، اندازهٔ متن، ارتفاع کنترل و اجزای مشترک را تعریف می‌کند.
 * همهٔ قاعده‌ها به ریشه‌های افزونه محدودند (.tbk-app و .tbk-ui) تا روی قالب،
 * پیشخوان وردپرس یا افزونه‌های دیگر اثری نگذارند.
 *
 * اجزا: tbk-page-head (سربرگ صفحه) · tbk-btn (دکمه) · tbk-badge (نشان وضعیت)
 *       tbk-notice (اعلان) · tbk-empty (وضعیت خالی) · tbk-stats (نوار آمار)
 *       tbk-card (کارت) · tbk-section-head (سربرگ بخش)
 */
.tbk-app,.tbk-ui{
    /* فاصله: ۴ · ۸ · ۱۲ · ۱۶ · ۲۴ · ۳۲ */
    --tbk-s1:4px; --tbk-s2:8px; --tbk-s3:12px; --tbk-s4:16px; --tbk-s5:24px; --tbk-s6:32px;
    /* متن: ۱۲ · ۱۳ · ۱۴ · ۱۶ · ۲۰ · ۲۴ */
    --tbk-t-xs:12px; --tbk-t-sm:13px; --tbk-t-md:14px; --tbk-t-lg:16px; --tbk-t-xl:20px; --tbk-t-2xl:24px;
    --tbk-lh:1.8;
    /* شکل */
    --tbk-r-sm:8px; --tbk-r-md:12px; --tbk-r-lg:16px; --tbk-r-pill:999px;
    --tbk-control-h:44px; --tbk-control-h-sm:36px;
    --tbk-shadow-1:0 1px 2px rgba(18,62,124,.04),0 6px 20px rgba(18,62,124,.05);
    --tbk-content-max:1240px;
    /* متن ثانویه: #5d6977 (کنتراست ۵٫۲:۱ روی #f4f7fa؛ مقدار قبلی ۴٫۲:۱ بود و AA را رد می‌کرد) */
    --tbk-muted:var(--tebtok-muted,#5d6977);
    --tbk-focus:0 0 0 3px rgba(31,103,237,.35);
}

/* ---------- سربرگ صفحه: کجا هستم، وضعیت، اقدام اصلی ---------- */
.tbk-page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--tbk-s4);margin:0 0 var(--tbk-s5);padding:0}
.tbk-page-head-main{flex:1 1 420px;min-width:0;display:grid;gap:var(--tbk-s1)}
.tbk-page-back{justify-self:start;display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--tbk-s2);color:var(--tebtok-blue)!important;font-size:var(--tbk-t-sm);font-weight:700;text-decoration:none}
.tbk-page-back:hover{text-decoration:underline}
.tbk-page-back .tbk-icon{width:16px;height:16px}
.tbk-page-eyebrow{color:var(--tbk-muted);font-size:var(--tbk-t-xs);font-weight:700}
.tbk-page-head h1{margin:0;color:var(--tebtok-blue-dark);font-size:var(--tbk-t-2xl);font-weight:800;line-height:1.45;overflow-wrap:anywhere}
.tbk-page-desc{margin:0;color:var(--tbk-muted);font-size:var(--tbk-t-md);line-height:var(--tbk-lh);max-width:72ch}
.tbk-page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tbk-s2);margin-top:var(--tbk-s2)}
.tbk-page-meta code{font-family:Inter,ui-monospace,monospace;font-size:var(--tbk-t-sm);color:var(--tebtok-blue);direction:ltr;unicode-bidi:isolate}
.tbk-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tbk-s2)}
@media (max-width:600px){
    .tbk-page-head{margin-bottom:var(--tbk-s4)}
    .tbk-page-head h1{font-size:var(--tbk-t-xl)}
    .tbk-page-actions{width:100%}
    .tbk-page-actions .tbk-btn{flex:1 1 auto}
}

/* ---------- دکمه ---------- */
.tbk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--tbk-s2);min-height:var(--tbk-control-h);padding:9px 18px;border:1px solid transparent;border-radius:var(--tbk-r-md);font-family:inherit;font-size:var(--tbk-t-md);font-weight:700;line-height:1.4;text-decoration:none!important;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}
.tbk-btn .tbk-icon{width:18px;height:18px}
.tbk-btn.is-primary{color:#fff!important;background:var(--tebtok-blue);border-color:var(--tebtok-blue)}
.tbk-btn.is-primary:hover{background:var(--tebtok-blue-hover);border-color:var(--tebtok-blue-hover)}
.tbk-btn.is-secondary{color:var(--tebtok-blue-dark)!important;background:#fff;border-color:var(--tebtok-line)}
.tbk-btn.is-secondary:hover{border-color:#b9cbe6;background:var(--tebtok-blue-soft)}
.tbk-btn.is-ghost{color:var(--tebtok-blue)!important;background:transparent;border-color:transparent;padding-inline:10px}
.tbk-btn.is-ghost:hover{background:var(--tebtok-blue-soft)}
.tbk-btn.is-danger{color:#fff!important;background:#c7343a;border-color:#c7343a}
.tbk-btn.is-sm{min-height:var(--tbk-control-h-sm);padding:6px 12px;font-size:var(--tbk-t-sm)}
.tbk-btn[disabled],.tbk-btn[aria-disabled="true"],.tbk-btn.is-busy{opacity:.55;cursor:not-allowed;pointer-events:none}

/* ---------- نشان وضعیت: رنگ همیشه همراه متن است ---------- */
.tbk-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px;border:1px solid transparent;border-radius:var(--tbk-r-pill);font-size:var(--tbk-t-xs);font-weight:700;line-height:1.7;white-space:nowrap}
.tbk-badge::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.tbk-badge.is-plain::before{display:none}
.tbk-badge.is-neutral{color:#3d4a59;background:#eef2f6;border-color:#e1e8ef}
.tbk-badge.is-info{color:#174ea6;background:var(--tebtok-blue-soft);border-color:#d3e2fb}
.tbk-badge.is-success{color:#126b3c;background:var(--tebtok-success-soft);border-color:#c9ecd7}
.tbk-badge.is-warning{color:#8a4b00;background:var(--tebtok-warning-soft);border-color:#f6dfae}
.tbk-badge.is-danger{color:#a3242a;background:var(--tebtok-alert-soft);border-color:#f5cfcf}

/* ---------- اعلان ---------- */
.tbk-notice{display:flex;align-items:flex-start;gap:var(--tbk-s3);margin:0 0 var(--tbk-s4);padding:var(--tbk-s3) var(--tbk-s4);border:1px solid var(--tebtok-line);border-inline-start-width:4px;border-radius:var(--tbk-r-md);background:#fff;color:var(--tebtok-ink);font-size:var(--tbk-t-md);line-height:var(--tbk-lh)}
.tbk-notice>.tbk-icon{flex:0 0 auto;width:20px;height:20px;margin-top:3px}
.tbk-notice-body{flex:1 1 0;min-width:0}
.tbk-notice-body b{display:block;font-size:var(--tbk-t-md)}
.tbk-notice-body p{margin:2px 0 0}
.tbk-notice-action{flex:0 0 auto;align-self:center}
.tbk-notice.is-info{border-inline-start-color:var(--tebtok-blue);background:#f7faff}.tbk-notice.is-info>.tbk-icon{color:var(--tebtok-blue)}
.tbk-notice.is-success{border-inline-start-color:#16a34a;background:#f4fbf7}.tbk-notice.is-success>.tbk-icon{color:#15803d}
.tbk-notice.is-warning{border-inline-start-color:var(--tebtok-warning);background:#fffbf2}.tbk-notice.is-warning>.tbk-icon{color:#b45309}
.tbk-notice.is-danger{border-inline-start-color:var(--tebtok-alert);background:#fff7f6}.tbk-notice.is-danger>.tbk-icon{color:#c7343a}
@media (max-width:600px){.tbk-notice{flex-wrap:wrap}.tbk-notice-action{width:100%}.tbk-notice-action .tbk-btn{width:100%}}

/* ---------- وضعیت خالی ---------- */
.tbk-empty{display:grid;justify-items:center;gap:var(--tbk-s2);padding:var(--tbk-s6) var(--tbk-s4);border:1px dashed var(--tebtok-line);border-radius:var(--tbk-r-lg);background:#fff;text-align:center}
.tbk-empty>.tbk-icon{width:36px;height:36px;padding:8px;border-radius:12px;color:var(--tebtok-blue);background:var(--tebtok-blue-soft);box-sizing:content-box}
.tbk-empty b{color:var(--tebtok-ink);font-size:var(--tbk-t-lg)}
.tbk-empty p{margin:0;max-width:52ch;color:var(--tbk-muted);font-size:var(--tbk-t-md);line-height:var(--tbk-lh)}
.tbk-empty .tbk-btn{margin-top:var(--tbk-s2)}

/* ---------- نوار شاخص: یک ردیف، فقط عددهای مهم ---------- */
/* ---- 8.1.5 — نوار آمار ساده: یک کارت، خانه‌های هم‌اندازه، فقط عنوان و عدد ---- */
.tbk-stats{display:grid;grid-template-columns:repeat(var(--tbk-stats-n,4),minmax(0,1fr));margin:0 0 var(--tbk-s5);overflow:hidden;border:1px solid var(--tebtok-line);border-radius:var(--tbk-r-lg);background:#fff}
.tbk-stat{display:grid;grid-template-rows:auto 36px;align-content:center;gap:4px;min-width:0;padding:16px 20px;border-inline-start:1px solid #eef3f8;color:inherit;text-decoration:none!important}
.tbk-stat:first-child{border-inline-start:0}
.tbk-stat-label{display:flex;align-items:center;gap:4px;min-width:0;color:var(--tbk-muted);font-size:var(--tbk-t-sm);font-weight:600;line-height:1.6}
.tbk-stat-go{flex:0 0 auto;color:var(--tebtok-blue);opacity:.75}
.tbk-stat-value{align-self:center;color:var(--tebtok-blue-dark);font-size:26px;font-weight:800;line-height:36px}
.tbk-stat.is-link .tbk-stat-value{color:var(--tebtok-blue)}
.tbk-stat.is-danger .tbk-stat-value{color:#c7343a}.tbk-stat.is-warning .tbk-stat-value{color:#a15c00}
.tbk-stat.is-zero .tbk-stat-value{color:var(--tbk-muted);font-size:var(--tbk-t-md);font-weight:600}
a.tbk-stat{transition:background-color .15s}
@media (hover:hover){a.tbk-stat:hover{background:#f6f9fe}a.tbk-stat:hover .tbk-stat-go{opacity:1}}
a.tbk-stat:focus-visible{outline:3px solid var(--tebtok-soft-teal,#72dfd5);outline-offset:-3px}
@media (max-width:600px){
    .tbk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .tbk-stat{padding:12px 14px;border-inline-start:0}
    .tbk-stat:nth-child(even){border-inline-start:1px solid #eef3f8}
    .tbk-stat:nth-child(n+3){border-top:1px solid #eef3f8}
    .tbk-stats[style*="--tbk-stats-n:1"],.tbk-stats[style*="--tbk-stats-n:3"]{grid-template-columns:minmax(0,1fr)}
    .tbk-stats[style*="--tbk-stats-n:3"] .tbk-stat{border-inline-start:0}.tbk-stats[style*="--tbk-stats-n:3"] .tbk-stat+.tbk-stat{border-top:1px solid #eef3f8}
    .tbk-stat-value{font-size:22px}
}


/* ---------- کارت و سربرگ بخش ---------- */
.tbk-card{margin:0 0 var(--tbk-s4);padding:var(--tbk-s4) var(--tbk-s5);border:1px solid var(--tebtok-line);border-radius:var(--tbk-r-lg);background:#fff;box-shadow:var(--tbk-shadow-1)}
.tbk-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--tbk-s2);margin:0 0 var(--tbk-s3)}
.tbk-section-head h2{margin:0;color:var(--tebtok-ink);font-size:var(--tbk-t-lg);font-weight:800}
.tbk-section-head p{margin:0;color:var(--tbk-muted);font-size:var(--tbk-t-sm)}
.tbk-section-head a{color:var(--tebtok-blue);font-size:var(--tbk-t-sm);font-weight:700;text-decoration:none}
@media (max-width:600px){.tbk-card{padding:var(--tbk-s4)}}

/* ---------- فوکوس و حرکت (WCAG 2.2 AA) ---------- */
.tbk-app :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible,
.tbk-ui :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--tebtok-blue);outline-offset:2px;box-shadow:var(--tbk-focus)}
.tbk-sidebar :is(a,button):focus-visible{outline-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
@media (prefers-reduced-motion:reduce){.tbk-app *,.tbk-ui *{transition:none!important;animation:none!important}}

/* ---------- عدد و متن ترکیبی ---------- */
.tbk-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.tbk-num{unicode-bidi:isolate} /* رقم جدولی Yekan Bakh فاصلهٔ زیاد می‌دهد؛ استفاده نشود */

/* ---- سربرگ‌های قدیمی صفحه‌ها همان ظاهر tbk-page-head را می‌گیرند (بدون تغییر نشانه‌گذاری) ---- */
.tbk-app .crp-doctor-page-heading,.tbk-app .crp-doctor-profile-heading,.tbk-app .crp-team-page-heading{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--tbk-s4);margin:0 0 var(--tbk-s5);padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.tbk-app .crp-doctor-page-heading>div,.tbk-app .crp-doctor-profile-heading>div,.tbk-app .crp-team-page-heading>div{flex:1 1 420px;min-width:0;display:grid;gap:var(--tbk-s1)}
.tbk-app .crp-doctor-page-heading>div>span,.tbk-app .crp-team-page-heading>div>span{color:var(--tbk-muted);font-size:var(--tbk-t-xs);font-weight:700}
.tbk-app .crp-doctor-page-heading h1,.tbk-app .crp-doctor-profile-heading h1,.tbk-app .crp-team-page-heading h1{margin:0;color:var(--tebtok-blue-dark);font-size:var(--tbk-t-2xl);font-weight:800;line-height:1.45}
.tbk-app .crp-doctor-page-heading p,.tbk-app .crp-doctor-profile-heading p,.tbk-app .crp-team-page-heading p{margin:0;color:var(--tbk-muted);font-size:var(--tbk-t-md);line-height:var(--tbk-lh);max-width:72ch}
.tbk-app .crp-doctor-page-heading>b{padding:6px 12px;border-radius:var(--tbk-r-pill);color:var(--tebtok-blue-dark);background:#eaf2ff;font-size:var(--tbk-t-sm)}
@media (max-width:760px){.tbk-app .crp-doctor-page-heading,.tbk-app .crp-doctor-profile-heading,.tbk-app .crp-team-page-heading{padding:0;margin-bottom:var(--tbk-s4)}.tbk-app .crp-doctor-page-heading h1,.tbk-app .crp-team-page-heading h1{font-size:var(--tbk-t-xl)}}
.tbk-app .crp-doctor-case-meta .tbk-badge{font-size:var(--tbk-t-xs)}
/* یک اقدام اصلی در هر صفحه: دکمهٔ کارت‌های فهرست، ثانویه دیده می‌شود */
.tbk-app .crp-doctor-home .crp-doctor-case-card .crp-doctor-button{border:1px solid var(--tebtok-line);background:#fff;color:var(--tebtok-blue-dark);box-shadow:none}
.tbk-app .crp-doctor-home .crp-doctor-case-card .crp-doctor-button:hover{border-color:var(--tebtok-blue);background:#f4f8ff}
.tbk-hint{margin:calc(-1 * var(--tbk-s2)) 0 var(--tbk-s4);color:var(--tbk-muted);font-size:var(--tbk-t-xs)}
/* فهرست پرونده‌های عملیات در موبایل: کارت کوتاه‌تر؛ پیشرفت و نوع خدمت در صفحهٔ پرونده دیده می‌شوند */
@media (max-width:650px){.tbk-app .crp-case-table-wrap.is-cards td[data-label="پیشرفت"],.tbk-app .crp-case-table-wrap.is-cards td[data-label="خدمت"]{display:none}}
.tbk-app .crp-filterbar .button,.tbk-app .crp-filterbar .crp-case-count{white-space:nowrap}
/* 8.1.5 — دسترسی سریع پنل مدیریت: کارت سفید آرام با آیکون رنگی، هم‌خانوادهٔ بقیهٔ صفحه (به‌جای کپسول گرادیانی پررنگ) */
.tbk-app .crp-system-quick-actions{gap:12px;margin:0 0 var(--tbk-s5)}
.tbk-app .crp-system-quick-actions>a,.tbk-app .crp-system-quick-actions>a:is(.is-blue,.is-aqua,.is-violet,.is-navy){min-height:0;padding:14px 16px;border:1px solid var(--tebtok-line);border-radius:var(--tbk-r-lg);background:#fff;box-shadow:none;filter:none}
.tbk-app .crp-system-quick-actions>a :is(b),.tbk-app .crp-system-quick-actions>a:is(.is-blue,.is-aqua,.is-violet,.is-navy) b{color:var(--tebtok-blue-dark)}
.tbk-app .crp-system-quick-actions>a small{color:var(--tbk-muted)}
.tbk-app .crp-system-quick-actions>a .crp-sys-ic,.tbk-app .crp-system-quick-actions>a:is(.is-blue,.is-aqua,.is-violet,.is-navy) .crp-sys-ic{color:var(--tebtok-blue);background:#eef4ff;box-shadow:none}
.tbk-app .crp-system-quick-actions>a::after{border-color:var(--tebtok-blue);opacity:.7}
@media (hover:hover){.tbk-app .crp-system-quick-actions>a:hover{border-color:#b9cde6;background:#f8fbff;box-shadow:none;filter:none}}
/* توزیع حوزه: برچسب در یک خط، ستون‌ها هم‌تراز */
.tbk-app .crp-system-bars>div{grid-template-columns:minmax(0,180px) 1fr 32px}
.tbk-app .crp-system-bars>div>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* خانهٔ پزشک: وضعیت خالی تمام‌عرض */
.tbk-app .crp-doctor-cases>.tbk-empty{grid-column:1 / -1}
.tbk-app .crp-system-heading,.tbk-app .crp-legal-admin-head{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--tbk-s4);margin:0 0 var(--tbk-s5);padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.tbk-app .crp-system-heading>div:first-child{flex:1 1 420px;display:grid;gap:var(--tbk-s1)}
.tbk-app .crp-system-heading>div:first-child>span{color:var(--tbk-muted);font-size:var(--tbk-t-xs);font-weight:700}
.tbk-app .crp-system-heading h1{margin:0;font-size:var(--tbk-t-2xl);font-weight:800}
.tbk-app .crp-system-heading p{color:var(--tbk-muted);font-size:var(--tbk-t-md);line-height:var(--tbk-lh)}
@media (max-width:760px){.tbk-app .crp-system-heading{padding:0}.tbk-app .crp-system-heading h1{font-size:var(--tbk-t-xl)}}
/* دکمهٔ انتخاب فایل مرورگر با ظاهر دکمهٔ ثانویه */
.tbk-app input[type=file]{max-width:100%;font-family:inherit;font-size:var(--tbk-t-sm);color:var(--tbk-muted)}
.tbk-app input[type=file]::file-selector-button{min-height:var(--tbk-control-h-sm);margin-inline-end:var(--tbk-s2);padding:0 var(--tbk-s3);border:1px solid var(--tebtok-line);border-radius:var(--tbk-r-sm);background:#fff;color:var(--tebtok-blue-dark);font:inherit;font-weight:700;cursor:pointer}
.tbk-app input[type=file]::file-selector-button:hover{border-color:var(--tebtok-blue)}
/* حداقل اندازهٔ متن: <small> بدون کلاس در مرورگر «smaller» است و زیر ۱۲px می‌شد */
.tbk-app small{font-size:max(12px,.85em)}
/* اندازهٔ هدف لمسی (WCAG 2.2 — 2.5.8) */
.tbk-page-back{min-height:36px;padding-block:6px}
.tbk-app .tbk-mobile-brand{min-height:44px}
.tbk-app input[type=checkbox],.tbk-app input[type=radio]{min-width:18px;min-height:18px}
/* برچسب منبع محتوا: بیمار / پزشک / متن خودکار */
.tbk-source{display:inline-flex;align-items:center;vertical-align:middle;margin-inline-start:var(--tbk-s2);padding:2px 8px;border:1px solid;border-radius:var(--tbk-r-pill);font-size:var(--tbk-t-xs);font-weight:700;line-height:1.6}
.tbk-source.is-patient{border-color:#cfd9e6;background:#f4f7fa;color:#3b4754}
.tbk-source.is-doctor{border-color:#bfd3fb;background:#eef4ff;color:#1747a6}
.tbk-source.is-system{border-color:#f0d7a6;background:#fff8ea;color:#8a4f00;border-style:dashed}

/* ---- 8.1.3 — کلیک‌پذیری آشکار: هر چیزی که کلیک می‌شود نشانهٔ دیداری دارد، نه فقط رنگ ---- */
/* دکمهٔ بی‌قاب و پیوند «مشاهدهٔ همه»: فلش ادامه + خط زیر هنگام اشاره */
.tbk-btn.is-ghost,.tbk-link-go{display:inline-flex;align-items:center;gap:4px}
.tbk-btn.is-ghost .tbk-btn-go,.tbk-link-go .tbk-btn-go{flex:0 0 auto;transition:transform .15s}
.tbk-link-go{color:var(--tebtok-blue);font-weight:700;text-decoration:none}
@media (hover:hover){.tbk-btn.is-ghost:hover span,.tbk-link-go:hover span{text-decoration:underline;text-underline-offset:4px}.tbk-btn.is-ghost:hover .tbk-btn-go:not([class*=ext]),.tbk-link-go:hover .tbk-btn-go{transform:translateX(-2px)}}
/* نام بیمار در صف عملیات و شمارهٔ تماس در پنل مدیریت پیوندند: آبی، نه هم‌رنگ متن */
.tbk-app .crp-team-case-main a,.tbk-app a.crp-system-ltr[href^="tel:"]{color:var(--tebtok-blue);text-decoration:none}
@media (hover:hover){.tbk-app .crp-team-case-main a:hover,.tbk-app a.crp-system-ltr[href^="tel:"]:hover{text-decoration:underline;text-underline-offset:3px}}

/* ---- 8.1.5 — فهرست ساده (صف کار): هر ردیف سه ستون ثابت؛ بدون قاب جدا برای هر ردیف ---- */
.tbk-app .crp-team-queue{padding:0;overflow:hidden;border:1px solid var(--tebtok-line);border-radius:var(--tbk-r-lg);background:#fff;box-shadow:none}
.tbk-app .crp-team-queue>.tbk-section-head{margin:0;padding:14px 20px;border-bottom:1px solid #eef3f8}
.tbk-app .crp-team-queue>.tbk-empty{margin:20px}
.tbk-rows{margin:0;padding:0;list-style:none}
.tbk-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px) auto;align-items:center;gap:16px;min-height:64px;margin:0;padding:10px 20px;border-top:1px solid #eef3f8}
.tbk-row:first-child{border-top:0}
.tbk-row-main{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.tbk-row-title{color:var(--tebtok-blue-dark);font-size:var(--tbk-t-md);font-weight:700;text-decoration:none}
@media (hover:hover){.tbk-row-title:hover{color:var(--tebtok-blue);text-decoration:underline;text-underline-offset:3px}}
.tbk-row-main small{flex-basis:100%;color:var(--tbk-muted);font-size:var(--tbk-t-xs)}
.tbk-row-main code{font-family:Inter,monospace;font-size:12px;color:inherit;background:none;padding:0}
.tbk-row-meta{display:grid;justify-items:start;gap:2px;min-width:0}
.tbk-row-meta small{color:var(--tbk-muted);font-size:var(--tbk-t-xs)}
.tbk-row-action .tbk-btn{width:168px}
@media (max-width:700px){
    .tbk-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 14px}
    .tbk-row-meta{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
    .tbk-row-action{grid-column:2;grid-row:1}
    .tbk-row-action .tbk-btn{min-width:0}
    .tbk-app .crp-team-queue>.tbk-section-head{padding:12px 14px}
}
/* راهنمای یک‌خطی آرام (به‌جای کادر اعلان) */
.tbk-hint-line{display:flex;align-items:flex-start;gap:6px;margin:calc(-1 * var(--tbk-s2)) 0 var(--tbk-s5);color:var(--tbk-muted);font-size:var(--tbk-t-sm);line-height:1.8}
.tbk-hint-line .tbk-icon{flex:0 0 auto;margin-top:4px;color:var(--tebtok-blue)}

/* ---------- 8.2.2 — بخش آموزش (پرتال پزشک و بیمار) ---------- */
.tbk-learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--tbk-s4)}
.tbk-learn-card{position:relative;display:flex;align-items:flex-start;gap:var(--tbk-s3);min-width:0;padding:var(--tbk-s4);border:1px solid var(--tebtok-line);border-radius:var(--tbk-r-lg);background:#fff;box-shadow:var(--tbk-shadow-1);color:var(--tebtok-ink)!important;text-decoration:none!important;transition:border-color .15s ease,box-shadow .15s ease}
.tbk-learn-card:hover{border-color:#b9cbe6;box-shadow:0 2px 4px rgba(18,62,124,.06),0 10px 26px rgba(18,62,124,.08)}
.tbk-learn-card:focus-visible{outline:none;box-shadow:var(--tbk-focus)}
.tbk-learn-icon{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--tbk-r-md);color:var(--tebtok-blue);background:var(--tebtok-blue-soft)}
.tbk-learn-card.is-video .tbk-learn-icon{color:#0f8f81;background:#e7f8f6}
.tbk-learn-body{flex:1 1 auto;display:grid;gap:6px;min-width:0}
.tbk-learn-body b{color:var(--tebtok-blue-dark);font-size:var(--tbk-t-lg);line-height:1.6;overflow-wrap:anywhere}
.tbk-learn-body small{color:var(--tbk-muted);font-size:var(--tbk-t-sm);line-height:var(--tbk-lh)}
.tbk-learn-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tbk-learn-go{flex:0 0 auto;align-self:center;width:16px;height:16px;color:var(--tebtok-blue)}
.tbk-learn-view{padding:var(--tbk-s5)}
.tbk-learn-view video,.tbk-learn-view img{display:block;width:100%;max-height:72vh;border-radius:var(--tbk-r-md);background:#0b1b33;object-fit:contain}
.tbk-learn-view img{background:var(--tebtok-bg,#f4f7fa)}
.tbk-learn-view iframe{display:block;width:100%;height:76vh;border:1px solid var(--tebtok-line);border-radius:var(--tbk-r-md);background:#fff}
.tbk-learn-hint{margin:var(--tbk-s3) 0 0;color:var(--tbk-muted);font-size:var(--tbk-t-sm)}
.tbk-learn-article{display:grid;gap:var(--tbk-s5);max-width:76ch}
.tbk-learn-article section{display:grid;gap:var(--tbk-s2)}
.tbk-learn-article h2{display:flex;align-items:center;gap:var(--tbk-s2);margin:0;color:var(--tebtok-blue-dark);font-size:var(--tbk-t-lg);font-weight:800}
.tbk-learn-article h2 span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--tebtok-blue);background:var(--tebtok-blue-soft);font-size:var(--tbk-t-sm)}
.tbk-learn-article p{margin:0;color:var(--tebtok-ink);font-size:var(--tbk-t-md);line-height:2}
@media (max-width:600px){
    .tbk-learn-grid{grid-template-columns:1fr}
    .tbk-learn-view{padding:var(--tbk-s4)}
    .tbk-learn-view iframe{height:60vh}
}


/* 8.2.3 — سربرگ صفحه در موبایل: سبک‌های قدیمی پرتال، جهت را ستونی می‌کردند و پایهٔ ۴۲۰ پیکسلی ستون متن به «ارتفاع» تبدیل می‌شد
   (فضای خالی بزرگ زیر عنوان). جهت ردیفی با شکستن خط، هم در دسکتاپ و هم در موبایل درست چیده می‌شود. */
@media (max-width:760px){
    .tbk-app .crp-doctor-page-heading,.tbk-app .crp-doctor-profile-heading,.tbk-app .crp-team-page-heading,.tbk-app .crp-system-heading{flex-direction:row;align-items:flex-start}
    .tbk-app .crp-doctor-page-heading>div,.tbk-app .crp-doctor-profile-heading>div,.tbk-app .crp-team-page-heading>div,.tbk-app .crp-system-heading>div:first-child{flex:1 1 100%}
}

/* 8.2.3 — نمونهٔ حق‌الزحمه زیر قرارداد پزشک و در بخش مالی */
.crp-fee-examples{margin:12px 0;padding:14px 16px;border:1px solid var(--tebtok-border,#dde8f3);border-radius:14px;background:var(--tebtok-surface-soft,#f4f7fa)}
.crp-fee-examples strong{display:block;color:var(--tebtok-deep,#123e7c);font-size:.95rem}
.crp-fee-examples p{margin:4px 0 10px;color:var(--tebtok-muted,#6b7785);font-size:.82rem;line-height:1.8}
.crp-fee-examples ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.crp-fee-examples li{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:#fff;font-size:.84rem;color:var(--tebtok-ink,#2f3a45)}
.crp-fee-examples li b{font-weight:700}
.crp-fee-examples li span{display:flex;flex-direction:column;gap:2px}
.crp-fee-examples li small{color:var(--tebtok-muted,#6b7785);font-size:.75rem}
.crp-fee-examples li em{font-style:normal;font-weight:700;white-space:nowrap}
@media (max-width:760px){.crp-fee-examples li{grid-template-columns:1fr;gap:4px}.crp-fee-examples li span{flex-direction:row;justify-content:space-between;align-items:baseline}}