/* =========================================================
   Public site light / dark theme
   Toggle sets html[data-theme="dark"|"light"]
   ========================================================= */

html[data-theme="dark"] {
    color-scheme: dark;

    --hospital-bg: #07111f;
    --hospital-surface: #0f1a2c;
    --hospital-surface-2: #15233a;
    --hospital-surface-3: #1a2b45;
    --hospital-card: #121f34;
    --hospital-border: #2a3b55;
    --hospital-text: #e8eef8;
    --hospital-text-secondary: #a8b7cd;
    --hospital-text-muted: #8091aa;
    --hospital-overlay: rgba(2, 8, 20, 0.72);

    --white: #121f34;
    --gray-50: #0f1a2c;
    --gray-100: #15233a;
    --gray-200: #2a3b55;
    --gray-300: #3b516e;
    --gray-400: #8091aa;
    --gray-500: #a8b7cd;
    --gray-600: #c2cede;
    --gray-700: #d7e0ee;
    --gray-800: #e8eef8;
    --gray-900: #f4f7fc;
    --text-primary: #e8eef8;
    --text-secondary: #a8b7cd;
    --background: #07111f;
    --border: #2a3b55;
    --neutral-200: #2a3b55;
    --neutral-600: #a8b7cd;
    --neutral-700: #c2cede;
    --neutral-900: #e8eef8;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 16px 36px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.45);
}

html[data-theme="light"] {
    color-scheme: light;
}

/* Theme toggle control */
.pub-theme-toggle {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid rgba(15, 39, 66, 0.12);
    background: #fff;
    color: #334155;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(11, 30, 51, 0.06);
    transition: background 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}

.pub-theme-toggle:hover {
    border-color: rgba(0, 102, 255, 0.35);
    color: var(--primary-blue, #0066ff);
    box-shadow: 0 10px 22px rgba(0, 102, 255, 0.12);
    transform: translateY(-1px);
}

.pub-theme-toggle .pub-theme-icon-sun { display: none; }
.pub-theme-toggle.is-dark .pub-theme-icon-moon { display: none; }
.pub-theme-toggle.is-dark .pub-theme-icon-sun { display: inline-block; }

.pub-theme-toggle.is-dark {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.35);
    background: rgba(251, 191, 36, 0.1);
}

.pub-theme-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    padding: 0.65rem 0.85rem;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e8eef6;
}

.pub-theme-toggle-row span {
    font-size: 0.88rem;
    font-weight: 700;
    color: #334155;
}

html[data-theme="dark"] .pub-theme-toggle {
    background: var(--hospital-surface-2);
    border-color: var(--hospital-border);
    color: var(--hospital-text-secondary);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .pub-theme-toggle:hover {
    color: #93c5fd;
    border-color: rgba(96, 165, 250, 0.45);
}

html[data-theme="dark"] .pub-theme-toggle-row {
    background: var(--hospital-surface-2);
    border-color: var(--hospital-border);
}

html[data-theme="dark"] .pub-theme-toggle-row span {
    color: var(--hospital-text);
}

/* ========== Global shell ========== */
html[data-theme="dark"] body {
    background: var(--hospital-bg);
    color: var(--hospital-text);
}

html[data-theme="dark"] .modern-container,
html[data-theme="dark"] main {
    background: transparent;
    color: var(--hospital-text);
}

/* Utility rail */
html[data-theme="dark"] .hospital-header-top,
html[data-theme="dark"] .hospital-utility {
    background:
        radial-gradient(120% 180% at 0% 50%, rgba(0, 102, 255, 0.28), transparent 55%),
        radial-gradient(100% 160% at 100% 50%, rgba(0, 184, 169, 0.2), transparent 50%),
        linear-gradient(90deg, #050d18 0%, #0a1628 45%, #071820 100%) !important;
    border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

/* Navbar */
html[data-theme="dark"] .hospital-header {
    --nav-ink: #e8eef8;
    --nav-muted: #a8b7cd;
    --nav-line: rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(15, 26, 44, 0.96) 0%, rgba(12, 22, 38, 0.94) 100%) !important;
    border-bottom-color: var(--nav-line) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .hospital-header.scrolled {
    background: rgba(12, 22, 38, 0.98) !important;
}

html[data-theme="dark"] .hospital-logo-name {
    background: linear-gradient(120deg, #e8eef8 10%, #93c5fd 55%, #5eead4 120%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html[data-theme="dark"] .hospital-logo-tagline,
html[data-theme="dark"] .hospital-logo {
    color: var(--hospital-text-secondary);
}

html[data-theme="dark"] .hospital-logo-img {
    border-color: rgba(148, 163, 184, 0.28);
    background: #15233a;
}

html[data-theme="dark"] .hospital-nav {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .hospital-nav-link {
    color: #c2cede !important;
}

html[data-theme="dark"] .hospital-nav-link:hover,
html[data-theme="dark"] .hospital-nav-link.active {
    color: #93c5fd !important;
    background: rgba(96, 165, 250, 0.12) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .hospital-nav-link-cta,
html[data-theme="dark"] .hospital-nav-link-cta:hover,
html[data-theme="dark"] .hospital-nav-link-cta.active {
    color: #c2cede !important;
    background: transparent !important;
}

html[data-theme="dark"] .hospital-nav-dropdown {
    background: #15233a !important;
    border-color: #2a3b55 !important;
    box-shadow: 0 28px 56px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .hospital-nav-dropdown-item {
    color: #c2cede !important;
}

html[data-theme="dark"] .hospital-nav-dropdown-item:hover,
html[data-theme="dark"] .hospital-nav-dropdown-item.active {
    background: rgba(96, 165, 250, 0.12) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-nav-dropdown-item i {
    background: rgba(96, 165, 250, 0.16) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-mobile-menu-toggle {
    background: var(--hospital-surface-2) !important;
    border-color: var(--hospital-border) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .hospital-mobile-menu-toggle span {
    background: var(--hospital-text) !important;
}

html[data-theme="dark"] .hospital-mobile-menu {
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(0, 102, 255, 0.12), transparent 55%),
        #0f1a2c !important;
    border-left-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-mobile-menu-header {
    background: linear-gradient(180deg, #15233a 0%, #0f1a2c 100%) !important;
    border-bottom-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-mobile-menu-title { color: var(--hospital-text) !important; }
html[data-theme="dark"] .hospital-mobile-menu-subtitle { color: var(--hospital-text-muted) !important; }

html[data-theme="dark"] .hospital-mobile-menu-close {
    background: var(--hospital-surface-3) !important;
    color: var(--hospital-text-secondary) !important;
}

html[data-theme="dark"] .hospital-mobile-nav-link,
html[data-theme="dark"] .hospital-mobile-dropdown-toggle {
    color: var(--hospital-text) !important;
}

html[data-theme="dark"] .hospital-mobile-nav-link:hover,
html[data-theme="dark"] .hospital-mobile-nav-link.active,
html[data-theme="dark"] .hospital-mobile-dropdown-toggle:hover,
html[data-theme="dark"] .hospital-mobile-dropdown-toggle.active {
    background: rgba(96, 165, 250, 0.12) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-mobile-dropdown {
    background: rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .hospital-mobile-dropdown-item {
    color: var(--hospital-text-secondary) !important;
}

html[data-theme="dark"] .hospital-mobile-dropdown-item:hover,
html[data-theme="dark"] .hospital-mobile-dropdown-item.active {
    background: var(--hospital-surface-3) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-mobile-menu-footer {
    background: #0f1a2c !important;
    border-top-color: var(--hospital-border) !important;
}

/* Footer */
html[data-theme="dark"] .hospital-footer {
    background: #050d18 !important;
    color: var(--hospital-text-secondary);
}

html[data-theme="dark"] .hospital-footer-brand-name,
html[data-theme="dark"] .hospital-footer-section-title {
    color: #fff !important;
}

html[data-theme="dark"] .hospital-footer-links li a,
html[data-theme="dark"] .hospital-footer-contact-value,
html[data-theme="dark"] .hospital-footer-contact-value a,
html[data-theme="dark"] .hospital-footer-copyright,
html[data-theme="dark"] .hospital-footer-bottom-links a {
    color: var(--hospital-text-secondary) !important;
}

html[data-theme="dark"] .hospital-footer-links li a:hover,
html[data-theme="dark"] .hospital-footer-contact-value a:hover,
html[data-theme="dark"] .hospital-footer-bottom-links a:hover {
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-footer-bottom {
    border-top-color: rgba(148, 163, 184, 0.14) !important;
}

/* Bottom nav */
html[data-theme="dark"] .modern-bottom-nav {
    background: rgba(15, 26, 44, 0.96) !important;
    border-top-color: var(--hospital-border) !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .modern-bottom-nav-item {
    color: var(--hospital-text-muted) !important;
}

html[data-theme="dark"] .modern-bottom-nav-item.active {
    color: #93c5fd !important;
}

/* Common public surfaces */
html[data-theme="dark"] .modern-card,
html[data-theme="dark"] .hospital-card,
html[data-theme="dark"] .card {
    background: var(--hospital-card) !important;
    border-color: var(--hospital-border) !important;
    color: var(--hospital-text) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .page-title {
    color: var(--hospital-text);
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] label,
html[data-theme="dark"] span {
    color: inherit;
}

html[data-theme="dark"] .modern-input,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background: #0b1524 !important;
    color: var(--hospital-text) !important;
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .modern-input::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--hospital-text-muted) !important;
}

/* Pagination */
html[data-theme="dark"] .hospital-pagination,
html[data-theme="dark"] .hospital-pagination-nav,
html[data-theme="dark"] .ha-pagination {
    background: linear-gradient(180deg, var(--hospital-card) 0%, var(--hospital-surface-2) 100%) !important;
    border-color: var(--hospital-border) !important;
    color: var(--hospital-text) !important;
}

html[data-theme="dark"] .hospital-pagination-list {
    background: var(--hospital-surface-3) !important;
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-pagination-btn,
html[data-theme="dark"] .hospital-pagination-info,
html[data-theme="dark"] .hospital-pagination-page {
    color: var(--hospital-text-secondary) !important;
}

html[data-theme="dark"] .hospital-pagination-item.is-active .hospital-pagination-btn {
    color: #fff !important;
}

/* Snackbars stay readable */
html[data-theme="dark"] .modern-snackbar {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}

/* =========================================================
   Page families with hard-coded light colors
   Contact / Services / Departments / Resources
   ========================================================= */

html[data-theme="dark"] .hospital-contact-page,
html[data-theme="dark"] .hospital-services-page,
html[data-theme="dark"] .hospital-service-detail-page,
html[data-theme="dark"] .hospital-departments-page,
html[data-theme="dark"] .hospital-dept-detail-page,
html[data-theme="dark"] .hospital-news-page,
html[data-theme="dark"] .hospital-news-detail-page,
html[data-theme="dark"] .hospital-events-page,
html[data-theme="dark"] .hospital-event-detail-page,
html[data-theme="dark"] .hospital-announcements-page,
html[data-theme="dark"] .hospital-announcement-detail-page,
html[data-theme="dark"] .hospital-gallery-page,
html[data-theme="dark"] .hospital-faq-page {
    background: var(--hospital-bg);
    color: var(--hospital-text);
}

/* Shared light heroes → dark */
html[data-theme="dark"] .hct-hero,
html[data-theme="dark"] .hospital-services-hero,
html[data-theme="dark"] .hospital-service-detail-hero,
html[data-theme="dark"] .hospital-departments-hero,
html[data-theme="dark"] .hospital-dept-detail-hero,
html[data-theme="dark"] .hospital-news-hero,
html[data-theme="dark"] .hospital-news-detail-hero,
html[data-theme="dark"] .hospital-events-hero,
html[data-theme="dark"] .hospital-event-detail-hero,
html[data-theme="dark"] .hospital-announcements-hero,
html[data-theme="dark"] .ann-hero,
html[data-theme="dark"] .hospital-gallery-hero,
html[data-theme="dark"] .hospital-faq-hero {
    background:
        radial-gradient(ellipse 70% 55% at 100% 0%, rgba(0, 102, 255, 0.22), transparent 55%),
        radial-gradient(ellipse 55% 45% at 0% 100%, rgba(0, 184, 169, 0.16), transparent 50%),
        linear-gradient(180deg, #0b1524 0%, #07111f 72%) !important;
}

/* Shared list/content bands */
html[data-theme="dark"] .hct-content-section,
html[data-theme="dark"] .hospital-services-section,
html[data-theme="dark"] .hospital-departments-section,
html[data-theme="dark"] .hospital-news-section,
html[data-theme="dark"] .hospital-events-section,
html[data-theme="dark"] .hospital-announcements-section,
html[data-theme="dark"] .hospital-gallery-section,
html[data-theme="dark"] .hospital-faq-section,
html[data-theme="dark"] .hospital-service-detail-body,
html[data-theme="dark"] .hospital-service-detail-section,
html[data-theme="dark"] .hospital-dept-detail-content,
html[data-theme="dark"] .hospital-dept-detail-section,
html[data-theme="dark"] .hospital-news-detail-section,
html[data-theme="dark"] .hospital-event-detail-section,
html[data-theme="dark"] .ann-body,
html[data-theme="dark"] .ann-section {
    background: linear-gradient(180deg, #07111f 0%, #0b1524 100%) !important;
}

/* Titles */
html[data-theme="dark"] .hct-h1,
html[data-theme="dark"] .hct-section-title,
html[data-theme="dark"] .hct-info-title,
html[data-theme="dark"] .hct-label,
html[data-theme="dark"] .hct-hour-day,
html[data-theme="dark"] .hospital-services-hero-title,
html[data-theme="dark"] .hospital-services-section-title,
html[data-theme="dark"] .hospital-services-card-title,
html[data-theme="dark"] .hospital-services-empty-title,
html[data-theme="dark"] .hospital-departments-hero-title,
html[data-theme="dark"] .hospital-departments-section-title,
html[data-theme="dark"] .hospital-departments-card-title,
html[data-theme="dark"] .hospital-departments-empty-title,
html[data-theme="dark"] .hospital-service-detail-title,
html[data-theme="dark"] .hospital-service-detail-section-title,
html[data-theme="dark"] .hospital-service-detail-card-title,
html[data-theme="dark"] .hospital-dept-detail-hero-title,
html[data-theme="dark"] .hospital-dept-detail-section-title,
html[data-theme="dark"] .hospital-dept-detail-service-item-title,
html[data-theme="dark"] .hospital-dept-detail-doctor-item-title,
html[data-theme="dark"] .hospital-gallery-section-title,
html[data-theme="dark"] .hospital-news-hero-title,
html[data-theme="dark"] .hospital-news-card-title,
html[data-theme="dark"] .hospital-news-section-title,
html[data-theme="dark"] .hospital-news-detail-title,
html[data-theme="dark"] .hospital-events-hero-title,
html[data-theme="dark"] .hospital-events-card-title,
html[data-theme="dark"] .hospital-event-detail-title,
html[data-theme="dark"] .hospital-announcements-hero-title,
html[data-theme="dark"] .hospital-announcements-card-title,
html[data-theme="dark"] .ann-title,
html[data-theme="dark"] .ann-card-title,
html[data-theme="dark"] .hospital-gallery-hero-title,
html[data-theme="dark"] .hospital-faq-hero-title,
html[data-theme="dark"] .hospital-faq-category-title,
html[data-theme="dark"] .hospital-faq-item-question,
html[data-theme="dark"] .hospital-faq-empty h2 {
    color: var(--hospital-text) !important;
}

/* Keep gradient title spans readable */
html[data-theme="dark"] .hospital-services-hero-title span,
html[data-theme="dark"] .hospital-departments-hero-title span,
html[data-theme="dark"] .hospital-news-hero-title span,
html[data-theme="dark"] .hospital-events-hero-title span,
html[data-theme="dark"] .hospital-announcements-hero-title span,
html[data-theme="dark"] .hospital-gallery-hero-title span,
html[data-theme="dark"] .hospital-faq-hero-title span,
html[data-theme="dark"] .hct-gradient-text {
    -webkit-text-fill-color: transparent !important;
}

/* Body / muted copy */
html[data-theme="dark"] .hct-hero-lead,
html[data-theme="dark"] .hct-section-sub,
html[data-theme="dark"] .hct-info-body,
html[data-theme="dark"] .hct-map-fallback-msg,
html[data-theme="dark"] .hct-map-fallback-msg p,
html[data-theme="dark"] .hospital-services-hero-text,
html[data-theme="dark"] .hospital-services-hero-meta-item,
html[data-theme="dark"] .hospital-services-card-excerpt,
html[data-theme="dark"] .hospital-services-card-meta-item,
html[data-theme="dark"] .hospital-services-empty-text,
html[data-theme="dark"] .hospital-departments-hero-text,
html[data-theme="dark"] .hospital-departments-hero-meta-item,
html[data-theme="dark"] .hospital-departments-card-excerpt,
html[data-theme="dark"] .hospital-departments-card-meta-item,
html[data-theme="dark"] .hospital-departments-empty-text,
html[data-theme="dark"] .hospital-news-hero-text,
html[data-theme="dark"] .hospital-news-card-excerpt,
html[data-theme="dark"] .hospital-news-card-meta,
html[data-theme="dark"] .hospital-events-hero-text,
html[data-theme="dark"] .hospital-events-card-excerpt,
html[data-theme="dark"] .hospital-announcements-hero-text,
html[data-theme="dark"] .hospital-announcements-card-excerpt,
html[data-theme="dark"] .hospital-gallery-hero-text,
html[data-theme="dark"] .hospital-faq-hero-text,
html[data-theme="dark"] .hospital-faq-empty p,
html[data-theme="dark"] .hospital-faq-item-answer-content,
html[data-theme="dark"] .ann-lead,
html[data-theme="dark"] .ann-excerpt,
html[data-theme="dark"] .ann-meta,
html[data-theme="dark"] .ann-meta-item,
html[data-theme="dark"] .ann-content,
html[data-theme="dark"] .ann-sidebar-title {
    color: var(--hospital-text-secondary) !important;
}

html[data-theme="dark"] .ann-sidebar-title,
html[data-theme="dark"] .ann-title {
    color: var(--hospital-text) !important;
}

/* Cards / panels / search shells */
html[data-theme="dark"] .hct-form-card,
html[data-theme="dark"] .hct-info-card,
html[data-theme="dark"] .hct-hour-item,
html[data-theme="dark"] .hct-icon-box,
html[data-theme="dark"] .hct-map-container,
html[data-theme="dark"] .hospital-services-card-body,
html[data-theme="dark"] .hospital-services-hero-btn-ghost {
    background: #121f34 !important;
    border-color: var(--hospital-border) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-services-card-media {
    background: linear-gradient(145deg, #0f1a2c, #15233a) !important;
}

html[data-theme="dark"] .hospital-services-card,
html[data-theme="dark"] .hospital-services-empty,
html[data-theme="dark"] .hospital-services-pagination-wrapper,
html[data-theme="dark"] .hospital-services-count-pill,
html[data-theme="dark"] .hospital-departments-card,
html[data-theme="dark"] .hospital-departments-empty,
html[data-theme="dark"] .hospital-departments-pagination-wrapper,
html[data-theme="dark"] .hospital-departments-count-pill,
html[data-theme="dark"] .hospital-service-detail-card,
html[data-theme="dark"] .hospital-service-detail-feature,
html[data-theme="dark"] .hospital-service-detail-sidebar-card,
html[data-theme="dark"] .hospital-dept-detail-description-card,
html[data-theme="dark"] .hospital-dept-detail-service-item,
html[data-theme="dark"] .hospital-dept-detail-doctor-item,
html[data-theme="dark"] .hospital-dept-detail-sidebar-card,
html[data-theme="dark"] .hospital-news-filters-card,
html[data-theme="dark"] .hospital-news-card,
html[data-theme="dark"] .hospital-news-featured-card,
html[data-theme="dark"] .hospital-news-detail-card,
html[data-theme="dark"] .hospital-news-detail-sidebar-card,
html[data-theme="dark"] .hospital-events-card,
html[data-theme="dark"] .hospital-event-detail-card,
html[data-theme="dark"] .hospital-event-detail-sidebar-card,
html[data-theme="dark"] .hospital-announcements-card,
html[data-theme="dark"] .ann-card,
html[data-theme="dark"] .ann-sidebar-card,
html[data-theme="dark"] .hospital-gallery-item,
html[data-theme="dark"] .hospital-gallery-toolbar,
html[data-theme="dark"] .hospital-faq-search-card,
html[data-theme="dark"] .hospital-faq-item,
html[data-theme="dark"] .hospital-faq-empty {
    background: var(--hospital-card) !important;
    border-color: var(--hospital-border) !important;
    color: var(--hospital-text) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

/* Soft inset surfaces */
html[data-theme="dark"] .hospital-faq-item-answer,
html[data-theme="dark"] .hospital-faq-item-answer-content,
html[data-theme="dark"] .hospital-news-search-input,
html[data-theme="dark"] .hospital-faq-search-input,
html[data-theme="dark"] .hospital-gallery-filter,
html[data-theme="dark"] .hospital-gallery-filter-btn:not(.active),
html[data-theme="dark"] .hospital-news-filter:not(.active),
html[data-theme="dark"] .hospital-news-filter-btn:not(.active),
html[data-theme="dark"] .hospital-faq-filter:not(.active),
html[data-theme="dark"] .hospital-service-detail-feature,
html[data-theme="dark"] .hospital-dept-detail-service-item,
html[data-theme="dark"] .hospital-dept-detail-doctor-item,
html[data-theme="dark"] .ann-excerpt,
html[data-theme="dark"] .hospital-news-detail-excerpt {
    background: var(--hospital-surface-2) !important;
    border-color: var(--hospital-border) !important;
    color: var(--hospital-text-secondary) !important;
}

/* Contact form controls */
html[data-theme="dark"] .hct-input,
html[data-theme="dark"] .hct-select,
html[data-theme="dark"] .hct-textarea,
html[data-theme="dark"] .hospital-event-detail-page input,
html[data-theme="dark"] .hospital-event-detail-page select,
html[data-theme="dark"] .hospital-event-detail-page textarea,
html[data-theme="dark"] .hospital-faq-search-input,
html[data-theme="dark"] .hospital-news-search-input {
    background: #0b1524 !important;
    color: var(--hospital-text) !important;
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hct-pill,
html[data-theme="dark"] .hospital-services-hero-meta-item i,
html[data-theme="dark"] .hospital-departments-hero-meta-item i,
html[data-theme="dark"] .hospital-services-card-category,
html[data-theme="dark"] .hospital-departments-card-category,
html[data-theme="dark"] .hospital-services-card-meta-item i,
html[data-theme="dark"] .hospital-departments-card-meta-item i,
html[data-theme="dark"] .hospital-faq-item-number,
html[data-theme="dark"] .hospital-faq-category-icon,
html[data-theme="dark"] .hospital-faq-btn-ghost {
    background: rgba(96, 165, 250, 0.12) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
}

html[data-theme="dark"] .hospital-faq-item.active {
    border-color: rgba(96, 165, 250, 0.45) !important;
}

html[data-theme="dark"] .hospital-faq-item.active .hospital-faq-item-number,
html[data-theme="dark"] .hospital-faq-item.active .hospital-faq-item-toggle {
    background: rgba(0, 102, 255, 0.25) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-faq-filter.active,
html[data-theme="dark"] .hospital-news-filter.active,
html[data-theme="dark"] .hospital-news-filter-btn.active,
html[data-theme="dark"] .hospital-gallery-filter.active,
html[data-theme="dark"] .hospital-gallery-filter-btn.active {
    background: linear-gradient(135deg, var(--primary-blue, #0066ff), var(--secondary-teal, #00b8a9)) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* Outline / secondary buttons that were white */
html[data-theme="dark"] .hospital-services-cta-btn-1,
html[data-theme="dark"] .hospital-departments-cta-btn-1,
html[data-theme="dark"] .hospital-service-detail-btn-outline,
html[data-theme="dark"] .hospital-dept-detail-hero-btn-outline,
html[data-theme="dark"] .hospital-dept-detail-btn-outline,
html[data-theme="dark"] .hospital-faq-btn-ghost {
    background: var(--hospital-surface-2) !important;
    color: #93c5fd !important;
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-service-detail-hero-text,
html[data-theme="dark"] .hospital-dept-detail-hero-text,
html[data-theme="dark"] .hospital-dept-detail-description,
html[data-theme="dark"] .hospital-dept-detail-service-item-desc,
html[data-theme="dark"] .hospital-service-detail-description,
html[data-theme="dark"] .hospital-service-detail-feature p,
html[data-theme="dark"] .hospital-gallery-hero-text,
html[data-theme="dark"] .hospital-gallery-section-title + p {
    color: var(--hospital-text-secondary) !important;
}

html[data-theme="dark"] .hospital-gallery-count-pill,
html[data-theme="dark"] .hospital-news-count-pill,
html[data-theme="dark"] .hospital-events-count-pill,
html[data-theme="dark"] .hospital-announcements-count-pill {
    background: var(--hospital-card) !important;
    border-color: var(--hospital-border) !important;
    color: var(--hospital-text-secondary) !important;
}

html[data-theme="dark"] .hospital-gallery-filter-btn.active,
html[data-theme="dark"] .hospital-faq-filter.active,
html[data-theme="dark"] .hospital-news-filter.active {
    background: linear-gradient(135deg, var(--primary-blue, #0066ff), var(--secondary-teal, #00b8a9)) !important;
    color: #fff !important;
}

html[data-theme="dark"] .hospital-services-cta-btn-2,
html[data-theme="dark"] .hospital-departments-cta-btn-2 {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Kickers / meta chips */
html[data-theme="dark"] .hospital-services-kicker,
html[data-theme="dark"] .hospital-departments-kicker,
html[data-theme="dark"] .hospital-news-kicker,
html[data-theme="dark"] .hospital-events-kicker,
html[data-theme="dark"] .hospital-announcements-kicker,
html[data-theme="dark"] .hospital-gallery-kicker,
html[data-theme="dark"] .hospital-faq-category-count {
    color: #93c5fd !important;
}

/* Closed-hour state stays readable */
html[data-theme="dark"] .hct-hour-closed {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.35) !important;
}

/* Detail pages without wrapper class still need coverage */
html[data-theme="dark"] .hospital-dept-detail-hero,
html[data-theme="dark"] .hospital-dept-detail-content,
html[data-theme="dark"] .hospital-service-detail-content,
html[data-theme="dark"] .ann-content {
    color: var(--hospital-text);
}

html[data-theme="dark"] .hospital-dept-detail-content,
html[data-theme="dark"] .hospital-service-detail-content,
html[data-theme="dark"] .hospital-news-detail-content,
html[data-theme="dark"] .hospital-event-detail-content,
html[data-theme="dark"] .ann-content {
    background: transparent !important;
}

/* Related / empty / pagination shells often white */
html[data-theme="dark"] .hospital-news-pagination,
html[data-theme="dark"] .hospital-events-pagination,
html[data-theme="dark"] .hospital-announcements-pagination,
html[data-theme="dark"] .hospital-services-pagination,
html[data-theme="dark"] .hospital-departments-pagination,
html[data-theme="dark"] .hospital-news-related,
html[data-theme="dark"] .hospital-events-empty,
html[data-theme="dark"] .hospital-announcements-empty,
html[data-theme="dark"] .hospital-gallery-empty {
    background: transparent !important;
    color: var(--hospital-text-secondary) !important;
}

/* Gallery lightbox chrome */
html[data-theme="dark"] .hospital-gallery-lightbox,
html[data-theme="dark"] .hospital-gallery-lightbox-panel {
    background: rgba(7, 17, 31, 0.94) !important;
    color: var(--hospital-text) !important;
}

/* Attribute hardcodes that fight theme variables */
html[data-theme="dark"] .hospital-services-page [style*="background:#fff"],
html[data-theme="dark"] .hospital-departments-page [style*="background:#fff"],
html[data-theme="dark"] .hospital-contact-page [style*="background:#fff"],
html[data-theme="dark"] .hospital-news-page [style*="background:#fff"],
html[data-theme="dark"] .hospital-faq-page [style*="background:#fff"] {
    background: var(--hospital-card) !important;
}

html[data-theme="dark"] .hospital-services-page [style*="color:#0f172a"],
html[data-theme="dark"] .hospital-departments-page [style*="color:#0f172a"],
html[data-theme="dark"] .hospital-contact-page [style*="color:#0f172a"],
html[data-theme="dark"] .hospital-news-page [style*="color:#0f172a"],
html[data-theme="dark"] .hospital-faq-page [style*="color:#0f172a"] {
    color: var(--hospital-text) !important;
}

/* =========================================================
   Doctors / Leadership / Emergency / Appointments / Careers
   ========================================================= */

html[data-theme="dark"] .hospital-doctors-page,
html[data-theme="dark"] .hospital-doctor-detail-page,
html[data-theme="dark"] .hospital-leadership-page,
html[data-theme="dark"] .hospital-leadership-detail-page,
html[data-theme="dark"] .hospital-emergency-page,
html[data-theme="dark"] .hospital-emergency-detail-page,
html[data-theme="dark"] .hospital-appointment-page,
html[data-theme="dark"] .hospital-careers-page,
html[data-theme="dark"] .hospital-career-detail-page {
    background: var(--hospital-bg);
    color: var(--hospital-text);
}

/* Heroes */
html[data-theme="dark"] .hospital-doctors-hero,
html[data-theme="dark"] .hospital-doctor-detail-hero,
html[data-theme="dark"] .hospital-leadership-hero,
html[data-theme="dark"] .hospital-leadership-detail-hero,
html[data-theme="dark"] .hospital-emergency-hero,
html[data-theme="dark"] .hospital-emergency-detail-hero,
html[data-theme="dark"] .hospital-appointment-hero,
html[data-theme="dark"] .hospital-careers-hero,
html[data-theme="dark"] .hospital-career-detail-hero {
    background:
        radial-gradient(ellipse 70% 55% at 100% 0%, rgba(0, 102, 255, 0.22), transparent 55%),
        radial-gradient(ellipse 55% 45% at 0% 100%, rgba(0, 184, 169, 0.16), transparent 50%),
        linear-gradient(180deg, #0b1524 0%, #07111f 72%) !important;
}

/* Content bands */
html[data-theme="dark"] .hospital-doctors-section,
html[data-theme="dark"] .hospital-doctor-detail-body,
html[data-theme="dark"] .hospital-leadership-section,
html[data-theme="dark"] .hospital-leadership-detail-body,
html[data-theme="dark"] .hospital-emergency-section,
html[data-theme="dark"] .hospital-emergency-featured-section,
html[data-theme="dark"] .hospital-emergency-detail-body,
html[data-theme="dark"] .hospital-appointment-steps,
html[data-theme="dark"] .hospital-appointment-section,
html[data-theme="dark"] .hospital-careers-section,
html[data-theme="dark"] .hospital-career-detail-body,
html[data-theme="dark"] .hospital-leadership-detail-related {
    background: linear-gradient(180deg, #07111f 0%, #0b1524 100%) !important;
}

/* Titles */
html[data-theme="dark"] .hospital-doctors-hero-title,
html[data-theme="dark"] .hospital-doctors-section-title,
html[data-theme="dark"] .hospital-doctors-card-name,
html[data-theme="dark"] .hospital-doctors-empty-title,
html[data-theme="dark"] .hospital-doctor-detail-title,
html[data-theme="dark"] .hospital-doctor-detail-section-title,
html[data-theme="dark"] .hospital-doctor-detail-sidebar-title,
html[data-theme="dark"] .hospital-leadership-hero-title,
html[data-theme="dark"] .hospital-leadership-section-title,
html[data-theme="dark"] .hospital-leadership-card-name,
html[data-theme="dark"] .hospital-leadership-empty-title,
html[data-theme="dark"] .hospital-leadership-detail-title,
html[data-theme="dark"] .hospital-leadership-detail-section-title,
html[data-theme="dark"] .hospital-leadership-detail-sidebar-title,
html[data-theme="dark"] .hospital-emergency-hero-title,
html[data-theme="dark"] .hospital-emergency-section-title,
html[data-theme="dark"] .hospital-emergency-card-title,
html[data-theme="dark"] .hospital-emergency-card-name,
html[data-theme="dark"] .hospital-emergency-empty-title,
html[data-theme="dark"] .hospital-emergency-detail-title,
html[data-theme="dark"] .hospital-emergency-detail-section-title,
html[data-theme="dark"] .hospital-emergency-detail-sidebar-title,
html[data-theme="dark"] .hospital-appointment-hero-title,
html[data-theme="dark"] .hospital-appointment-section-title,
html[data-theme="dark"] .hospital-appointment-step h3,
html[data-theme="dark"] .hospital-appointment-feature-title,
html[data-theme="dark"] .hospital-appointment-contact-item strong,
html[data-theme="dark"] .hospital-appointment-notice strong,
html[data-theme="dark"] .hospital-careers-hero-title,
html[data-theme="dark"] .hospital-careers-section-title,
html[data-theme="dark"] .hospital-careers-card-title,
html[data-theme="dark"] .hospital-careers-empty-title,
html[data-theme="dark"] .hospital-career-detail-title,
html[data-theme="dark"] .hospital-career-detail-section-title,
html[data-theme="dark"] .hospital-career-detail-sidebar-title,
html[data-theme="dark"] .hospital-career-detail-form-label,
html[data-theme="dark"] .hospital-career-detail-content h2,
html[data-theme="dark"] .hospital-career-detail-content h3,
html[data-theme="dark"] .hospital-career-detail-content h4,
html[data-theme="dark"] .hospital-doctor-detail-bio h1,
html[data-theme="dark"] .hospital-doctor-detail-bio h2,
html[data-theme="dark"] .hospital-doctor-detail-bio h3,
html[data-theme="dark"] .hospital-doctor-detail-content-block h1,
html[data-theme="dark"] .hospital-doctor-detail-content-block h2,
html[data-theme="dark"] .hospital-doctor-detail-content-block h3,
html[data-theme="dark"] .hospital-leadership-detail-bio h1,
html[data-theme="dark"] .hospital-leadership-detail-bio h2,
html[data-theme="dark"] .hospital-leadership-detail-bio h3 {
    color: var(--hospital-text) !important;
}

html[data-theme="dark"] .hospital-doctors-hero-title span,
html[data-theme="dark"] .hospital-leadership-hero-title span,
html[data-theme="dark"] .hospital-emergency-hero-title span,
html[data-theme="dark"] .hospital-appointment-hero-title span,
html[data-theme="dark"] .hospital-careers-hero-title span {
    -webkit-text-fill-color: transparent !important;
}

/* Muted copy */
html[data-theme="dark"] .hospital-doctors-hero-text,
html[data-theme="dark"] .hospital-doctors-hero-meta-item,
html[data-theme="dark"] .hospital-doctors-card-designation,
html[data-theme="dark"] .hospital-doctors-card-meta,
html[data-theme="dark"] .hospital-doctors-card-meta-item,
html[data-theme="dark"] .hospital-doctors-empty-text,
html[data-theme="dark"] .hospital-doctor-detail-designation,
html[data-theme="dark"] .hospital-doctor-detail-hero-text,
html[data-theme="dark"] .hospital-doctor-detail-meta-item,
html[data-theme="dark"] .hospital-doctor-detail-bio,
html[data-theme="dark"] .hospital-doctor-detail-content-block,
html[data-theme="dark"] .hospital-leadership-hero-text,
html[data-theme="dark"] .hospital-leadership-hero-meta-item,
html[data-theme="dark"] .hospital-leadership-card-excerpt,
html[data-theme="dark"] .hospital-leadership-card-position,
html[data-theme="dark"] .hospital-leadership-empty-text,
html[data-theme="dark"] .hospital-leadership-detail-position,
html[data-theme="dark"] .hospital-leadership-detail-hero-text,
html[data-theme="dark"] .hospital-leadership-detail-bio,
html[data-theme="dark"] .hospital-emergency-hero-text,
html[data-theme="dark"] .hospital-emergency-hero-meta-item,
html[data-theme="dark"] .hospital-emergency-card-excerpt,
html[data-theme="dark"] .hospital-emergency-empty-text,
html[data-theme="dark"] .hospital-emergency-detail-text,
html[data-theme="dark"] .hospital-emergency-detail-content,
html[data-theme="dark"] .hospital-emergency-detail-list li,
html[data-theme="dark"] .hospital-appointment-hero-text,
html[data-theme="dark"] .hospital-appointment-hero-meta-item,
html[data-theme="dark"] .hospital-appointment-section-text,
html[data-theme="dark"] .hospital-appointment-step p,
html[data-theme="dark"] .hospital-appointment-feature-text,
html[data-theme="dark"] .hospital-appointment-contact-item span,
html[data-theme="dark"] .hospital-appointment-notice p,
html[data-theme="dark"] .hospital-appointment-language-content,
html[data-theme="dark"] .hospital-careers-hero-text,
html[data-theme="dark"] .hospital-careers-card-excerpt,
html[data-theme="dark"] .hospital-careers-card-info,
html[data-theme="dark"] .hospital-careers-empty-text,
html[data-theme="dark"] .hospital-career-detail-meta-item,
html[data-theme="dark"] .hospital-career-detail-content,
html[data-theme="dark"] .hospital-career-detail-form-hint {
    color: var(--hospital-text-secondary) !important;
}

/* Cards / panels */
html[data-theme="dark"] .hospital-doctors-card,
html[data-theme="dark"] .hospital-doctors-empty,
html[data-theme="dark"] .hospital-doctors-pagination-wrapper,
html[data-theme="dark"] .hospital-doctors-count-pill,
html[data-theme="dark"] .hospital-doctor-detail-card,
html[data-theme="dark"] .hospital-doctor-detail-sidebar-card,
html[data-theme="dark"] .hospital-doctor-detail-list-item,
html[data-theme="dark"] .hospital-doctor-detail-schedule-item,
html[data-theme="dark"] .hospital-doctor-detail-spec-item,
html[data-theme="dark"] .hospital-doctor-detail-lang-item,
html[data-theme="dark"] .hospital-leadership-card,
html[data-theme="dark"] .hospital-leadership-empty,
html[data-theme="dark"] .hospital-leadership-pagination-wrapper,
html[data-theme="dark"] .hospital-leadership-count-pill,
html[data-theme="dark"] .hospital-leadership-detail-card,
html[data-theme="dark"] .hospital-leadership-detail-sidebar-card,
html[data-theme="dark"] .hospital-leadership-detail-list-item,
html[data-theme="dark"] .hospital-leadership-detail-related-card,
html[data-theme="dark"] .hospital-emergency-card,
html[data-theme="dark"] .hospital-emergency-empty,
html[data-theme="dark"] .hospital-emergency-count-pill,
html[data-theme="dark"] .hospital-emergency-detail-card,
html[data-theme="dark"] .hospital-emergency-detail-sidebar-card,
html[data-theme="dark"] .hospital-emergency-detail-list li,
html[data-theme="dark"] .hospital-emergency-detail-related-card,
html[data-theme="dark"] .hospital-appointment-step,
html[data-theme="dark"] .hospital-appointment-message-card,
html[data-theme="dark"] .hospital-appointment-feature-item,
html[data-theme="dark"] .hospital-appointment-contact-item,
html[data-theme="dark"] .hospital-appointment-notice,
html[data-theme="dark"] .hospital-careers-card,
html[data-theme="dark"] .hospital-careers-empty,
html[data-theme="dark"] .hospital-careers-pagination-wrapper,
html[data-theme="dark"] .hospital-careers-count-pill,
html[data-theme="dark"] .hospital-career-detail-card,
html[data-theme="dark"] .hospital-career-detail-sidebar-card {
    background: var(--hospital-card) !important;
    border-color: var(--hospital-border) !important;
    color: var(--hospital-text) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

/* Soft inset rows */
html[data-theme="dark"] .hospital-doctor-detail-list-item,
html[data-theme="dark"] .hospital-doctor-detail-schedule-item,
html[data-theme="dark"] .hospital-doctor-detail-spec-item,
html[data-theme="dark"] .hospital-doctor-detail-lang-item,
html[data-theme="dark"] .hospital-leadership-detail-list-item,
html[data-theme="dark"] .hospital-leadership-detail-connect-btn,
html[data-theme="dark"] .hospital-emergency-detail-list li,
html[data-theme="dark"] .hospital-appointment-language-tabs,
html[data-theme="dark"] .hospital-appointment-step,
html[data-theme="dark"] .hospital-appointment-feature-item,
html[data-theme="dark"] .hospital-careers-card-info,
html[data-theme="dark"] .hospital-doctors-card-footer,
html[data-theme="dark"] .hospital-leadership-card-footer,
html[data-theme="dark"] .hospital-emergency-card-footer {
    background: var(--hospital-surface-2) !important;
    border-color: var(--hospital-border) !important;
    color: var(--hospital-text-secondary) !important;
}

/* Kickers / chips */
html[data-theme="dark"] .hospital-doctors-kicker,
html[data-theme="dark"] .hospital-leadership-kicker,
html[data-theme="dark"] .hospital-emergency-kicker,
html[data-theme="dark"] .hospital-appointment-kicker,
html[data-theme="dark"] .hospital-careers-kicker,
html[data-theme="dark"] .hospital-doctor-detail-chip,
html[data-theme="dark"] .hospital-doctors-hero-meta-item i,
html[data-theme="dark"] .hospital-leadership-hero-meta-item i,
html[data-theme="dark"] .hospital-emergency-hero-meta-item i,
html[data-theme="dark"] .hospital-appointment-hero-meta-item i {
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-doctor-detail-chip,
html[data-theme="dark"] .hospital-appointment-step-num,
html[data-theme="dark"] .hospital-appointment-step-icon,
html[data-theme="dark"] .hospital-appointment-feature-icon,
html[data-theme="dark"] .hospital-appointment-notice-icon,
html[data-theme="dark"] .hospital-appointment-contact-item i,
html[data-theme="dark"] .hospital-careers-card-department,
html[data-theme="dark"] .hospital-careers-card-badge {
    background: rgba(96, 165, 250, 0.12) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
}

/* Appointment language tabs */
html[data-theme="dark"] .hospital-appointment-language-tab {
    background: var(--hospital-surface-2) !important;
    color: var(--hospital-text-secondary) !important;
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-appointment-language-tab:hover,
html[data-theme="dark"] .hospital-appointment-language-tab.active {
    background: rgba(96, 165, 250, 0.14) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
}

/* Outline / ghost buttons that were white */
html[data-theme="dark"] .hospital-doctors-cta-btn-1,
html[data-theme="dark"] .hospital-leadership-cta-btn-1,
html[data-theme="dark"] .hospital-emergency-cta-btn-1,
html[data-theme="dark"] .hospital-appointment-hero-btn-ghost,
html[data-theme="dark"] .hospital-doctor-detail-btn-outline,
html[data-theme="dark"] .hospital-leadership-detail-btn-outline,
html[data-theme="dark"] .hospital-emergency-detail-btn-outline,
html[data-theme="dark"] .hospital-emergency-detail-btn-ghost {
    background: var(--hospital-surface-2) !important;
    color: #93c5fd !important;
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-doctors-cta-btn-2,
html[data-theme="dark"] .hospital-leadership-cta-btn-2,
html[data-theme="dark"] .hospital-emergency-cta-btn-2 {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Careers application form */
html[data-theme="dark"] .hospital-career-detail-form-input,
html[data-theme="dark"] .hospital-career-detail-page input,
html[data-theme="dark"] .hospital-career-detail-page select,
html[data-theme="dark"] .hospital-career-detail-page textarea {
    background: #0b1524 !important;
    color: var(--hospital-text) !important;
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-career-detail-form-input::placeholder {
    color: var(--hospital-text-muted) !important;
}

html[data-theme="dark"] .hospital-career-detail-alert-success {
    background: rgba(15, 118, 110, 0.18) !important;
    color: #5eead4 !important;
    border-color: rgba(45, 212, 191, 0.35) !important;
}

html[data-theme="dark"] .hospital-career-detail-alert-error {
    background: rgba(185, 28, 28, 0.18) !important;
    color: #fca5a5 !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

/* Photos keep a clean ring in dark */
html[data-theme="dark"] .hospital-doctor-detail-photo,
html[data-theme="dark"] .hospital-leadership-detail-photo,
html[data-theme="dark"] .hospital-doctors-card-image,
html[data-theme="dark"] .hospital-leadership-card-image {
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-doctor-detail-photo-fallback,
html[data-theme="dark"] .hospital-leadership-detail-photo-fallback {
    background: var(--hospital-surface-3) !important;
    color: #93c5fd !important;
}

/* Pagination / empty shells */
html[data-theme="dark"] .hospital-doctors-pagination,
html[data-theme="dark"] .hospital-leadership-pagination,
html[data-theme="dark"] .hospital-careers-pagination {
    background: transparent !important;
    color: var(--hospital-text-secondary) !important;
}

/* Featured / special chips */
html[data-theme="dark"] .hospital-leadership-card-featured-tag {
    background: rgba(15, 26, 44, 0.92) !important;
    color: #e8eef8 !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

/* Emergency soft chip only — badge keeps red gradient */
html[data-theme="dark"] .hospital-emergency-detail-chip {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fca5a5 !important;
    border-color: rgba(239, 68, 68, 0.35) !important;
}

html[data-theme="dark"] .hospital-emergency-hero-phone {
    color: #fca5a5 !important;
}

html[data-theme="dark"] .hospital-doctors-card-tag,
html[data-theme="dark"] .hospital-doctors-card-badge {
    background: rgba(96, 165, 250, 0.14) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .hospital-leadership-detail-social-link {
    background: var(--hospital-surface-2) !important;
    color: #93c5fd !important;
    border-color: var(--hospital-border) !important;
}

html[data-theme="dark"] .hospital-careers-card-title,
html[data-theme="dark"] .hospital-careers-card-name {
    color: var(--hospital-text) !important;
}