/*!
 * مدد — إضافات النسخة البرمجية فقط (ما ليس له مقابل بالبروتوتايب). باقي التنسيقات منسوخة من النموذج كما هي.
 */
.jb-banner-note--ok { background: var(--jb-st-completed-bg); color: var(--jb-st-completed); border-color: color-mix(in srgb, var(--jb-st-completed) 25%, transparent); }
.adm-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--sp-2); padding: var(--sp-3); }
.adm-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--sp-4); margin-block: var(--sp-4); }
.adm-actions .jb-panel { padding: var(--sp-4); }
.adm-actions form { display: grid; gap: var(--sp-3); }
.adm-actions h2 { display: flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: 1rem; font-weight: 700; }
.adm-kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: var(--sp-2) var(--sp-4); margin: 0; padding: var(--sp-4); }
.adm-kv dt { color: var(--jb-text-muted); font-size: var(--fs-xs); font-weight: 600; }
.adm-kv dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.adm-rej { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; }
.adm-rej .form-control { flex: 1 1 12rem; min-width: 0; }
.sp-copy.is-copied { color: var(--jb-st-completed); }
@media print { .jb-side, .jb-top, .jb-page__actions, .jb-banner-note { display: none !important; } .jb-app { display: block; } }
/* المرحلة 6 — صور المنتدى المرفقة الحقيقية (البروتوتايب يعرض أيقونات بدلها) وشريط تحذيرات فريق مدد */
.fr-img.has-img { padding: 0; overflow: hidden; background: var(--jb-surface-2); }
.fr-img.has-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fr-img.has-img:focus-visible { outline: 2px solid var(--jb-primary); outline-offset: 2px; }
.cm-notices { display: grid; gap: var(--sp-2); margin-block-end: var(--sp-3); }
.cm-notice { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
.cm-notice > span { flex: 1 1 16rem; }
/* المرحلة 6 — قرارات الرقابة بلوحة الإدارة (سبب إلزامي يصل لصاحب المحتوى) */
.mod-acts { display: grid; gap: var(--sp-2); min-inline-size: 14rem; }
.mod-acts__plain, .mod-acts__btns { display: flex; flex-wrap: wrap; gap: var(--sp-1); }
.mod-acts__reason { display: grid; gap: var(--sp-1); }
.mod-snap { margin: 0; padding: var(--sp-2) var(--sp-3); border-inline-start: 3px solid var(--jb-border); background: var(--jb-surface-2); border-radius: var(--r-sm); white-space: pre-line; }
.mod-thumb { inline-size: 64px; block-size: 48px; object-fit: cover; border-radius: var(--r-sm); border: 1px solid var(--jb-border); }
.mod-ad { max-inline-size: 22rem; }
.mod-diff { display: grid; gap: var(--sp-2); }

.mod-diff__old .jb-adcard { filter: grayscale(.4); }

/* ===== شارة السيرة المرضية (جديد — بلا سيرة / بانتظار الاعتماد / معتمدة) — بكل الشاشات بجانب اسم المريض ===== */
.hx-badge { display: inline-flex; align-items: center; gap: .3rem; padding: .1rem .55rem; border-radius: 999px; border: 1px solid; font-size: var(--fs-xs); font-weight: 700; line-height: 1.6; text-decoration: none; vertical-align: middle; white-space: nowrap; }
.hx-badge--new, .hx-badge--sent { background: #FEF3F2; border-color: #F04438; color: #B42318; }
.hx-badge--pending { background: #FFFAEB; border-color: #F79009; color: #93370D; }
.hx-badge--done { background: #ECFDF3; border-color: #12B76A; color: #05603A; }
[data-bs-theme="dark"] .hx-badge--new, [data-bs-theme="dark"] .hx-badge--sent { background: rgba(240, 68, 56, .14); color: #FDA29B; }
[data-bs-theme="dark"] .hx-badge--pending { background: rgba(247, 144, 9, .14); color: #FEC84B; }
[data-bs-theme="dark"] .hx-badge--done { background: rgba(18, 183, 106, .14); color: #6CE9A6; }
a.hx-badge:hover { filter: brightness(.97); }
.hx-badge--dot { width: 8px; height: 8px; min-width: 8px; padding: 0; margin-inline-end: 4px; overflow: hidden; font-size: 0; border-width: 0; background: #F04438; }
.hx-badge--dot.hx-badge--pending { background: #F79009; }

/* ===== التحديث الحي: شريط «يوجد تحديث جديد» (components/live.js) ===== */
.jb-live { position: fixed; inset-inline: 0; bottom: calc(var(--sp-4) + env(safe-area-inset-bottom, 0px)); z-index: 1090; display: flex; align-items: center; gap: var(--sp-2) var(--sp-3); width: max-content; max-width: calc(100% - 32px); margin-inline: auto; padding: var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4); border-radius: 999px; background: var(--jb-navy, #0F1F3D); color: #fff; box-shadow: 0 8px 24px rgba(15, 31, 61, .25); font-weight: 600; }
.jb-live .bi { font-size: 1.1rem; }
@media (max-width: 768px) { .jb-live { bottom: calc(72px + env(safe-area-inset-bottom, 0px)); } }