/* minyan.biz 2.1.1 -- synagogue emblem, reliable timetable UI, staff directory */
.brand.brand-jewish { display:inline-flex; align-items:center; max-width:100%; min-width:0; }
.brand .brand-logo-image { display:block; width:clamp(170px,22vw,250px); height:auto; max-width:100%; object-fit:contain; }
.brand-mini .footer-jewish-icon { display:inline-block; vertical-align:middle; width:24px; height:24px; margin-inline-end:5px; }
.schedule-editor #schedule-editor-status { margin:0 0 12px; padding:10px 14px; border-radius:10px; border:1px solid #bde7d8; background:#ecfbf6; font-size:13px; color:#126a54; min-height:40px; }
.schedule-editor #schedule-editor-status:empty { display:none; }
.schedule-editor #schedule-editor-status.editor-status-error { border-color:#e9bcbc; background:#fff1f1; color:#af3333; }
.schedule-row .remove-schedule { min-width:68px; padding:0 9px; font-size:12px; font-weight:750; }
.schedule-row:has(.remove-schedule) { gap:10px; }
.staff-directory-intro { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.staff-directory-intro .muted { max-width:600px; line-height:1.7; }
.staff-directory-search { width:min(100%,360px); padding:12px; margin:8px 0 14px; border:1px solid #d8e5f2; border-radius:12px; background:white; }
.staff-directory-table { border-collapse:collapse; width:100%; min-width:690px; }
.staff-directory-table th,.staff-directory-table td { text-align:right; padding:12px 13px; border-bottom:1px solid #e1eaf3; font-size:13px; vertical-align:middle; }
.staff-directory-table th { color:#6a8096; font-size:12px; }
.staff-directory-table td code { direction:ltr; unicode-bidi:embed; display:inline-block; font-size:12px; font-weight:600; }
.staff-directory-table small { display:block; color:#687f93; margin-top:4px; }
.staff-directory-pill { display:inline-block; padding:4px 9px; background:#eaf4fa; border-radius:30px; color:#174972; font-size:11px; font-weight:700; white-space:nowrap; }
.staff-directory-pill.off { background:#fff0ee; color:#a34035; }
@media(max-width:760px) { .brand .brand-logo-image { width:170px; } .schedule-row .remove-schedule { min-width:58px; } }