/*
 * Hospital Document AI dark theme
 * Scoped to body.hospital-document-ai-page so the rest of the site remains unchanged.
 */

body.hospital-document-ai-page {
    --ai-dark-bg: #070b14;
    --ai-dark-bg-2: #0d1422;
    --ai-panel: rgba(14, 22, 36, 0.92);
    --ai-panel-strong: rgba(17, 28, 46, 0.98);
    --ai-panel-soft: rgba(23, 36, 57, 0.86);
    --ai-line: rgba(148, 163, 184, 0.18);
    --ai-line-strong: rgba(125, 211, 252, 0.28);
    --ai-ink: #f8fafc;
    --ai-muted: #aab7cc;
    --ai-muted-2: #7f8ea7;
    --ai-cyan: #38bdf8;
    --ai-teal: #2dd4bf;
    --ai-green: #4ade80;
    --ai-warn: #fb7185;
    color: var(--ai-ink);
    background:
        radial-gradient(circle at 12% -8%, rgba(56, 189, 248, 0.18), transparent 28%),
        radial-gradient(circle at 82% 0%, rgba(45, 212, 191, 0.14), transparent 26%),
        linear-gradient(180deg, #070b14 0%, #0b1120 48%, #080b13 100%) !important;
    background-attachment: fixed;
}

body.hospital-document-ai-page,
body.hospital-document-ai-page p,
body.hospital-document-ai-page li,
body.hospital-document-ai-page .text-muted {
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page h1,
body.hospital-document-ai-page h2,
body.hospital-document-ai-page h3,
body.hospital-document-ai-page h4,
body.hospital-document-ai-page h5,
body.hospital-document-ai-page h6,
body.hospital-document-ai-page strong,
body.hospital-document-ai-page b {
    color: var(--ai-ink) !important;
}

body.hospital-document-ai-page a {
    color: #7dd3fc;
}

body.hospital-document-ai-page a:hover {
    color: #bae6fd;
}

/* Shared site header */
body.hospital-document-ai-page .improved-header,
body.hospital-document-ai-page.site-main-header-unified .improved-header {
    background: rgba(7, 11, 20, 0.94) !important;
    background-color: rgba(7, 11, 20, 0.94) !important;
    border-bottom: 1px solid var(--ai-line) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.34) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.hospital-document-ai-page .improved-header::before,
body.hospital-document-ai-page .improved-header .header-glass-bg {
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.12), rgba(45, 212, 191, 0.1)) !important;
}

body.hospital-document-ai-page .improved-header a,
body.hospital-document-ai-page .improved-header button,
body.hospital-document-ai-page .improved-header .nav-link,
body.hospital-document-ai-page .improved-header .header-menu-text,
body.hospital-document-ai-page .improved-header .brand-text,
body.hospital-document-ai-page .improved-header .logo-text {
    color: #e5edf8 !important;
}

body.hospital-document-ai-page .improved-header a:hover,
body.hospital-document-ai-page .improved-header button:hover,
body.hospital-document-ai-page .improved-header .nav-link:hover {
    color: #7dd3fc !important;
}

body.hospital-document-ai-page .improved-header img {
    filter: none;
}

/* Page shell */
body.hospital-document-ai-page .hospital-document-ai-wrapper {
    padding-bottom: 44px;
    background:
        linear-gradient(rgba(148, 163, 184, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.035) 1px, transparent 1px);
    background-size: 36px 36px;
}

body.hospital-document-ai-page .hospital-page-title,
body.hospital-document-ai-page .hospital-ui--shared-workbench .hospital-page-title--work {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(10, 18, 32, 0.92)) !important;
    border: 1px solid var(--ai-line) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.hospital-document-ai-page .service-studio-eyebrow,
body.hospital-document-ai-page .hospital-title-work .service-studio-eyebrow {
    color: var(--ai-cyan) !important;
}

body.hospital-document-ai-page .hospital-title-subtext,
body.hospital-document-ai-page .hospital-title-subtext--work {
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .hospital-title-badge {
    color: #dff9ff !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.28) !important;
    box-shadow: none !important;
}

body.hospital-document-ai-page .hospital-title-badge i {
    color: var(--ai-cyan) !important;
}

body.hospital-document-ai-page .hospital-mode-switch .hub-mode-pill,
body.hospital-document-ai-page .hospital-ui--shared-workbench .hospital-mode-switch--strip .hub-mode-pill {
    background: rgba(15, 23, 42, 0.82) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    color: var(--ai-muted) !important;
    box-shadow: none !important;
}

body.hospital-document-ai-page .hospital-mode-switch .hub-mode-pill strong,
body.hospital-document-ai-page .hospital-mode-switch .hub-mode-pill span {
    color: inherit !important;
}

body.hospital-document-ai-page .hospital-mode-switch .hub-mode-pill:hover {
    background: rgba(20, 35, 56, 0.96) !important;
    border-color: rgba(56, 189, 248, 0.34) !important;
    color: #e0f7ff !important;
}

body.hospital-document-ai-page .hospital-mode-switch .hub-mode-pill.is-active {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.23), rgba(45, 212, 191, 0.18)) !important;
    border-color: rgba(125, 211, 252, 0.48) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(14, 165, 233, 0.18) !important;
}

body.hospital-document-ai-page .hospital-ai-disclosure-row .ai-disclosure {
    background: rgba(15, 23, 42, 0.86) !important;
    border-color: var(--ai-line) !important;
    color: var(--ai-ink) !important;
}

body.hospital-document-ai-page .ai-disclosure__mark {
    background: linear-gradient(135deg, var(--ai-cyan), var(--ai-teal)) !important;
    color: #06111f !important;
}

body.hospital-document-ai-page .ai-disclosure__title {
    color: var(--ai-ink) !important;
}

body.hospital-document-ai-page .ai-disclosure__text {
    color: var(--ai-muted) !important;
}

/* Main workbench */
body.hospital-document-ai-page .hospital-ui--shared-workbench .hospital-doc-workbench {
    background: rgba(6, 10, 18, 0.72) !important;
    border: 1px solid var(--ai-line) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35) !important;
}

body.hospital-document-ai-page .hospital-ui--shared-workbench .hospital-doc-workbench .hospital-sidebar,
body.hospital-document-ai-page .hospital-document-ai-wrapper .hospital-sidebar {
    background: rgba(11, 18, 31, 0.95) !important;
    border-right: 1px solid var(--ai-line) !important;
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .hospital-document-ai-wrapper .hospital-sidebar .sidebar-title,
body.hospital-document-ai-page .hospital-document-ai-wrapper .sidebar-title {
    color: var(--ai-ink) !important;
    border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

body.hospital-document-ai-page .hospital-document-ai-wrapper .hospital-sidebar .sidebar-title i,
body.hospital-document-ai-page .hospital-document-ai-wrapper .sidebar-title i {
    color: var(--ai-cyan) !important;
}

body.hospital-document-ai-page .service-note,
body.hospital-document-ai-page .document-retention-hint,
body.hospital-document-ai-page .ocr-status-badge,
body.hospital-document-ai-page .privacy-guide-btn {
    background: rgba(15, 23, 42, 0.76) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .ocr-status-badge.service-disabled,
body.hospital-document-ai-page .ocr-status-badge.unavailable {
    background: rgba(127, 29, 29, 0.22) !important;
    border-color: rgba(251, 113, 133, 0.32) !important;
    color: #fecdd3 !important;
}

body.hospital-document-ai-page .ocr-status-text {
    color: inherit !important;
}

body.hospital-document-ai-page .upload-zone,
body.hospital-document-ai-page .hospital-document-ai-wrapper .upload-zone {
    background: rgba(15, 23, 42, 0.72) !important;
    border: 1px dashed rgba(125, 211, 252, 0.3) !important;
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .upload-zone:hover {
    background: rgba(18, 30, 49, 0.94) !important;
    border-color: rgba(56, 189, 248, 0.54) !important;
    box-shadow: 0 12px 28px rgba(14, 165, 233, 0.12) !important;
}

body.hospital-document-ai-page .upload-zone.service-disabled {
    background: rgba(39, 18, 26, 0.72) !important;
    border-color: rgba(251, 113, 133, 0.28) !important;
}

body.hospital-document-ai-page .upload-zone i {
    color: var(--ai-cyan) !important;
}

body.hospital-document-ai-page .upload-zone.service-disabled i,
body.hospital-document-ai-page .upload-zone.service-disabled p:first-of-type {
    color: #fda4af !important;
}

body.hospital-document-ai-page .upload-zone p,
body.hospital-document-ai-page .upload-zone .text-muted {
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .document-items,
body.hospital-document-ai-page .document-preview-body-modal,
body.hospital-document-ai-page .document-preview-card,
body.hospital-document-ai-page .analysis-result-container,
body.hospital-document-ai-page #analysisSummary {
    background: rgba(8, 13, 24, 0.72) !important;
    border-color: var(--ai-line) !important;
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .document-item {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.15) !important;
}

body.hospital-document-ai-page .document-item:hover,
body.hospital-document-ai-page .document-item.active {
    background: rgba(20, 35, 56, 0.92) !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
}

body.hospital-document-ai-page .document-name,
body.hospital-document-ai-page .document-meta,
body.hospital-document-ai-page .document-time {
    color: var(--ai-ink) !important;
}

body.hospital-document-ai-page .btn-extract,
body.hospital-document-ai-page .analysis-prompt-actions button.analysis-yes {
    background: linear-gradient(135deg, var(--ai-cyan), var(--ai-teal)) !important;
    border-color: rgba(125, 211, 252, 0.4) !important;
    color: #06111f !important;
    box-shadow: 0 10px 24px rgba(20, 184, 166, 0.18) !important;
}

body.hospital-document-ai-page .btn-extract:disabled {
    background: rgba(51, 65, 85, 0.7) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

body.hospital-document-ai-page .btn-reset,
body.hospital-document-ai-page .analysis-prompt-actions button.analysis-no {
    background: rgba(15, 23, 42, 0.82) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: var(--ai-muted) !important;
}

/* Chat area */
body.hospital-document-ai-page .hospital-ui--shared-workbench .hospital-doc-workbench .hospital-chat,
body.hospital-document-ai-page .hospital-document-ai-wrapper .hospital-chat,
body.hospital-document-ai-page .hospital-chat {
    background: rgba(8, 13, 24, 0.96) !important;
    border-color: var(--ai-line) !important;
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .hospital-ui--shared-workbench .hospital-doc-workbench .chat-header,
body.hospital-document-ai-page .hospital-document-ai-wrapper .chat-header,
body.hospital-document-ai-page .chat-header {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(10, 16, 28, 0.98)) !important;
    border-bottom: 1px solid var(--ai-line) !important;
}

body.hospital-document-ai-page .chat-header h5,
body.hospital-document-ai-page .chat-header h5 i {
    color: var(--ai-ink) !important;
}

body.hospital-document-ai-page .chat-header h5 i {
    color: var(--ai-cyan) !important;
}

body.hospital-document-ai-page .chat-header-icon-btn {
    background: rgba(15, 23, 42, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: var(--ai-cyan) !important;
}

body.hospital-document-ai-page .chat-header-icon-btn i {
    color: inherit !important;
}

body.hospital-document-ai-page .chat-messages {
    background:
        radial-gradient(circle at 15% 10%, rgba(56, 189, 248, 0.08), transparent 26%),
        rgba(8, 13, 24, 0.96) !important;
}

body.hospital-document-ai-page .welcome-message,
body.hospital-document-ai-page .welcome-message h4,
body.hospital-document-ai-page .welcome-message i {
    color: var(--ai-ink) !important;
}

body.hospital-document-ai-page .usage-step,
body.hospital-document-ai-page .ai-step,
body.hospital-document-ai-page .ai-welcome-badge {
    background: rgba(15, 23, 42, 0.7) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
}

body.hospital-document-ai-page .usage-step-number,
body.hospital-document-ai-page .ai-welcome-icon {
    background: linear-gradient(135deg, var(--ai-cyan), var(--ai-teal)) !important;
    color: #06111f !important;
    box-shadow: 0 10px 24px rgba(20, 184, 166, 0.16) !important;
}

body.hospital-document-ai-page .message-content {
    background: rgba(15, 23, 42, 0.88) !important;
    border-color: var(--ai-line) !important;
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .message.user .message-content {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(45, 212, 191, 0.15)) !important;
    color: var(--ai-ink) !important;
}

body.hospital-document-ai-page .analysis-prompt {
    background: rgba(15, 23, 42, 0.9) !important;
    border-color: rgba(125, 211, 252, 0.25) !important;
}

body.hospital-document-ai-page .analysis-prompt .analysis-text,
body.hospital-document-ai-page .analysis-prompt .analysis-text i {
    color: var(--ai-ink) !important;
}

body.hospital-document-ai-page .chat-input-area {
    background: rgba(7, 11, 20, 0.96) !important;
    border-top: 1px solid var(--ai-line) !important;
}

body.hospital-document-ai-page .chat-input-wrapper {
    background: rgba(15, 23, 42, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    box-shadow: none !important;
}

body.hospital-document-ai-page .chat-input-wrapper:focus-within {
    border-color: rgba(56, 189, 248, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.12) !important;
}

body.hospital-document-ai-page .chat-input-textarea {
    color: var(--ai-ink) !important;
    background: transparent !important;
}

body.hospital-document-ai-page .chat-input-textarea::placeholder {
    color: var(--ai-muted-2) !important;
}

body.hospital-document-ai-page .chat-send-btn {
    background: linear-gradient(135deg, var(--ai-cyan), var(--ai-teal)) !important;
    color: #06111f !important;
}

/* Modals */
body.hospital-document-ai-page .modal-content,
body.hospital-document-ai-page .service-unavailable-modal {
    background: #0f172a !important;
    border: 1px solid var(--ai-line) !important;
    color: var(--ai-muted) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48) !important;
}

body.hospital-document-ai-page .modal-header,
body.hospital-document-ai-page .modal-footer,
body.hospital-document-ai-page #previewModal .modal-header,
body.hospital-document-ai-page #previewModal .modal-footer {
    background: rgba(15, 23, 42, 0.98) !important;
    border-color: var(--ai-line) !important;
}

body.hospital-document-ai-page .modal-body,
body.hospital-document-ai-page #previewModal .modal-body {
    background: #0b1120 !important;
}

body.hospital-document-ai-page .btn-close {
    filter: invert(1) grayscale(1);
}

body.hospital-document-ai-page .btn-secondary {
    background: rgba(30, 41, 59, 0.96) !important;
    border-color: var(--ai-line) !important;
    color: var(--ai-muted) !important;
}

body.hospital-document-ai-page .btn-primary,
body.hospital-document-ai-page #previewModal .modal-footer .btn-primary {
    background: linear-gradient(135deg, var(--ai-cyan), var(--ai-teal)) !important;
    border: 0 !important;
    color: #06111f !important;
}

/* Mobile bottom toolbar */
@media (max-width: 1024px) {
    body.hospital-document-ai-page .hospital-page-title {
        display: none !important;
    }

    body.hospital-document-ai-page .hospital-document-ai-wrapper {
        padding-top: 48px !important;
    }

    body.hospital-document-ai-page .hospital-ui--shared-workbench .hospital-doc-workbench .hospital-chat {
        background: #080d18 !important;
    }

    body.hospital-document-ai-page .hospital-ui--shared-workbench .hospital-doc-workbench .chat-header,
    body.hospital-document-ai-page .hospital-document-ai-wrapper .chat-header {
        background: rgba(10, 18, 32, 0.96) !important;
        border: 1px solid var(--ai-line) !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
    }

    body.hospital-document-ai-page .mobile-doc-toolbar {
        background: rgba(7, 11, 20, 0.98) !important;
        border-top: 1px solid var(--ai-line) !important;
        box-shadow: 0 -14px 30px rgba(0, 0, 0, 0.38) !important;
    }

    body.hospital-document-ai-page .mobile-tab-btn,
    body.hospital-document-ai-page .mobile-upload-btn,
    body.hospital-document-ai-page .mobile-reset-btn,
    body.hospital-document-ai-page .mobile-extract-btn {
        background: rgba(15, 23, 42, 0.94) !important;
        border-color: rgba(148, 163, 184, 0.18) !important;
        color: var(--ai-muted) !important;
    }

    body.hospital-document-ai-page .mobile-tab-btn.active {
        background: linear-gradient(135deg, var(--ai-cyan), var(--ai-teal)) !important;
        color: #06111f !important;
        border-color: rgba(125, 211, 252, 0.42) !important;
    }
}

/* Footer */
body.hospital-document-ai-page .footer {
    --footer-paper: #070b14;
    --footer-paper-strong: #0b1120;
    --footer-paper-soft: #111827;
    --footer-ink: #f8fafc;
    --footer-muted: #aab7cc;
    --footer-line: rgba(148, 163, 184, 0.16);
    --footer-line-strong: rgba(148, 163, 184, 0.24);
    --footer-accent: #38bdf8;
    --footer-dark: #070b14;
    background: #070b14 !important;
    color: var(--footer-ink) !important;
    border-top-color: var(--footer-line) !important;
}

body.hospital-document-ai-page .footer::before {
    background-image:
        linear-gradient(rgba(148, 163, 184, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.04) 1px, transparent 1px) !important;
}

body.hospital-document-ai-page .footer-band,
body.hospital-document-ai-page .footer-notice,
body.hospital-document-ai-page .ai-notice {
    background: rgba(15, 23, 42, 0.82) !important;
    border-color: var(--footer-line) !important;
}

body.hospital-document-ai-page .footer a,
body.hospital-document-ai-page .footer p,
body.hospital-document-ai-page .footer address,
body.hospital-document-ai-page .footer .footer-summary,
body.hospital-document-ai-page .footer .footer-address p,
body.hospital-document-ai-page .footer .footer-notice__body p,
body.hospital-document-ai-page .footer .footer-contact-copy {
    color: var(--footer-muted) !important;
}

body.hospital-document-ai-page .footer .company-name,
body.hospital-document-ai-page .footer .footer-notice__body strong,
body.hospital-document-ai-page .footer .footer-link-list .is-emphasis {
    color: var(--footer-ink) !important;
}

body.hospital-document-ai-page .footer .footer-contact-link {
    background: linear-gradient(135deg, var(--ai-cyan), var(--ai-teal)) !important;
    border-color: rgba(125, 211, 252, 0.42) !important;
    color: #06111f !important;
}