/* EMOD App — patient factsheets */
.fs-lang { margin: 10px 0 6px; }
.fs-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0; }
.fs-actions .btn { width: 100%; text-align: center; justify-content: center; }
.fs-qr { background: var(--card); border-radius: 16px; box-shadow: var(--shadow); padding: 16px; text-align: center; margin-bottom: 10px; }
.fs-qr img { width: 220px; height: 220px; background: #fff; border-radius: 10px; padding: 8px; }
.fs-qr p { font-size: 13px; color: var(--slate); margin-top: 8px; }
.fs-sheet { background: var(--card); border-radius: 18px; box-shadow: var(--shadow); padding: 0 16px 16px; overflow: hidden; line-height: 1.5; }
.fs-sheet[lang="ar"] { font-family: 'Tajawal', 'Noto Naskh Arabic', system-ui, sans-serif; font-size: 16px; line-height: 1.7; }
.fs-sheet header { margin: 0 -16px 12px; padding: 16px; display: flex; gap: 12px; align-items: center; color: #fff; background: linear-gradient(120deg, #123c63, #1b7fb0 60%, #12a58f); }
.fs-ic { width: 58px; height: 58px; flex: none; background: #fff; border-radius: 16px; padding: 4px; }
.fs-ic img { width: 100%; height: 100%; object-fit: contain; }
.fs-sheet h1 { font-size: 22px; font-weight: 900; line-height: 1.2; }
.fs-intro { font-weight: 700; color: var(--ink); }
.fs-sheet h2 { font-size: 16px; font-weight: 900; color: var(--teal-ink); margin: 14px 0 4px; }
.fs-sheet ul { padding-inline-start: 20px; } .fs-sheet li { margin: 3px 0; }
.fs-rf { margin-top: 16px; border: 3px solid var(--red); background: var(--red-soft); border-radius: 14px; padding: 10px 14px; }
.fs-rf h2 { color: var(--red); margin-top: 0; }
.fs-rf li { font-weight: 700; }
.fs-disc { font-size: 12px; color: var(--slate); margin-top: 12px; }
.fs-row small[dir="rtl"] { text-align: start; }
@media print { .fs-actions, .fs-lang, .fs-qr, .flip { display: none !important; } }
.fs-lang button.on { color: var(--ink); }
.fs-actions .btn-ghost { color: var(--ink); }
.fs-actions .btn-primary { box-shadow: none; font-size: 14px; }