/* =====================================================================
   طبقة العيادة فوق mta.css (2026-10-31، طلب المالك: شكل صرح/قنطار/جود بإبداع).
   نفس فكرة قنطار (qintar.css): متغيّرات + إضافات الإطار من جود (E:\NewAcc\src\Jood.UI\wwwroot\jood.css):
   شريط جانبي بينطوي لأيقونات، بحث الحالة في الشريط العلوي، أرقام Inter، ووضع ليلي.
   كل القواعد تحت .mta-clinic فمالهاش أثر على أي شاشة تانية. خصائص منطقية (inline/block) عشان العربي والإنجليزي.
   ===================================================================== */

.mta.mta-clinic {
    --side-w: 256px;
    --side-w-collapsed: 76px;
    --navy: #021C35;
    --navy-2: #0A2E4F;
    --navy-3: #0E416A;
    --teal: #00BFAE;
    --teal-ink: #008C80;
    --teal-tint: #DCFAF4;
    --canvas: #F4F8FD;
    --line: #E6EDF5;
    --ink-strong: #021D39;
    --muted: #5B6B82;
    background: var(--canvas);
    min-height: 100vh;
}
.mta.mta-clinic[data-theme="dark"] {
    --canvas: #071526;
    --surface: #0E2238;
    --surface-2: #12283F;
    --surface-3: #16304B;
    --line: #1D3550;
    --line-2: #1A3049;
    --ink: #D4E0EE;
    --ink-strong: #E6EEF7;
    --muted: #9FB0C6;
    --teal-tint: #0B3A3A;
    --blue-tint: #13305A;
    --warn-tint: #3A2A12;
    --danger-tint: #3E1618;
    --ok-tint: #0C3A2E;
}

/* الأرقام: Inter بعرض ثابت ومعزولة LTR (من جود). */
.mta-clinic .num, .mta-clinic td.n, .mta-clinic .mta-kpi .v {
    font-family: "Inter", "Segoe UI", sans-serif; font-variant-numeric: tabular-nums;
}

/* ---------- الشريط الجانبي بينطوي ---------- */
.mta-clinic .mta-side { width: var(--side-w); transition: width .2s ease; }
.mta-clinic .mta-brand { position: relative; }
.mta-clinic .mta-side-collapse {
    margin-inline-start: auto; width: 30px; height: 30px; border-radius: 9px; border: 0; flex-shrink: 0;
    background: transparent; color: #7F9BB8; display: grid; place-items: center; cursor: pointer;
}
.mta-clinic .mta-side-collapse:hover { background: var(--navy-2); color: #fff; }
.mta-clinic .mta-side-out {
    display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: transparent;
    color: #9FB4CC; padding: 8px 10px; border-radius: 10px; cursor: pointer; font: inherit; font-weight: 600;
}
.mta-clinic .mta-side-out:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.mta-clinic .mta-nav-tag.hot { background: #F61E12; color: #fff; }

.mta-clinic.is-collapsed .mta-side { width: var(--side-w-collapsed); }
.mta-clinic.is-collapsed .mta-side-txt,
.mta-clinic.is-collapsed .mta-nav-link .t,
.mta-clinic.is-collapsed .mta-nav-sec { display: none; }
.mta-clinic.is-collapsed .mta-brand { flex-direction: column; padding-inline: 12px; }
.mta-clinic.is-collapsed .mta-side-collapse { margin: 6px 0 0; }
.mta-clinic.is-collapsed .mta-nav { margin-left: 0; padding: 4px 10px 16px; }
.mta-clinic.is-collapsed .mta-nav-link { justify-content: center; padding: 10px 0; }
.mta-clinic.is-collapsed .mta-nav-link.active { margin-left: 0; padding-left: 0; }
.mta-clinic.is-collapsed .mta-nav-link .mta-nav-tag { position: absolute; top: 2px; inset-inline-end: 4px; font-size: .6rem; padding: 0 5px; }
.mta-clinic.is-collapsed .mta-side-out { justify-content: center; }

/* ---------- الشريط العلوي: بحث الحالة ---------- */
.mta-clinic .mta-docsearch { position: relative; width: min(420px, 100%); }
.mta-clinic .mta-docsearch > .mta-ic { position: absolute; inset-inline-start: 12px; color: var(--muted); pointer-events: none; }
.mta-clinic .mta-docsearch .mta-input { width: 100%; padding-inline-start: 38px; }
.mta-clinic .mta-hits {
    position: absolute; top: calc(100% + 6px); inset-inline: 0; z-index: 50; background: var(--surface);
    border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-lg); padding: 6px; max-height: 340px; overflow-y: auto;
}
.mta-clinic .mta-hits button {
    display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; border: 0; background: transparent;
    padding: 8px 10px; border-radius: 8px; color: var(--ink); font: inherit; cursor: pointer; text-align: start;
}
.mta-clinic .mta-hits button:hover { background: var(--surface-3); }
.mta-clinic .mta-hits small { color: var(--muted); }
.mta-clinic .mta-hits .empty { display: block; padding: 8px 10px; color: var(--muted); }

/* ---------- محتوى الصفحات القديمة جوه الإطار الجديد ---------- */
.mta-clinic .mta-content.mta-legacy { padding: 22px 26px 60px; gap: 0; display: block; }
.mta-clinic[data-theme="dark"] .mta-content.mta-legacy { color: var(--ink); }

/* ---------- شاشات الطبيب الجديدة ---------- */
.mta-clinic .mta-ph h1 { font-size: 1.35rem; font-weight: 800; color: var(--ink-strong); }
.mta-clinic .mta-ph .sub { color: var(--muted); font-size: .85rem; }
.mta-clinic .state-pending { color: var(--warn-ink); background: var(--warn-tint); }
.mta-clinic .state-done { color: var(--ok); background: var(--ok-tint); }
.mta-clinic .state-bad { color: var(--danger-ink); background: var(--danger-tint); }

@media (max-width: 900px) {
    .mta-clinic .mta-side { width: var(--side-w-collapsed); }
    .mta-clinic .mta-side-txt, .mta-clinic .mta-nav-link .t, .mta-clinic .mta-nav-sec { display: none; }
    .mta-clinic .mta-nav { margin-left: 0; padding: 4px 10px 16px; }
    .mta-clinic .mta-nav-link { justify-content: center; }
    .mta-clinic .mta-nav-link.active { margin-left: 0; padding-left: 0; }
    .mta-clinic .mta-content.mta-legacy { padding: 14px; }
}

/* =====================================================================
   شاشة الاستقبال داخل إطار MTA (2026-10-31): صفحاتها بتستعمل .rc-* من reception.css؛ هنا بنربط متغيّراتها
   بألوان الواجهة الجديدة (فاتح وليلي)، ورأس كل صفحة (.rc-topbar) بيبقى عنوان صفحة جوه المحتوى بدل شريط ثابت.
   ===================================================================== */
.mta-clinic {
    --rc-navy: var(--navy);
    --rc-navy-2: var(--navy-2);
    --rc-cyan: var(--teal);
    --rc-accent: var(--teal-ink);
    --rc-accent-ink: var(--teal-ink);
    --rc-accent-tint: var(--teal-tint);
    --rc-bg: var(--canvas);
    --rc-surface: var(--surface);
    --rc-surface-2: var(--surface-3);
    --rc-ink: var(--ink-strong);
    --rc-muted: var(--muted);
    --rc-border: var(--line);
    --rc-ok: var(--ok);
    --rc-ok-tint: var(--ok-tint);
    --rc-warn: var(--warn-ink);
    --rc-warn-tint: var(--warn-tint);
    --rc-danger: var(--danger-ink);
    --rc-danger-tint: var(--danger-tint);
    --rc-info-tint: var(--blue-tint);
    --rc-radius: var(--radius);
    --rc-radius-sm: var(--radius-sm);
    --rc-shadow: var(--shadow);
}
.mta-clinic .rc-in-mta { font-size: 15px; color: var(--ink-strong); }
.mta-clinic .rc-in-mta * { box-sizing: border-box; }
.mta-reception[data-theme="dark"] { --warn-ink: #F5B455; --danger-ink: #FF8A8E; --ok: #4ADE80; }

/* رأس الصفحة: عنوان + أدوات في سطر واحد، بلا لزق ولا خلفية (الشريط العلوي للإطار هو اللي لازق). */
.mta-clinic .rc-topbar {
    position: static; background: transparent; backdrop-filter: none; border: 0; padding: 0 0 16px;
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.mta-clinic .rc-topbar h1 { font-size: 1.35rem; font-weight: 800; color: var(--ink-strong); }
.mta-clinic .rc-body { padding: 0; }
.mta-clinic .rc-card { border-color: var(--line); }
.mta-clinic .rc-slot.full { background: var(--surface-2); }
.mta-clinic .rc-alert.info { color: var(--ink-strong); }
.mta-clinic .rc-btn.primary:hover { box-shadow: 0 0 0 3px rgba(0, 191, 174, .25); }
.mta-clinic[data-theme="dark"] .rc-btn.primary { background: var(--teal); color: #021C35; }
.mta-clinic[data-theme="dark"] .rc-q.called .num { background: var(--teal); color: #021C35; }
.mta-clinic[data-theme="dark"] .rc-msg.me { background: var(--navy-3); }
.mta-clinic .rc-input, .mta-reception .rc-select { border-radius: var(--radius-sm); }
.mta-clinic .rc-input:focus, .mta-reception .rc-select:focus { border-color: var(--focus); box-shadow: 0 0 0 3px rgba(245, 158, 11, .18); }

/* اللوحة الجانبية (الحجز) على جهة النهاية في الاتجاهين. */
.mta-clinic .rc-drawer { left: auto; right: auto; inset-inline-end: 0; }
.mta-clinic .rc-drawer, .mta-reception .rc-k { font-family: inherit; }

/* البحث الموحّد Ctrl+K في الشريط العلوي (كان في الشريط الجانبي الكحلي). */
.mta-reception .mta-rc-k { width: min(420px, 100%); }
.mta-reception .mta-rc-k .rc-k-btn {
    background: var(--surface); border: 1px solid var(--line); color: var(--muted); height: 38px; border-radius: var(--radius-sm);
}
.mta-reception .mta-rc-k .rc-k-btn:hover { border-color: var(--teal); color: var(--ink-strong); }
.mta-reception .mta-rc-k .rc-k-btn kbd { background: var(--surface-3); color: var(--muted); }

/* اسم المستخدم + شارة المساعد في الشريط الجانبي. */
.mta-reception .mta-side-who { font-size: .8rem; color: #7F9BB8; padding: 0 10px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mta-reception .mta-nav-tag.ai { background: linear-gradient(135deg, #7c3aed, #0891b2); color: #fff; }

@media print {
    .mta-reception .mta-side, .mta-reception .mta-top, .mta-reception .rc-topbar, .mta-reception .rc-print-hide { display: none !important; }
    .mta-reception, .mta-reception .mta-shell, .mta-reception .mta-main, .mta-reception .mta-content { display: block !important; background: #fff !important; padding: 0 !important; }
}
.mta-reception .mta-side-foot { flex-direction: column; align-items: stretch; gap: 4px; }
.mta-clinic .rc-k-lbl { display: inline-flex; align-items: center; gap: 8px; }
.mta-clinic .rc-k-input .ic { display: grid; place-items: center; }

/* رأس رئيسية الطبيب: كحلي هادي بخط تركوازي جانبي بدل التدرّج القديم (نفس روح رأس صفحات صرح). */
.mta-clinic .doctor-hero {
    background: var(--navy); border-radius: var(--radius); padding: 18px 24px; margin-bottom: 20px;
    border-inline-start: 5px solid var(--teal); box-shadow: var(--shadow);
}
.mta-clinic .doctor-hero-date { color: #8FB3D6; opacity: 1; font-size: .82rem; }
.mta-clinic .doctor-hero-title { font-size: 1.45rem; color: #fff; margin: 0; }
.mta-clinic[data-theme="dark"] .doctor-hero { background: var(--surface-2); border-color: var(--teal); }

/* اختيار المدة الموحّد (MtaPeriod). */
.mta .mta-period { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mta .mta-period .mta-input { height: 32px; width: auto; }
.mta .mta-period-sep { font-size: .8rem; color: var(--muted); }

/* ---------- طلبية المواد (شاشة إدخال بطريقة صرح) ---------- */
.mta-clinic .st-msg { padding: 10px 14px; margin-bottom: 12px; font-weight: 700; }
.mta-clinic .st-msg.ok { border-color: var(--ok); color: var(--ok); }
.mta-clinic .st-msg.bad { border-color: var(--danger); color: var(--danger-ink); }
.mta-clinic .st-entry { padding: 14px 16px; }
.mta-clinic .st-head, .mta-clinic .st-line { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.mta-clinic .st-line { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--line); }
.mta-clinic .st-field { display: flex; flex-direction: column; gap: 4px; min-width: 120px; }
.mta-clinic .st-field.grow { flex: 1; min-width: 240px; }
.mta-clinic .st-field.qty { width: 120px; min-width: 100px; }
.mta-clinic .st-field label { font-size: .76rem; font-weight: 700; color: var(--muted); }
.mta-clinic .st-field .req { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--danger); vertical-align: middle; }
.mta-clinic .st-field .mta-input { height: 38px; width: 100%; }
.mta-clinic .st-field .mta-input:focus { border-color: var(--focus); box-shadow: 0 0 0 3px rgba(245, 158, 11, .18); }
.mta-clinic .st-static { height: 38px; display: flex; align-items: center; padding: 0 12px; border-radius: var(--radius-sm); background: var(--surface-3); font-weight: 600; }
.mta-clinic .st-search { position: relative; }
.mta-clinic .st-search .mta-search { position: relative; }
.mta-clinic .st-search .mta-search > .mta-ic { position: absolute; inset-inline-start: 12px; top: 11px; color: var(--muted); pointer-events: none; }
.mta-clinic .st-search .mta-input { padding-inline-start: 38px; }
.mta-clinic .st-hits {
    position: absolute; top: calc(100% + 4px); inset-inline: 0; z-index: 30; background: var(--surface); border: 1px solid var(--line);
    border-radius: 12px; box-shadow: var(--shadow-lg); padding: 6px; max-height: 360px; overflow-y: auto;
}
.mta-clinic .st-hits-cap { font-size: .76rem; color: var(--muted); padding: 6px 10px; }
.mta-clinic .st-hit {
    display: grid; grid-template-columns: 64px 1fr auto auto; gap: 10px; align-items: center; width: 100%; text-align: start;
    border: 0; background: transparent; padding: 8px 10px; border-radius: 9px; cursor: pointer; font: inherit; color: var(--ink-strong);
}
.mta-clinic .st-hit.on { background: var(--teal-tint); }
.mta-clinic .st-hit .n { font-family: "Inter", sans-serif; color: var(--muted); font-size: .82rem; }
.mta-clinic .st-hit .nm { font-weight: 700; display: flex; flex-direction: column; }
.mta-clinic .st-hit .nm small { font-weight: 500; color: var(--muted); font-size: .72rem; }
.mta-clinic .st-hit .bal { font-size: .78rem; color: var(--muted); }
.mta-clinic .st-hit .bal.neg, .mta-clinic .neg { color: var(--danger-ink) !important; }
.mta-clinic .st-hit .pr { font-family: "Inter", sans-serif; font-size: .82rem; }
.mta-clinic .st-chosen { margin-top: 8px; font-size: .84rem; color: var(--muted); }
.mta-clinic .st-chosen b { color: var(--ink-strong); }
.mta-clinic .st-lines td, .mta-clinic .st-orders td { vertical-align: middle; }
.mta-clinic .st-qty-cell { height: 32px; width: 90px; }
.mta-clinic .st-del { width: 30px; height: 30px; color: var(--danger-ink); }
.mta-clinic .st-empty { text-align: center; color: var(--muted); padding: 22px !important; }
.mta-clinic .st-lines tfoot td, .mta-clinic .st-orders tfoot td { font-weight: 800; background: var(--surface-3); border-top: 2px solid var(--line); }
.mta-clinic .st-foot { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-top: 1px solid var(--line); }
.mta-clinic .st-sum { display: flex; flex-direction: column; padding: 6px 14px; border-radius: 10px; background: var(--surface-3); min-width: 110px; }
.mta-clinic .st-sum small { font-size: .72rem; color: var(--muted); font-weight: 700; }
.mta-clinic .st-sum b { font-size: 1.15rem; color: var(--ink-strong); }
.mta-clinic .st-send { height: 40px; padding: 0 22px; }
.mta-clinic .st-orow { cursor: pointer; }
.mta-clinic .st-orow:hover td { background: var(--surface-2); }
.mta-clinic .st-sub td { background: var(--surface-2); }
.mta-clinic .st-subt { width: 100%; font-size: .84rem; }
.mta-clinic .st-subt td { padding: 4px 8px !important; border: 0 !important; background: transparent !important; }

/* ---------- إطار الإدارة ---------- */
.mta-admin .mta-side-foot { flex-direction: column; align-items: stretch; gap: 4px; }
.mta-admin .mta-side-who { font-size: .8rem; color: #7F9BB8; padding: 0 10px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mta-clinic .mta-top-clinic { font-size: 1rem; color: var(--ink-strong); }
.mta-clinic .mta-demo-bar { background: var(--warn-tint); border-color: transparent; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 14px; color: var(--warn-ink); }
.mta .mta-grid-more td { text-align: center; padding: 12px !important; background: var(--surface-2); color: var(--muted); }
.mta .mta-grid-more td > * { margin-inline: 4px; vertical-align: middle; }
/* خلايا الجدول الموحّد في سطر واحد (زي صرح) والجدول بيتمرّر أفقيًا بدل ما الأسماء تتكسر على كذا سطر. */
.mta .mta-dgrid td { white-space: nowrap; }
.mta .mta-dgrid td:not(.num) { max-width: 360px; overflow: hidden; text-overflow: ellipsis; }

/* ---------- الشعار في الشريط الجانبي زي صرح (2026-11-01): كامل في النص + اسم الشاشة + خط فاصل ---------- */
.mta-clinic .mta-brand.mta-brand-c {
    flex-direction: column; justify-content: center; gap: 4px; padding: 18px 16px 14px; text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, .08); margin-bottom: 8px;
}
.mta-clinic .mta-brand.mta-brand-c img { border-radius: 0; height: auto; }
.mta-clinic .mta-brand.mta-brand-c img.full { width: 120px; }
.mta-clinic .mta-brand.mta-brand-c img.mini { display: none; width: 44px; border-radius: 12px; }
.mta-clinic .mta-brand.mta-brand-c .s { color: var(--teal); font-size: .78rem; font-weight: 700; letter-spacing: .2px; }
.mta-clinic.is-collapsed .mta-brand.mta-brand-c { padding: 14px 8px 12px; }
.mta-clinic.is-collapsed .mta-brand.mta-brand-c img.full { display: none; }
.mta-clinic.is-collapsed .mta-brand.mta-brand-c img.mini { display: block; }
.mta-clinic .mta-side-toggle { flex-shrink: 0; }

/* ---------- صفحة الدخول (2026-11-01) بروح صرح: خلفية كحلي + كارت أبيض في النص ---------- */
.mta-login {
    position: fixed; inset: 0; z-index: 90; overflow: auto; isolation: isolate;
    display: grid; place-items: center; padding: 48px 16px 70px;
    background: radial-gradient(ellipse at 50% 28%, #0A3A63 0%, #062A4A 42%, #021C35 100%);
    font-family: "MtaCairo", "Cairo", "IBM Plex Sans Arabic", Tahoma, sans-serif;
}
.mta-login-art { position: fixed; inset: auto 0 0 0; width: 100%; height: 40vh; z-index: -1; pointer-events: none; }
.mta-login-art .med { color: rgba(255, 255, 255, .055); }
.mta-login-art .pulse { color: rgba(0, 191, 174, .28); }
.mta-login-card {
    width: 100%; max-width: 410px; padding: 30px 30px 22px; background: #fff; border-radius: 22px;
    box-shadow: 0 24px 60px rgba(2, 10, 24, .5); color: #021D39;
}
.mta-login-brand { display: grid; justify-items: center; gap: 3px; margin: 2px 0 14px; text-align: center; }
.mta-login-brand .logo {
    width: 96px; height: 96px; border-radius: 50%; background: #fff; display: grid; place-items: center; margin-bottom: 10px;
    box-shadow: 0 6px 18px rgba(2, 28, 53, .18), 0 0 0 4px rgba(0, 191, 174, .12);
}
.mta-login-brand .logo img { width: 74px; height: 74px; object-fit: contain; }
.mta-login-brand strong { font-size: 1.12rem; font-weight: 800; color: #021C35; }
.mta-login-brand span { font-size: .8rem; font-weight: 700; color: #008C80; }
.mta-login-title { margin: 0 0 12px; text-align: center; font-size: 1rem; font-weight: 700; color: #5B6B82; }
.mta-login-error { background: #FDECEC; color: #C2353A; border-radius: 10px; padding: 9px 12px; font-size: .84rem; font-weight: 700; margin-bottom: 12px; text-align: center; }
.mta-login-form { display: grid; gap: 12px; }
.mta-login-form .fld { display: grid; gap: 5px; }
.mta-login-form label { font-size: .8rem; font-weight: 700; color: #2D3A4B; }
.mta-login-form input {
    height: 44px; border: 1px solid #D5DEE9; border-radius: 11px; padding: 0 14px; font: inherit; font-size: .95rem;
    background: #fff; color: #021D39; outline: none; transition: border-color .15s, box-shadow .15s, background .15s;
}
.mta-login-form input:focus { border-color: #F59E0B; background: #FFF4E0; box-shadow: 0 0 0 3px rgba(245, 158, 11, .2); }
.mta-login-form button {
    height: 46px; margin-top: 4px; border: 0; border-radius: 11px; background: #021C35; color: #fff; font: inherit;
    font-size: 1rem; font-weight: 800; cursor: pointer; transition: background .15s;
}
.mta-login-form button:hover { background: #0A2E4F; }
.mta-login-note { margin: 14px 0 0; font-size: .74rem; color: #5B6B82; text-align: center; line-height: 1.7; }
.mta-login-settings { display: block; margin-top: 8px; text-align: center; font-size: .76rem; color: #008C80; }
.mta-login-lang {
    position: fixed; top: 16px; inset-inline-end: 18px; color: #CFE0F2; font-size: .82rem; font-weight: 700; text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .18); border-radius: 9px; padding: 5px 12px;
}
.mta-login-lang:hover { background: rgba(255, 255, 255, .08); }
.mta-login-foot {
    position: fixed; bottom: 14px; inset-inline: 0; text-align: center; color: rgba(207, 224, 242, .55); font-size: .78rem; font-weight: 700;
    display: flex; justify-content: center; align-items: center; gap: 8px;
}
.mta-login-foot img { width: 22px; height: 22px; border-radius: 6px; }
@media (max-width: 560px) { .mta-login-card { padding: 24px 18px 18px; } .mta-login-brand .logo { width: 82px; height: 82px; } }


/* ---------- المساعد الموحّد + الأيقونة العائمة (2026-11-01) ---------- */
.mta-clinic .ac { display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 150px); min-height: 420px; }
.mta-clinic .ac-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mta-clinic .ac-head h2 { margin: 0; font-size: 1.35rem; font-weight: 800; color: var(--ink-strong); }
.mta-clinic .ac-head .grow { flex: 1; }
.mta-clinic .ac-card {
    flex: 1; min-height: 0; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line);
    border-radius: var(--radius); box-shadow: var(--shadow); padding: 16px;
}
.mta-clinic .ac-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 4px; }
.mta-clinic .ac-input { margin-top: 12px; }
.mta-clinic .ac-input .rc-input:focus { border-color: var(--focus); box-shadow: 0 0 0 3px rgba(245, 158, 11, .18); }
.mta-clinic .ac.compact { height: 100%; min-height: 0; gap: 10px; }
.mta-clinic .ac.compact .ac-head h2 { font-size: 1.1rem; }
.mta-clinic .ac.compact .ac-card { border-radius: 14px; padding: 12px; box-shadow: none; }

.mta-clinic .ac-fab {
    position: fixed; bottom: 22px; inset-inline-end: 22px; z-index: 70; width: 58px; height: 58px; border-radius: 50%; border: 0;
    display: grid; place-items: center; cursor: pointer; color: #fff;
    background: linear-gradient(135deg, var(--teal), var(--navy-3)); box-shadow: 0 10px 28px rgba(2, 28, 53, .35);
    transition: transform .15s, box-shadow .15s;
}
.mta-clinic .ac-fab:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 14px 34px rgba(2, 28, 53, .45); }
.mta-clinic .ac-fab.on { background: var(--navy); }
.mta-clinic .ac-fab-back { position: fixed; inset: 0; z-index: 68; background: rgba(2, 16, 32, .28); }
.mta-clinic .ac-drawer {
    position: fixed; z-index: 69; bottom: 92px; inset-inline-end: 22px; width: min(460px, calc(100vw - 32px)); height: min(680px, calc(100vh - 120px));
    background: var(--canvas); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow-lg); padding: 14px;
    display: flex; flex-direction: column;
}
@media (max-width: 640px) {
    .mta-clinic .ac-drawer { inset-inline: 8px; bottom: 86px; width: auto; height: calc(100vh - 110px); }
    .mta-clinic .ac-fab { bottom: 16px; inset-inline-end: 16px; }
}
@media print { .mta-clinic .ac-fab, .mta-clinic .ac-drawer, .mta-clinic .ac-fab-back { display: none !important; } }

/* 2026-11-01: الشريط العلوي الموحّد (MtaTopbar) - الاسم الطويل سطر واحد زي MTA Health. */
.mta-user .who b, .mta-user .who small { white-space: nowrap; max-width: 170px; overflow: hidden; text-overflow: ellipsis; }