/*
 * ChartB.ai unified clinical color theme.
 *
 * One color source for every user-facing surface. This stylesheet changes
 * colors, borders, and shadows only; it does not change layout, typography,
 * content, generation, routing, or saved-data behavior.
 *
 * Approved palette:
 *   page / header blue  #eff6ff
 *   supporting green   #f0fdf4
 *   secondary pink     #fff7ed
 *   ChartB action blue #0066cc / #0052b3
 */

:root {
    --primary: #0066cc;
    --primary-dark: #0052b3;
    --primary-light: #1a7adb;
    --bg-main: #eff6ff;
    --bg-white: #ffffff;
    --bg-gray: #f0fdf4;
    --text-dark: #111827;
    --text-medium: #5f6b7a;
    --text-light: #8491a3;
    --border: #d7e4f3;
    --shadow-sm: 0 2px 10px rgba(30, 64, 175, 0.05);
    --shadow-md: 0 10px 28px rgba(30, 64, 175, 0.08);
    --shadow-lg: 0 22px 56px rgba(30, 64, 175, 0.11);

    --cb-clinical-blue: #0066cc;
    --cb-clinical-blue-dark: #0052b3;
    --cb-clinical-sky: #eff6ff;
    --cb-clinical-aqua: #eff6ff;
    --cb-clinical-mint: #f0fdf4;
    --cb-clinical-lavender: #eff6ff;
    --cb-clinical-warm: #fff7ed;
    --cb-clinical-rose: #fff7ed;
    --cb-glass-surface: rgba(255, 255, 255, 0.9);
    --cb-glass-surface-strong: #ffffff;
    --cb-glass-border: #c7d9ee;
    --cb-glass-shadow: 0 18px 46px rgba(30, 64, 175, 0.1);
    --cb-glass-shadow-soft: 0 10px 28px rgba(30, 64, 175, 0.07);
    --cb-soft-page: linear-gradient(180deg, #eff6ff 0%, #f8fbff 50%, #f0fdf4 100%);
    --cb-soft-card: #ffffff;
    --cb-soft-card-mint: #f0fdf4;

    --cb-pro-bg: #eff6ff;
    --cb-pro-surface: #ffffff;
    --cb-pro-surface-soft: #f0fdf4;
    --cb-pro-border: #d7e4f3;
    --cb-pro-border-strong: #b8cee8;
    --cb-pro-text: #111827;
    --cb-pro-muted: #64748b;
    --cb-pro-blue: #0066cc;
    --cb-pro-blue-dark: #0052b3;
    --cb-pro-sidebar: #fff7ed;
    --cb-pro-sidebar-2: #fff7ed;
    --cb-pro-shadow: 0 16px 38px rgba(30, 64, 175, 0.09);
    --cb-pro-shadow-sm: 0 8px 22px rgba(30, 64, 175, 0.06);
}

html,
body {
    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 50%, #f0fdf4 100%) !important;
    color: #111827 !important;
}

/* Shared ChartB brand mark: never retinted by page themes. */
.logo-icon,
.sidebar-logo .logo-icon,
.patients-sidebar-logo .logo-icon,
.patients-main-logo .logo-icon,
.auth-logo-icon,
.medical-bank-brand-icon,
.medical-bank-site-logo .logo-icon {
    background: linear-gradient(135deg, #0066cc, #0052b3) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(0, 102, 204, 0.25) !important;
}

.logo-text,
.sidebar-logo .logo-text,
.patients-sidebar-logo .logo-text,
.patients-main-logo .logo-text,
.auth-logo-text {
    color: #111827 !important;
}

.logo-text .ai,
.sidebar-logo .logo-text .ai,
.patients-sidebar-logo .logo-text .ai,
.patients-main-logo .logo-text .ai,
.auth-logo-text .ai {
    color: #0066cc !important;
}

/* Shared page grounds and header chrome. */
#helpMainContent .home-page,
#helpMainContent .settings-page,
#helpMainContent .account-page,
#helpMainContent .medical-bank-page,
#helpMainContent .medical-bank-search-page,
#helpMainContent .medical-bank-control-page,
#helpMainContent .app-layout,
#helpMainContent .main-area,
#helpMainContent .content-area {
    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 52%, #f0fdf4 100%) !important;
    color: #111827 !important;
}

#helpMainContent .content-area {
    background: transparent !important;
}

#helpMainContent .home-header,
#helpMainContent .top-header,
#helpMainContent .medical-bank-topbar,
#helpMainContent .medical-bank-site-header,
#helpMainContent .medical-bank-control-topbar {
    background: rgba(239, 246, 255, 0.97) !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
    box-shadow: 0 1px 0 rgba(30, 64, 175, 0.05) !important;
}

/* Shared buttons: strong blue actions, quiet white secondary controls. */
.nav-btn-primary,
.btn-primary,
.btn-generate-main,
.btn-generate-regen,
.audit-btn-primary,
.auth-btn,
.login-btn,
.template-modal-footer .tmpl-btn-primary,
.template-modal-footer .btn-modal-primary,
.history-choice-btn.is-primary,
.interp2-btn-start,
.medical-bank-ask-box button,
.medical-bank-back.is-primary {
    background: #0066cc !important;
    background-image: none !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(0, 82, 179, 0.2) !important;
}

.nav-btn-primary:hover,
.btn-primary:hover,
.btn-generate-main:hover,
.btn-generate-regen:hover,
.audit-btn-primary:hover,
.auth-btn:hover,
.login-btn:hover,
.template-modal-footer .tmpl-btn-primary:hover,
.template-modal-footer .btn-modal-primary:hover,
.history-choice-btn.is-primary:hover,
.interp2-btn-start:hover,
.medical-bank-ask-box button:hover {
    background: #0052b3 !important;
    border-color: #0052b3 !important;
    color: #ffffff !important;
}

.nav-btn:not(.nav-btn-primary):not(.nav-btn-danger):not(.epic-brand-btn),
.btn-secondary,
.btn-outline,
.btn-icon:not(.epic-brand-btn),
.audit-btn-outline,
.interp2-btn-clear,
.settings-nav-item,
.template-dropdown-item {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    color: #26364a !important;
    box-shadow: none !important;
}

.nav-btn:not(.nav-btn-primary):not(.nav-btn-danger):not(.epic-brand-btn):hover,
.btn-secondary:hover,
.btn-outline:hover,
.btn-icon:not(.epic-brand-btn):hover,
.audit-btn-outline:hover,
.interp2-btn-clear:hover,
.settings-nav-item:hover:not(.disabled),
.template-dropdown-item:hover {
    background: #f0fdf4 !important;
    border-color: #8eb8e8 !important;
    color: #0052b3 !important;
}

.nav-btn-danger,
.back-link.logout {
    background: #ffffff !important;
    border-color: #d7e4f3 !important;
    color: #374151 !important;
}

.nav-btn-danger:hover,
.back-link.logout:hover {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

.nav-bar,
.nav-btn-group,
.user-chip,
.home-header .user-name {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
    box-shadow: none !important;
}

.user-avatar {
    background: #0066cc !important;
    color: #ffffff !important;
}

/* Shared form controls. */
input[type="text"],
input[type="date"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
select,
[contenteditable="true"] {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
    box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
[contenteditable="true"]:focus {
    border-color: #0066cc !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.13) !important;
    outline-color: #0066cc !important;
}

input::placeholder,
textarea::placeholder {
    color: #8795a8 !important;
}

/* Shared cards, dialogs, and subheaders. */
#helpMainContent .card,
#helpMainContent .input-section,
#helpMainContent .output-section,
#helpMainContent .audit-input-block,
#helpMainContent .audit-section,
#helpMainContent .audit-agg-section,
#helpMainContent .settings-panel,
#helpMainContent .settings-section,
#helpMainContent .settings-group,
#helpMainContent .problem-card,
#helpMainContent .unified-focus-card,
#helpMainContent .record-modal-container,
#helpMainContent .transfer-detail-panel,
#helpMainContent .template-modal,
#helpMainContent .modal-content,
#helpMainContent .hpdr-modal-content {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: 0 10px 28px rgba(22, 163, 74, 0.07) !important;
}

#helpMainContent .patient-data-header,
#helpMainContent .output-header,
#helpMainContent .chat-header,
#helpMainContent .audit-titlebar,
#helpMainContent .audit-tabs,
#helpMainContent .settings-section-header,
#helpMainContent .record-modal-header,
#helpMainContent .transfer-detail-panel-header,
#helpMainContent .transfer-detail-panel-footer,
#helpMainContent .template-modal-header,
#helpMainContent .template-modal-footer,
#helpMainContent .modal-header {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
}

#helpMainContent .output-content,
#helpMainContent .note-view-body,
#helpMainContent .template-modal-preview,
#helpMainContent .audit-result,
#helpMainContent .audit-opening-note,
#helpMainContent .audit-finding,
#helpMainContent .medical-bank-detail-body {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #d7e4f3 !important;
    color: #1f2937 !important;
}

/* Preserve semantic danger, warning, and success colors. */
.alert-error,
.error-box,
.danger-box,
.audit-severity-critical,
.audit-severity-high {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

.warning-box,
.alert-warning,
.ai-disclaimer,
.quick-note-warning-box {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #92400e !important;
}

.alert-success,
.success-box,
.status-success {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #047857 !important;
}

/* Help and loading surfaces follow the same palette. */
.help-fab {
    background: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    box-shadow: 0 14px 32px rgba(0, 82, 179, 0.24) !important;
}

.help-fab:hover {
    background: #0052b3 !important;
}

.help-sidebar {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    box-shadow: 0 18px 46px rgba(30, 64, 175, 0.14) !important;
}

.help-topbar {
    background: #0066cc !important;
    background-image: none !important;
    color: #ffffff !important;
}

.help-input-wrap,
.help-bubble-bot,
.help-suggestions button {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
    box-shadow: none !important;
}

.help-bubble-user {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
}

.cb-loader-active.cb-loader-lg,
.cb-pill {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #111827 !important;
    box-shadow: 0 8px 20px rgba(30, 64, 175, 0.12) !important;
}

.cb-loader-active,
.cb-loader-text,
.cb-loader-timer,
.cb-pill-timer,
.cb-pill-text {
    color: #0066cc !important;
}

/* ================================================================
   Home page
   ================================================================ */

#helpMainContent .home-page {
    background: #eff6ff !important;
}

#helpMainContent .home-page .home-left {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
}

#helpMainContent .home-page .home-right {
    background: #eff6ff !important;
    background-image: none !important;
}

#helpMainContent .home-page .home-section:not(.home-voice-tools),
#helpMainContent .home-page .home-ai-status,
#helpMainContent .home-page .home-dictations {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #eadfce !important;
    box-shadow: none !important;
}

#helpMainContent .home-page .home-voice-card,
#helpMainContent .home-page .home-insight-card,
#helpMainContent .home-page .home-note-card,
#helpMainContent .home-page .home-clinical-card {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
    box-shadow: none !important;
}

#helpMainContent .home-page .home-voice-card:nth-child(3n + 2),
#helpMainContent .home-page .home-insight-card:nth-child(3n + 2),
#helpMainContent .home-page .home-note-card:nth-child(3n + 2),
#helpMainContent .home-page .home-clinical-card:nth-child(3n + 2) {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .home-page .home-voice-card:nth-child(3n),
#helpMainContent .home-page .home-insight-card:nth-child(3n),
#helpMainContent .home-page .home-note-card:nth-child(3n),
#helpMainContent .home-page .home-clinical-card:nth-child(3n) {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

#helpMainContent .home-page .clinical-add-patient,
#helpMainContent .home-page .home-clinical-card.clinical-add-patient {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .home-page .home-section-label.blue,
#helpMainContent .home-page .home-tool-badge,
#helpMainContent .home-page .medical-bank-kicker {
    color: #0052b3 !important;
}

#helpMainContent .home-page .home-ai-dot,
#helpMainContent .home-page .home-voice-wave span,
#helpMainContent .home-page .home-rec-meter span {
    background: #0066cc !important;
}

#helpMainContent .home-page .record-button-face,
#helpMainContent .home-page .record-button-core,
#helpMainContent .home-page .home-bank-search-icon {
    background: #0066cc !important;
    background-image: none !important;
    border-color: #0052b3 !important;
    color: #ffffff !important;
}

/* ================================================================
   Settings
   ================================================================ */

#helpMainContent .settings-page {
    background: #eff6ff !important;
    background-image: none !important;
}

#helpMainContent .settings-page .settings-nav,
#helpMainContent .settings-page .settings-left-rail,
#helpMainContent .settings-page .settings-folder-sidebar {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    box-shadow: none !important;
}

#helpMainContent .settings-page .settings-panel,
#helpMainContent .settings-page .settings-panel-inner,
#helpMainContent .settings-page .settings-left,
#helpMainContent .settings-page .settings-right,
#helpMainContent .settings-page .settings-panel-solo {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: none !important;
}

#helpMainContent .settings-page .settings-section,
#helpMainContent .settings-page .settings-folder-card,
#helpMainContent .settings-page .settings-part-card,
#helpMainContent .settings-page .settings-middle-folder-card,
#helpMainContent .settings-page .settings-middle-part-card {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    box-shadow: none !important;
}

#helpMainContent .settings-page .settings-section-header,
#helpMainContent .settings-page .settings-flow-intro,
#helpMainContent .settings-page .settings-folder-card:nth-child(3n) {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
}

#helpMainContent .settings-page .settings-nav-item.active,
#helpMainContent .settings-page .settings-nav-item.is-active,
#helpMainContent .settings-page .scope-switch-opt.is-active,
#helpMainContent .settings-page .history-choice-btn.is-active,
#helpMainContent .settings-page .settings-folder-btn.is-active,
#helpMainContent .settings-page .settings-part-btn.is-active {
    background: #f0fdf4 !important;
    border-color: #0066cc !important;
    color: #0052b3 !important;
    box-shadow: none !important;
}

#helpMainContent .settings-page .settings-badge,
#helpMainContent .settings-page .note-structure-eyebrow,
#helpMainContent .settings-page .settings-action-cue {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #0052b3 !important;
}

/* Simple Template uses the same page shell with its own scoped card names. */
#helpMainContent #stPage .st-card,
#helpMainContent #stPage .st-modal {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: none !important;
}

#helpMainContent #stPage .st-toolbar,
#helpMainContent #stPage .st-fixbar {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
}

#helpMainContent #stPage .st-editor,
#helpMainContent #stPage .st-result,
#helpMainContent #stPage .st-fixlog,
#helpMainContent #stPage .st-sel,
#helpMainContent #stPage .st-input,
#helpMainContent #stPage .st-scope-btn {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
}

#helpMainContent #stPage .st-scope-btn.st-scope-suggested {
    background: #eff6ff !important;
    border-color: #0066cc !important;
}

/* ================================================================
   App-layout tools: Differential, Audit, Dictations, Advance Planning
   ================================================================ */

#helpMainContent .app-layout:not(.generator-layout) .sidebar {
    background: #fff7ed !important;
    background-image: none !important;
    border-right-color: #f0d9be !important;
    box-shadow: 12px 0 30px rgba(30, 64, 175, 0.05) !important;
}

#helpMainContent .app-layout:not(.generator-layout) .sidebar-logo {
    background: #ffffff !important;
    background-image: none !important;
    border-bottom-color: #eadfce !important;
    box-shadow: none !important;
}

#helpMainContent .app-layout:not(.generator-layout) .sidebar-collapse-tab,
#helpMainContent .app-layout:not(.generator-layout) .sidebar-expand-tab {
    background: #0066cc !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(0, 82, 179, 0.2) !important;
}

#helpMainContent .app-layout:not(.generator-layout) .nav-label,
#helpMainContent .app-layout:not(.generator-layout) .sidebar-user,
#helpMainContent .app-layout:not(.generator-layout) .back-link,
#helpMainContent .app-layout:not(.generator-layout) .back-link.logout {
    color: #5f6b7a !important;
}

#helpMainContent .app-layout:not(.generator-layout) .current-type {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #172033 !important;
    box-shadow: none !important;
}

#helpMainContent .app-layout:not(.generator-layout) .current-type svg {
    color: #0066cc !important;
}

#helpMainContent .app-layout:not(.generator-layout) .case-item,
#helpMainContent .app-layout:not(.generator-layout) .dictation-item {
    background: rgba(255, 255, 255, 0.7) !important;
    background-image: none !important;
    border-color: #eadfce !important;
    color: #111827 !important;
    box-shadow: none !important;
}

#helpMainContent .app-layout:not(.generator-layout) .case-item:hover,
#helpMainContent .app-layout:not(.generator-layout) .dictation-item:hover {
    background: #ffffff !important;
    border-color: #bfd3eb !important;
}

#helpMainContent .app-layout:not(.generator-layout) .case-item.active,
#helpMainContent .app-layout:not(.generator-layout) .dictation-item.active {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
    box-shadow: inset 3px 0 0 #0066cc !important;
}

#helpMainContent .app-layout:not(.generator-layout) .case-name,
#helpMainContent .app-layout:not(.generator-layout) .case-date,
#helpMainContent .app-layout:not(.generator-layout) .dictation-item-name,
#helpMainContent .app-layout:not(.generator-layout) .dictation-item-date {
    color: #111827 !important;
}

#helpMainContent .app-layout:not(.generator-layout) .case-date,
#helpMainContent .app-layout:not(.generator-layout) .dictation-item-date {
    color: #64748b !important;
}

#helpMainContent .app-layout:not(.generator-layout) .main-area {
    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 52%, #f0fdf4 100%) !important;
}

/* Advance Care Planning form blocks inside the shared green work card. */
#helpMainContent .acp-block {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    box-shadow: none !important;
}

#helpMainContent .acp-condition-row,
#helpMainContent .acp-chips .acp-condition-row {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .acp-radio {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

#helpMainContent .acp-field input,
#helpMainContent .acp-field select,
#helpMainContent .acp-block textarea,
#helpMainContent .acp-present-other,
#helpMainContent .acp-add-row input {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
}

#helpMainContent .clinical-summary-card {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    border-left-color: #0d9488 !important;
}

#helpMainContent .summary-text .unified-supporting {
    background: #f0fdf4 !important;
}

#helpMainContent .summary-text .unified-against {
    background: #fff7ed !important;
}

#helpMainContent .summary-text .unified-test {
    background: #eff6ff !important;
}

#helpMainContent .chat-section {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    box-shadow: 0 8px 22px rgba(30, 64, 175, 0.08) !important;
}

#helpMainContent .chat-header {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
    color: #26364a !important;
}

#helpMainContent .chat-user .chat-bubble {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
}

#helpMainContent .chat-assistant .chat-bubble {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
}

/* ================================================================
   Medical Bank
   ================================================================ */

#helpMainContent .medical-bank-page,
#helpMainContent .medical-bank-search-page,
#helpMainContent .medical-bank-control-page {
    background: #eff6ff !important;
    background-image: none !important;
}

#helpMainContent .medical-bank-hero,
#helpMainContent .medical-bank-search-hero,
#helpMainContent .medical-bank-control-hero {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: none !important;
}

#helpMainContent .medical-bank-workspace,
#helpMainContent .medical-bank-control-panels,
#helpMainContent .medical-bank-answer-panel {
    background: transparent !important;
}

#helpMainContent .medical-bank-folders,
#helpMainContent .medical-bank-control-panel,
#helpMainContent .medical-bank-control-section {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    box-shadow: none !important;
}

#helpMainContent .medical-bank-main,
#helpMainContent .medical-bank-detail,
#helpMainContent .medical-bank-answer-card,
#helpMainContent .medical-bank-result,
#helpMainContent .medical-bank-source-card,
#helpMainContent .medical-bank-next-item,
#helpMainContent .medical-bank-queue-row,
#helpMainContent .medical-bank-quality-row {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    box-shadow: none !important;
}

#helpMainContent .medical-bank-folder-btn,
#helpMainContent .medical-bank-file,
#helpMainContent .medical-bank-examples button,
#helpMainContent .medical-bank-source-chip,
#helpMainContent .medical-bank-diff-item {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
    box-shadow: none !important;
}

#helpMainContent .medical-bank-folder-btn:nth-child(3n + 2),
#helpMainContent .medical-bank-file:nth-child(3n + 2),
#helpMainContent .medical-bank-examples button:nth-child(3n + 2),
#helpMainContent .medical-bank-source-chip:nth-child(3n + 2),
#helpMainContent .medical-bank-diff-item:nth-child(3n + 2) {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .medical-bank-folder-btn:nth-child(3n),
#helpMainContent .medical-bank-file:nth-child(3n),
#helpMainContent .medical-bank-examples button:nth-child(3n),
#helpMainContent .medical-bank-source-chip:nth-child(3n),
#helpMainContent .medical-bank-diff-item:nth-child(3n) {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

#helpMainContent .medical-bank-folder-btn:hover,
#helpMainContent .medical-bank-folder-btn.is-active,
#helpMainContent .medical-bank-file:hover,
#helpMainContent .medical-bank-file.is-active,
#helpMainContent .medical-bank-source-card:hover {
    border-color: #0066cc !important;
    box-shadow: inset 0 0 0 1px rgba(0, 102, 204, 0.12) !important;
}

#helpMainContent .medical-bank-ask-box,
#helpMainContent .medical-bank-search,
#helpMainContent .medical-bank-control-filters {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    box-shadow: none !important;
}

#helpMainContent .medical-bank-control-panel-head,
#helpMainContent .medical-bank-control-section-head,
#helpMainContent .medical-bank-answer-head,
#helpMainContent .medical-bank-detail-head {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .medical-bank-search-page .mb-dx {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: none !important;
}

#helpMainContent .medical-bank-search-page .mb-dx:nth-child(3n + 2) {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .medical-bank-search-page .mb-dx:nth-child(3n) {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

#helpMainContent .medical-bank-search-page .mb-considering,
#helpMainContent .medical-bank-search-page .mb-drg-card {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
}

#helpMainContent .medical-bank-search-page .mb-chip-yes,
#helpMainContent .medical-bank-search-page .mb-drg-src,
#helpMainContent .medical-bank-search-page .mb-drg-weight {
    background: #eff6ff !important;
    color: #0052b3 !important;
}

/* ================================================================
   Interpreter and dictation workspaces
   ================================================================ */

#helpMainContent .interp2-page,
#helpMainContent .interp2-shell,
#helpMainContent .interpreter-page,
#helpMainContent .dictation-page,
#helpMainContent .dictations-page {
    background: #eff6ff !important;
    background-image: none !important;
    color: #111827 !important;
}

#helpMainContent #interp2-split,
#helpMainContent .home-page:has(#interp-left) {
    background: #eff6ff !important;
    background-image: none !important;
    color: #111827 !important;
}

#helpMainContent #interp-left,
#helpMainContent #interpreter-transcript {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
}

#helpMainContent #interp-right {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    color: #111827 !important;
}

#helpMainContent #interp-right select,
#helpMainContent #interp-right input,
#helpMainContent #interp-right .lang-search-wrap,
#helpMainContent #interp-right .interp2-detected,
#helpMainContent #interp-right label:has(input[type="radio"]) {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
}

#helpMainContent .interp2-header,
#helpMainContent .interp2-topbar {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .interp2-settings-header,
#helpMainContent .dictation-tabs {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
}

#helpMainContent .interp2-conversation,
#helpMainContent .interp2-messages,
#helpMainContent .interp2-settings,
#helpMainContent .interp2-detected,
#helpMainContent .interp2-listening,
#helpMainContent .dictation-main-panel,
#helpMainContent .dictation-view,
#helpMainContent .dictation-content,
#helpMainContent .saved-dictations-list {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: none !important;
}

#helpMainContent .interp2-msg-body,
#helpMainContent .interp2-field,
#helpMainContent .dictation-item,
#helpMainContent .saved-dictation-item {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
    box-shadow: none !important;
}

#helpMainContent .interp2-msg-user .interp2-msg-body,
#helpMainContent .interp2-user .interp2-msg-body {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .interp2-back-bar {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #111827 !important;
}

#helpMainContent .interp2-back-bar > div:nth-child(2) {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

#helpMainContent #interp-bottom-bar,
#helpMainContent #interp2-listening-bar {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

/* ================================================================
   Authentication, login, account, and admin cards
   ================================================================ */

body:has(.auth-page),
body:has(.page-wrapper) {
    background: #eff6ff !important;
    background-image: linear-gradient(180deg, #eff6ff 0%, #f8fbff 52%, #f0fdf4 100%) !important;
    color: #111827 !important;
}

.auth-page,
.page-wrapper,
.hero-viewport {
    background: transparent !important;
    background-image: none !important;
}

.auth-card,
.page-wrapper .login-card {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: 0 18px 46px rgba(30, 64, 175, 0.12) !important;
}

.auth-card .section,
.auth-card .row-item,
.page-wrapper .feature-card,
.page-wrapper .oauth-btn,
.page-wrapper .hero-image-card {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    box-shadow: none !important;
}

.auth-card .section:nth-of-type(3n),
.page-wrapper .feature-card:nth-child(3n),
.page-wrapper .oauth-btn:nth-child(3n) {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

.page-wrapper .nav,
.page-wrapper .login-card-footer,
.auth-card-footer {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

.page-wrapper .badge-pill.blue,
.page-wrapper .badge-pill.green {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
    color: #0052b3 !important;
}

.page-wrapper .badge-dot {
    background: #0066cc !important;
}

.page-wrapper .main-heading .gradient-text,
.auth-card-footer a,
.page-wrapper a {
    color: #0066cc !important;
}

/* ================================================================
   Standalone legal and error pages
   ================================================================ */

body:has(.container) .container,
body:has(.error-container) .error-container {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: 0 16px 38px rgba(30, 64, 175, 0.1) !important;
}

body:has(.container) h1,
body:has(.error-container) .error-code,
body:has(.error-container) .error-link {
    color: #0066cc !important;
}

body:has(.error-container) .error-link {
    background: #0066cc !important;
    color: #ffffff !important;
}

/* ================================================================
   Epic embedded workspace
   ================================================================ */

#helpMainContent .emb-shell {
    background: #eff6ff !important;
    background-image: none !important;
    color: #111827 !important;
}

#helpMainContent .emb-topbar,
#helpMainContent .emb-hero {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .emb-card,
#helpMainContent .emb-panel,
#helpMainContent .emb-cards-lock,
#helpMainContent .emb-picker-card {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: none !important;
}

#helpMainContent .emb-card:nth-child(3n),
#helpMainContent .emb-picker-filters,
#helpMainContent .emb-picker-head {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

#helpMainContent .emb-picker-cat,
#helpMainContent .emb-picker-patient {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
}

/* ================================================================
   Mobile web app
   ================================================================ */

body:has(#mainApp),
body:has(#loginPage) {
    background: #eff6ff !important;
    color: #111827 !important;
}

body:has(#mainApp) .header {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #111827 !important;
}

body:has(#mainApp) .header-tabs,
body:has(#mainApp) .account-header,
body:has(#mainApp) .dictation-header {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
    color: #111827 !important;
}

body:has(#mainApp) .record-screen,
body:has(#mainApp) .saving-screen,
body:has(#mainApp) .dict-detail,
body:has(#loginPage) .login-page {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
}

body:has(#mainApp) .tab-btn,
body:has(#mainApp) .name-input,
body:has(#mainApp) .dict-item,
body:has(#mainApp) .steps-box,
body:has(#mainApp) .narrative-box,
body:has(#mainApp) .narrative-text,
body:has(#loginPage) input {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
}

body:has(#mainApp) .tab-btn.active,
body:has(#loginPage) button[type="submit"] {
    background: #0066cc !important;
    background-image: none !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body:has(#mainApp) .record-sub,
body:has(#mainApp) .hint,
body:has(#mainApp) .dict-item p,
body:has(#mainApp) .dict-empty,
body:has(#mainApp) .step-label,
body:has(#mainApp) .narrative-label,
body:has(#loginPage) p {
    color: #64748b !important;
}

body:has(#mainApp) .date-folder-header,
body:has(#mainApp) .folder-count {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    color: #26364a !important;
}

body:has(#mainApp) .folder-date,
body:has(#mainApp) .record-title,
body:has(#mainApp) .saving-title,
body:has(#mainApp) .narrative-text,
body:has(#mainApp) .dict-detail,
body:has(#mainApp) .dict-section pre {
    color: #111827 !important;
}

body:has(#mainApp) #interp2Overlay,
body:has(#mainApp) #interpPulseOverlay,
body:has(#mainApp) #mobilePatientView {
    background: #eff6ff !important;
    background-image: none !important;
    color: #111827 !important;
}

body:has(#mainApp) #mobilePatientView #mpvName,
body:has(#mainApp) #addPatientOverlay h2 {
    color: #111827 !important;
}

body:has(#mainApp) #mobilePatientView #mpvNoteText,
body:has(#mainApp) #addPatientOverlay > div,
body:has(#mainApp) #addPatientSearch {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
}

body:has(#mainApp) #addPatientOverlay {
    background: rgba(17, 24, 39, 0.48) !important;
}

/* ================================================================
   Structured template builders
   ================================================================ */

body.note-hp,
body:has(#sb-layout),
body:has(.layout) {
    background: #eff6ff !important;
    color: #111827 !important;
}

body.note-hp .col-left,
body.note-hp .panel,
body:has(#sb-layout) .panel,
body:has(#sb-layout) .card,
body:has(.layout) .panel,
body:has(.layout) .card {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
    box-shadow: none !important;
}

body:has(#sb-layout) header,
body:has(.layout) header {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
    color: #111827 !important;
    box-shadow: none !important;
}

body.note-hp .col-right,
body:has(#sb-layout) .preview,
body:has(#sb-layout) .col-right,
body:has(.layout) .preview,
body:has(.layout) .col-right {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    color: #111827 !important;
}

body.note-hp .tag,
body:has(#sb-layout) .section-header,
body:has(.layout) .section-header {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
    color: #26364a !important;
}

/* ================================================================
   Patients workspace — exact approved preview
   ================================================================ */

/*
 * Patient workspace three-color preview.
 *
 * These patient-specific selectors preserve the patient page layout and
 * behavior while using the exact soft panel colors
 * already present in the Unified Differential result:
 *
 *   supporting green  #f0fdf4
 *   against pink      #fff7ed
 *   confirming blue   #eff6ff
 *
 * Existing ChartB blue remains the control/link accent.
 */

#helpMainContent .patients-page {
    --primary: #0066cc;
    --primary-dark: #0052b3;
    --primary-light: #1a7adb;
    --bg-main: #eff6ff;
    --bg-white: #ffffff;
    --bg-gray: #f8fafc;
    --text-dark: #111827;
    --text-medium: #5f6b7a;
    --text-light: #8491a3;
    --border: #d7e4f3;
    --patient-blue: #0066cc;
    --patient-blue-soft: #eff6ff;
    --patient-line: #d7e4f3;
    --patient-muted: #64748b;
    --cb-pro-text: #111827;
    --cb-pro-muted: #64748b;
    --cb-pro-border: #d7e4f3;
    --cb-pro-border-strong: #b8cee8;
    --cb-pro-surface: #ffffff;
    --cb-pro-surface-soft: #eff6ff;
    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 48%, #f0fdf4 100%) !important;
    color: #111827 !important;
}

#helpMainContent .patients-page .patients-main {
    background: transparent !important;
}

/* Light-pink sidebar with dark, readable saved-note text. */
#helpMainContent .patients-page .patients-sidebar {
    background: #fff7ed !important;
    background-image: none !important;
    border-right-color: #f1dcc5 !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.82), 12px 0 30px rgba(30, 64, 175, 0.05) !important;
}

#helpMainContent .patients-page .patients-sidebar-logo {
    background: #ffffff !important;
    background-image: none !important;
    border-bottom-color: #eadfce !important;
}

#helpMainContent .patients-page .patients-sidebar-top h3,
#helpMainContent .patients-page .patients-search-label,
#helpMainContent .patients-page .patient-side-notes-label,
#helpMainContent .patients-page .patients-list-empty,
#helpMainContent .patients-page .patient-preview-empty {
    color: #4b5563 !important;
}

#helpMainContent .patients-page .patients-sidebar-top .home-link,
#helpMainContent .patients-page .patient-back-link {
    color: #0052b3 !important;
}

#helpMainContent .patients-page .patients-sidebar-top .home-link:hover,
#helpMainContent .patients-page .patient-back-link:hover {
    color: #003f8a !important;
    background: #eff6ff !important;
}

#helpMainContent .patients-page .patients-search {
    background: #ffffff !important;
    border-color: #bfd3eb !important;
    color: #111827 !important;
    box-shadow: 0 2px 8px rgba(0, 82, 179, 0.07) !important;
}

#helpMainContent .patients-page .patients-search:focus {
    border-color: #0066cc !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.13) !important;
}

#helpMainContent .patients-page .patients-search-wrap .si,
#helpMainContent .patients-page .patient-list-search-icon {
    color: #0066cc !important;
}

#helpMainContent .patients-page .patients-search-clear,
#helpMainContent .patients-page .patient-list-search-clear {
    background: #eff6ff !important;
    color: #0052b3 !important;
}

#helpMainContent .patients-page .patient-item,
#helpMainContent .patients-page .note-item,
#helpMainContent .patients-page .sidebar-folder-patient {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: #ecdcc9 !important;
    color: #111827 !important;
}

#helpMainContent .patients-page .patient-item:hover,
#helpMainContent .patients-page .note-item:hover,
#helpMainContent .patients-page .sidebar-folder-patient:hover {
    background: #ffffff !important;
    border-color: #bfd3eb !important;
}

#helpMainContent .patients-page .patient-item.active,
#helpMainContent .patients-page .note-item.active,
#helpMainContent .patients-page .sidebar-folder-patient.active {
    background: #eff6ff !important;
    box-shadow: inset 3px 0 0 #0066cc !important;
}

#helpMainContent .patients-page .patient-item .pi-name,
#helpMainContent .patients-page .patient-item .pi-meta,
#helpMainContent .patients-page .patient-item .pi-snippet,
#helpMainContent .patients-page .note-item .ni-name,
#helpMainContent .patients-page .sidebar-folder-patient-name {
    color: #111827 !important;
}

#helpMainContent .patients-page .patient-item .pi-meta,
#helpMainContent .patients-page .note-item .ni-date,
#helpMainContent .patients-page .note-item .ni-sub,
#helpMainContent .patients-page .sidebar-folder-patient-meta,
#helpMainContent .patients-page .sidebar-folder-patient-snippet {
    color: #64748b !important;
}

/* Keep the existing strong-blue patient identity card. */
#helpMainContent .patients-page .patient-side-header,
#helpMainContent .patients-page .ext-wheel-card {
    background: linear-gradient(135deg, #1e3a8a 0%, #0066cc 58%, #1a7adb 100%) !important;
    border-color: #0052b3 !important;
    box-shadow: 0 12px 26px rgba(0, 82, 179, 0.18) !important;
}

#helpMainContent .patients-page .patient-side-header::before {
    background: linear-gradient(90deg, transparent, rgba(191, 219, 254, 0.9), transparent) !important;
}

#helpMainContent .patients-page .sidebar-folder,
#helpMainContent .patients-page .sidebar-folder-month,
#helpMainContent .patients-page .sidebar-folder-day {
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: #eadfce !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page .sidebar-folder summary,
#helpMainContent .patients-page .sidebar-folder-day summary,
#helpMainContent .patients-page .sidebar-folder-title {
    color: #374151 !important;
}

#helpMainContent .patients-page .sidebar-folder summary::before {
    background: #eff6ff !important;
    color: #0052b3 !important;
}

#helpMainContent .patients-page .sidebar-folder-count {
    color: #64748b !important;
}

/* White page cards on the original light-blue ground. */
#helpMainContent .patients-page .patients-header,
#helpMainContent .patients-page #patient-list-view,
#helpMainContent .patients-page #create-form,
#helpMainContent .patients-page #detail-view,
#helpMainContent .patients-page #note-view,
#helpMainContent .patients-page .card {
    background: rgba(255, 255, 255, 0.97) !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    box-shadow: 0 12px 32px rgba(30, 64, 175, 0.07) !important;
}

#helpMainContent .patients-page .patients-header {
    background: #eff6ff !important;
}

#helpMainContent .patients-page #main-title,
#helpMainContent .patients-page h1,
#helpMainContent .patients-page h2,
#helpMainContent .patients-page h3,
#helpMainContent .patients-page .label,
#helpMainContent .patients-page .entries-title,
#helpMainContent .patients-page .organize-box-title {
    color: #1f2937 !important;
}

/* The patient identity area is the soft pink panel. */
#helpMainContent .patients-page .patient-detail-hero {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page .patient-detail-meta-card {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #eadfce !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page .patient-detail-meta-card .meta-label,
#helpMainContent .patients-page .patient-preview-label,
#helpMainContent .patients-page .patient-list-search-label,
#helpMainContent .patients-page .patient-preview-kicker {
    color: #0052b3 !important;
}

#helpMainContent .patients-page .patient-detail-meta-card .meta-value,
#helpMainContent .patients-page .patient-preview-value,
#helpMainContent .patients-page .patient-preview-name {
    color: #111827 !important;
}

#helpMainContent .patients-page .patient-preview-panel,
#helpMainContent .patients-page .patient-list-search-panel {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page .patient-preview-row,
#helpMainContent .patients-page .patient-preview-notes {
    border-color: #d7e4f3 !important;
}

/* Original blue controls and links. */
#helpMainContent .patients-page .nav-bar {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page .nav-btn:not(.nav-btn-primary):not(.nav-btn-danger):not(.epic-brand-btn),
#helpMainContent .patients-page .user-chip {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #26364a !important;
}

#helpMainContent .patients-page .nav-btn:not(.nav-btn-primary):not(.nav-btn-danger):not(.epic-brand-btn):hover {
    background: #eff6ff !important;
    border-color: #8eb8e8 !important;
    color: #0052b3 !important;
}

#helpMainContent .patients-page .nav-btn-primary,
#helpMainContent .patients-page .btn-primary,
#helpMainContent .patients-page .btn-add-entry,
#helpMainContent .patients-page .chart-search-bar .cs-btn {
    background: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(0, 82, 179, 0.2) !important;
}

#helpMainContent .patients-page .nav-btn-primary:hover,
#helpMainContent .patients-page .btn-primary:hover,
#helpMainContent .patients-page .btn-add-entry:hover,
#helpMainContent .patients-page .chart-search-bar .cs-btn:hover {
    background: #0052b3 !important;
    border-color: #0052b3 !important;
}

#helpMainContent .patients-page .nav-btn-danger {
    background: #ffffff !important;
    border-color: #d7e4f3 !important;
    color: #374151 !important;
}

#helpMainContent .patients-page .nav-btn-danger:hover {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

#helpMainContent .patients-page .user-avatar {
    background: #0066cc !important;
    color: #ffffff !important;
}

#helpMainContent .patients-page input[type="text"],
#helpMainContent .patients-page textarea,
#helpMainContent .patients-page .patient-list-search,
#helpMainContent .patients-page .chart-search-bar {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page input[type="text"]:focus,
#helpMainContent .patients-page textarea:focus,
#helpMainContent .patients-page .patient-list-search:focus,
#helpMainContent .patients-page .chart-search-bar:focus-within {
    border-color: #0066cc !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.13) !important;
}

#helpMainContent .patients-page input::placeholder,
#helpMainContent .patients-page textarea::placeholder,
#helpMainContent .patients-page .chart-search-bar input::placeholder {
    color: #8795a8 !important;
}

/* Documentation uses all three approved soft colors. */
#helpMainContent .patients-page .note-buttons .note-btn {
    border-color: transparent !important;
    color: #1f2937 !important;
    box-shadow: inset 0 -2px 0 #bbf7d0 !important;
}

#helpMainContent .patients-page .note-buttons .note-btn:nth-child(3n + 1) {
    background: #f0fdf4 !important;
}

#helpMainContent .patients-page .note-buttons .note-btn:nth-child(3n + 2) {
    background: #eff6ff !important;
}

#helpMainContent .patients-page .note-buttons .note-btn:nth-child(3n) {
    background: #fff7ed !important;
}

#helpMainContent .patients-page .note-buttons .note-btn:hover {
    border-color: #8eb8e8 !important;
    box-shadow: inset 0 -2px 0 #0066cc !important;
}

#helpMainContent .patients-page .note-buttons .note-btn.has-note {
    box-shadow: inset 0 -2px 0 #10b981 !important;
}

#helpMainContent .patients-page .note-buttons .note-btn .label {
    color: #1f2937 !important;
}

#helpMainContent .patients-page .note-buttons .note-btn .desc {
    color: #64748b !important;
}

/* Timeline stays light blue; the optional organizer is soft pink. */
#helpMainContent .patients-page .entries-header {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page .entries-count {
    background: #f0fdf4 !important;
    color: #047857 !important;
    border-color: #bbf7d0 !important;
}

#helpMainContent .patients-page .entry-card,
#helpMainContent .patients-page .patient-list-group,
#helpMainContent .patients-page .patient-list-card,
#helpMainContent .patients-page .extracted-folder-card,
#helpMainContent .patients-page .ext-card,
#helpMainContent .patients-page .ext-panel {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #d7e4f3 !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page .entry-card:hover,
#helpMainContent .patients-page .patient-list-card:hover {
    border-color: #8eb8e8 !important;
    box-shadow: 0 8px 22px rgba(30, 64, 175, 0.08) !important;
}

#helpMainContent .patients-page .entry-card.expanded,
#helpMainContent .patients-page .patient-list-card.active {
    border-color: #0066cc !important;
    background: #eff6ff !important;
    box-shadow: inset 0 0 0 1px rgba(0, 102, 204, 0.12) !important;
}

#helpMainContent .patients-page .entry-card-header:hover,
#helpMainContent .patients-page .patient-list-group summary {
    background: #eff6ff !important;
    background-image: none !important;
}

#helpMainContent .patients-page .entry-date-chip,
#helpMainContent .patients-page .entry-date-chip.admission {
    background: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
}

#helpMainContent .patients-page .entry-date-chip.today {
    background: #10b981 !important;
    border-color: #10b981 !important;
}

#helpMainContent .patients-page .entry-label {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
    color: #374151 !important;
}

#helpMainContent .patients-page .entry-size {
    background: #eff6ff !important;
    color: #52647a !important;
}

#helpMainContent .patients-page .organize-box,
#helpMainContent .patients-page .organize-box-head,
#helpMainContent .patients-page .organize-box-head:hover {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
    box-shadow: none !important;
}

#helpMainContent .patients-page .organize-box.open .organize-box-head,
#helpMainContent .patients-page .entry-card-body {
    border-color: #eadfce !important;
}

/* DRG status keeps its clinical meaning. */
#helpMainContent .patients-page .drg-status-strip {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    border-left-color: #0066cc !important;
    color: #111827 !important;
    box-shadow: 0 8px 24px rgba(30, 64, 175, 0.08) !important;
}

#helpMainContent .patients-page .drg-status-strip.drg-strip-green {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    border-left-color: #10b981 !important;
}

#helpMainContent .patients-page .drg-status-strip.drg-strip-amber {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    border-left-color: #f59e0b !important;
}

#helpMainContent .patients-page .drg-status-strip.drg-strip-red {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    border-left-color: #dc2626 !important;
}

#helpMainContent .patients-page .drg-strip-refresh,
#helpMainContent .patients-page .drg-strip-btn-plain,
#helpMainContent .patients-page .drg-strip-link {
    background: #ffffff !important;
    border-color: #8eb8e8 !important;
    color: #0052b3 !important;
}

#helpMainContent .patients-page .drg-strip-btn:not(.drg-strip-btn-plain) {
    background: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    box-shadow: 0 6px 14px rgba(0, 82, 179, 0.18) !important;
}

/* Snapshot is the soft-green information panel. */
#helpMainContent .patients-page .patient-snapshot-card {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    border-left-color: #0066cc !important;
    box-shadow: 0 6px 18px rgba(22, 163, 74, 0.06) !important;
}

#helpMainContent .patients-page .snapshot-refresh {
    background: #ffffff !important;
    border-color: #0066cc !important;
    color: #0052b3 !important;
}

#helpMainContent .patients-page .snapshot-refresh:hover {
    background: #0066cc !important;
    color: #ffffff !important;
}

/* Organized-data chrome returns to blue; abnormal values retain semantics. */
#helpMainContent .patients-page .btn-extract,
#helpMainContent .patients-page .ext-tab.active {
    background: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(0, 82, 179, 0.18) !important;
}

#helpMainContent .patients-page .ext-tab,
#helpMainContent .patients-page .ext-tabs-hint,
#helpMainContent .patients-page .extracted-tz {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #0052b3 !important;
}

#helpMainContent .patients-page .ext-tab:hover {
    background: #dbeafe !important;
    border-color: #8eb8e8 !important;
}

#helpMainContent .patients-page .ext-tab .et-ic,
#helpMainContent .patients-page .ext-panel h3 .hdr-ic {
    background: #dbeafe !important;
    color: #0052b3 !important;
}

#helpMainContent .patients-page .ext-tab.active .et-ic {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

#helpMainContent .patients-page .extracted-header {
    border-bottom-color: #bbf7d0 !important;
}

#helpMainContent .patients-page .note-view-body {
    background: #ffffff !important;
    border-color: #d7e4f3 !important;
    color: #111827 !important;
}

#helpMainContent .patients-page .note-view-body .pn-sec-title,
#helpMainContent .patients-page .note-view-body .pn-h2 {
    color: #0052b3 !important;
    border-color: #d7e4f3 !important;
}

/* Patient-list cards rotate through the same three quiet fills. */
#helpMainContent .patients-page .patient-list-card:nth-child(3n + 1) {
    background: #f0fdf4 !important;
}

#helpMainContent .patients-page .patient-list-card:nth-child(3n + 2) {
    background: #eff6ff !important;
}

#helpMainContent .patients-page .patient-list-card:nth-child(3n) {
    background: #fff7ed !important;
}

/* New-patient mode uses blue ground, pink guidance, and green completion cues. */
#helpMainContent .patients-page .new-patient-intake-hero {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .patients-page .intake-name-card {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

#helpMainContent .patients-page .intake-data-card,
#helpMainContent .patients-page .intake-data-actions {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
}

/* Original ChartB brand colors — logo only. */
#helpMainContent .patients-page .patients-sidebar-logo .logo-icon,
#helpMainContent .patients-page .patients-main-logo .logo-icon {
    background: linear-gradient(135deg, #0066cc, #0052b3) !important;
    box-shadow: 0 6px 16px rgba(0, 102, 204, 0.25) !important;
}

#helpMainContent .patients-page .patients-sidebar-logo .logo-text,
#helpMainContent .patients-page .patients-main-logo .logo-text {
    color: #111827 !important;
}

#helpMainContent .patients-page .patients-sidebar-logo .logo-text .ai,
#helpMainContent .patients-page .patients-main-logo .logo-text .ai {
    color: #0066cc !important;
}

/* The shared Help control follows the page's restored blue accent. */
body:has(#helpMainContent .patients-page) .help-fab {
    background: #0066cc !important;
    border-color: #0066cc !important;
    box-shadow: 0 14px 32px rgba(0, 82, 179, 0.24) !important;
}

body:has(#helpMainContent .patients-page) .help-fab:hover {
    background: #0052b3 !important;
}

/* ================================================================
   All note generators — approved site-wide mapping
   ================================================================ */

#helpMainContent .generator-layout {
    --primary: #0066cc;
    --primary-dark: #0052b3;
    --primary-light: #1a7adb;
    --bg-main: #eff6ff;
    --bg-white: #ffffff;
    --bg-gray: #f0fdf4;
    --text-dark: #111827;
    --text-medium: #5f6b7a;
    --text-light: #8491a3;
    --border: #d7e4f3;
    --workbench-bg: #eff6ff;
    --workbench-panel: #f0fdf4;
    --workbench-panel-soft: #fff7ed;
    --workbench-border: #c7d9ee;
    --workbench-border-strong: #a9c5e5;
    --workbench-ink: #172033;
    --workbench-muted: #64748b;
    --workbench-sidebar: #fff7ed;
    --workbench-sidebar-2: #fff7ed;
    --workbench-accent: #0066cc;
    --workbench-accent-dark: #0052b3;
    --workbench-shadow: 0 14px 34px rgba(30, 64, 175, 0.08);
    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 48%, #f0fdf4 100%) !important;
    color: #111827 !important;
}

#helpMainContent .generator-layout .main-area {
    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 52%, #f0fdf4 100%) !important;
}

#helpMainContent .generator-layout .content-area {
    background: transparent !important;
}

/* Sidebar mirrors the patient page: pink ground, dark readable text. */
#helpMainContent .generator-layout .sidebar {
    background: #fff7ed !important;
    background-image: none !important;
    border-right-color: #f0d9be !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.8), 12px 0 30px rgba(30, 64, 175, 0.05) !important;
}

#helpMainContent .generator-layout .sidebar-logo {
    background: #ffffff !important;
    background-image: none !important;
    border-bottom-color: #eadfce !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .sidebar-logo .logo-icon {
    background: linear-gradient(135deg, #0066cc, #0052b3) !important;
    box-shadow: 0 6px 16px rgba(0, 102, 204, 0.25) !important;
}

#helpMainContent .generator-layout .sidebar-logo .logo-text {
    color: #111827 !important;
}

#helpMainContent .generator-layout .sidebar-logo .logo-text .ai {
    color: #0066cc !important;
}

#helpMainContent .generator-layout .sidebar-collapse-tab,
#helpMainContent .generator-layout + .sidebar-expand-tab,
#helpMainContent .generator-layout .sidebar-expand-tab {
    background: #0066cc !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(0, 82, 179, 0.2) !important;
}

#helpMainContent .generator-layout .nav-label,
#helpMainContent .generator-layout .sidebar-user,
#helpMainContent .generator-layout .back-link,
#helpMainContent .generator-layout .back-link.logout {
    color: #5f6b7a !important;
}

#helpMainContent .generator-layout .current-type {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #172033 !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .current-type svg {
    color: #0066cc !important;
}

#helpMainContent .generator-layout .case-item {
    background: rgba(255, 255, 255, 0.68) !important;
    border-color: #eadfce !important;
    color: #111827 !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .case-item:hover {
    background: #ffffff !important;
    border-color: #bfd3eb !important;
}

#helpMainContent .generator-layout .case-item.active {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    box-shadow: inset 3px 0 0 #0066cc !important;
}

#helpMainContent .generator-layout .case-name,
#helpMainContent .generator-layout .case-item.active .case-name {
    color: #111827 !important;
}

#helpMainContent .generator-layout .case-date {
    color: #64748b !important;
}

#helpMainContent .generator-layout .case-delete {
    color: #8491a3 !important;
}

#helpMainContent .generator-layout .sidebar-footer {
    border-top-color: #eadfce !important;
}

#helpMainContent .generator-layout .back-link:hover {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #0052b3 !important;
}

#helpMainContent .generator-layout .back-link.logout:hover {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

/* Header and navigation. */
#helpMainContent .generator-layout .top-header {
    background: rgba(239, 246, 255, 0.97) !important;
    border-bottom-color: #bfdbfe !important;
    box-shadow: 0 1px 0 rgba(30, 64, 175, 0.05) !important;
}

#helpMainContent .generator-layout .header-left h1 {
    color: #172033 !important;
}

#helpMainContent .generator-layout .phase-badge.phase-1 {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #9a3412 !important;
}

#helpMainContent .generator-layout .phase-badge.phase-2 {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #1e40af !important;
}

#helpMainContent .generator-layout .nav-bar,
#helpMainContent .generator-layout .nav-btn-group {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .nav-btn,
#helpMainContent .generator-layout .nav-btn.nav-btn-back {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #26364a !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .nav-btn:hover,
#helpMainContent .generator-layout .nav-btn.nav-btn-back:hover {
    background: #eff6ff !important;
    border-color: #8eb8e8 !important;
    color: #0052b3 !important;
}

#helpMainContent .generator-layout .nav-btn.nav-btn-primary,
#helpMainContent .generator-layout .nav-btn-primary,
#helpMainContent .generator-layout .btn-primary,
#helpMainContent .generator-layout .btn-generate-main,
#helpMainContent .generator-layout .btn-generate-regen {
    background: #0066cc !important;
    background-image: none !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(0, 82, 179, 0.2) !important;
}

#helpMainContent .generator-layout .nav-btn.nav-btn-primary:hover,
#helpMainContent .generator-layout .nav-btn-primary:hover,
#helpMainContent .generator-layout .btn-primary:hover,
#helpMainContent .generator-layout .btn-generate-main:hover,
#helpMainContent .generator-layout .btn-generate-regen:hover {
    background: #0052b3 !important;
    border-color: #0052b3 !important;
}

#helpMainContent .generator-layout .nav-btn.nav-btn-danger {
    background: #ffffff !important;
    border-color: #d7e4f3 !important;
    color: #374151 !important;
}

#helpMainContent .generator-layout .nav-btn.nav-btn-danger:hover {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

#helpMainContent .generator-layout .user-chip {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .user-avatar {
    background: #0066cc !important;
    color: #ffffff !important;
}

/* Greeting keeps its shape; the warm orange sun becomes ChartB blue. */
#helpMainContent .generator-layout .db-greet-hi,
#helpMainContent .generator-layout .db-greet-sub {
    color: #26364a !important;
}

#helpMainContent .generator-layout .db-greet-hi .db-name {
    color: #0066cc !important;
}

#helpMainContent .generator-layout .db-sun circle {
    fill: #0066cc !important;
}

#helpMainContent .generator-layout .db-sun circle.glow {
    fill: #93c5fd !important;
}

/* DRG strip follows the patient-page mapping after the green/blue swap. */
#helpMainContent .generator-layout .drg-status-strip {
    background: #eff6ff !important;
    background-image: none !important;
    border-color: #bfdbfe !important;
    border-left-color: #0066cc !important;
    color: #111827 !important;
    box-shadow: 0 8px 24px rgba(30, 64, 175, 0.08) !important;
}

#helpMainContent .generator-layout .drg-status-strip.drg-strip-green {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    border-left-color: #10b981 !important;
}

#helpMainContent .generator-layout .drg-status-strip.drg-strip-amber {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    border-left-color: #f59e0b !important;
}

#helpMainContent .generator-layout .drg-status-strip.drg-strip-red {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    border-left-color: #dc2626 !important;
}

#helpMainContent .generator-layout .drg-strip-refresh,
#helpMainContent .generator-layout .drg-strip-btn-plain,
#helpMainContent .generator-layout .drg-strip-link {
    background: #ffffff !important;
    border-color: #8eb8e8 !important;
    color: #0052b3 !important;
}

#helpMainContent .generator-layout .drg-strip-btn:not(.drg-strip-btn-plain) {
    background: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
}

/* Light-green work cards with white writing surfaces. */
#helpMainContent .generator-layout .input-section,
#helpMainContent .generator-layout .output-section,
#helpMainContent .generator-layout .va-extra-section {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: 0 12px 30px rgba(30, 64, 175, 0.08) !important;
}

#helpMainContent .generator-layout .patient-data-header {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .patient-data-header:hover {
    background: #fff7ed !important;
    border-color: #e9bd8b !important;
}

#helpMainContent .generator-layout .patient-data-toggle-label {
    background: #0066cc !important;
    color: #ffffff !important;
}

#helpMainContent .generator-layout #patient-data-group:has(#patient-data-body.collapsed) .patient-data-header {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .generator-layout #patient-data-group:has(#patient-data-body.collapsed) .patient-data-toggle-label {
    background: #0066cc !important;
}

#helpMainContent .generator-layout input[type="text"],
#helpMainContent .generator-layout input[type="date"],
#helpMainContent .generator-layout input[type="number"],
#helpMainContent .generator-layout textarea,
#helpMainContent .generator-layout select {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout input:focus,
#helpMainContent .generator-layout textarea:focus,
#helpMainContent .generator-layout select:focus {
    border-color: #0066cc !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.13) !important;
}

#helpMainContent .generator-layout input::placeholder,
#helpMainContent .generator-layout textarea::placeholder {
    color: #8795a8 !important;
}

/* Workbench actions retain their existing positions and sizes. */
#helpMainContent .generator-layout .button-group .btn,
#helpMainContent .generator-layout .button-group .btn-secondary,
#helpMainContent .generator-layout .button-group .btn-outline {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #26364a !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .button-group .btn:hover,
#helpMainContent .generator-layout .button-group .btn-secondary:hover,
#helpMainContent .generator-layout .button-group .btn-outline:hover {
    background: #eff6ff !important;
    border-color: #8eb8e8 !important;
    color: #0052b3 !important;
}

#helpMainContent .generator-layout .button-group #generate-btn {
    background: #fff7ed !important;
    border-color: #f0d9be !important;
}

#helpMainContent .generator-layout .button-group #write-note-btn {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
}

#helpMainContent .generator-layout .button-group #orders-btn {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

#helpMainContent .generator-layout .button-group .btn-mode-selected {
    border-color: #0066cc !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.13) !important;
}

#helpMainContent .generator-layout .button-group #stop-btn {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}

/* Output uses pink chrome, a blue frame, and a white document body. */
#helpMainContent .generator-layout .output-header {
    background: #fff7ed !important;
    background-image: none !important;
    border-bottom-color: #f0d9be !important;
}

#helpMainContent .generator-layout .output-header h2 {
    color: #26364a !important;
}

#helpMainContent .generator-layout .output-content,
#helpMainContent .generator-layout .output-content.editable-note {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #c7d9ee !important;
    color: #1f2937 !important;
}

#helpMainContent .generator-layout .output-placeholder {
    background: #f0fdf4 !important;
    color: #64748b !important;
}

#helpMainContent .generator-layout .btn-detail-level,
#helpMainContent .generator-layout #hp-output-custom-btn,
#helpMainContent .generator-layout #hpu-custom-btn,
#helpMainContent .generator-layout .btn-copy-whole-note {
    background: #ffffff !important;
    border-color: #0066cc !important;
    color: #0052b3 !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .btn-detail-level:hover,
#helpMainContent .generator-layout #hp-output-custom-btn:hover,
#helpMainContent .generator-layout #hpu-custom-btn:hover,
#helpMainContent .generator-layout .btn-copy-whole-note:hover {
    background: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
}

#helpMainContent .generator-layout .detail-level-popup,
#helpMainContent .generator-layout .hpu-custom-popup,
#helpMainContent .generator-layout .hpu-presets-menu {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
    box-shadow: 0 16px 38px rgba(30, 64, 175, 0.14) !important;
}

#helpMainContent .generator-layout .detail-level-popup::before {
    border-bottom-color: #bbf7d0 !important;
}

#helpMainContent .generator-layout .detail-popup-title,
#helpMainContent .generator-layout .detail-popup-desc,
#helpMainContent .generator-layout .detail-section-label,
#helpMainContent .generator-layout .detail-level-desc,
#helpMainContent .generator-layout .hpu-popup-title,
#helpMainContent .generator-layout .hpu-popup-hint {
    color: #26364a !important;
}

#helpMainContent .generator-layout .detail-btn,
#helpMainContent .generator-layout .hpu-row,
#helpMainContent .generator-layout .hpu-presets-btn,
#helpMainContent .generator-layout .hpu-preset-row {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #26364a !important;
}

#helpMainContent .generator-layout .detail-btn.active,
#helpMainContent .generator-layout .hpu-row.is-selected,
#helpMainContent .generator-layout .hpu-preset-row.is-current {
    background: #eff6ff !important;
    border-color: #0066cc !important;
    color: #0052b3 !important;
}

#helpMainContent .generator-layout #csn-status-strip {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
}

#helpMainContent .generator-layout #csn-status-label,
#helpMainContent .generator-layout #csn-status-pct {
    color: #0052b3 !important;
}

#helpMainContent .generator-layout #csn-status-bar {
    background: #0066cc !important;
}

/* Secondary workflows and follow-up chat. */
#helpMainContent .generator-layout .phase2-controls,
#helpMainContent .generator-layout .record-modal-container,
#helpMainContent .generator-layout .transfer-detail-panel {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    box-shadow: none !important;
}

#helpMainContent .generator-layout .record-modal-header,
#helpMainContent .generator-layout .transfer-detail-panel-header,
#helpMainContent .generator-layout .transfer-detail-panel-footer {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
}

#helpMainContent .generator-layout .chat-section {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #bbf7d0 !important;
    box-shadow: 0 8px 22px rgba(30, 64, 175, 0.08) !important;
}

#helpMainContent .generator-layout .chat-header {
    background: #fff7ed !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    color: #26364a !important;
}

#helpMainContent .generator-layout .chat-header svg {
    color: #0066cc !important;
}

#helpMainContent .generator-layout .chat-thread,
#helpMainContent .generator-layout .chat-input-area {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
}

#helpMainContent .generator-layout .chat-user .chat-bubble {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #111827 !important;
}

#helpMainContent .generator-layout .chat-assistant .chat-bubble {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    color: #111827 !important;
}

#helpMainContent .generator-layout .patient-snapshot-card {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    border-left-color: #0066cc !important;
    box-shadow: 0 6px 18px rgba(30, 64, 175, 0.06) !important;
}

#helpMainContent .generator-layout .snapshot-refresh {
    background: #ffffff !important;
    border-color: #0066cc !important;
    color: #0052b3 !important;
}

#helpMainContent .generator-layout .snapshot-refresh:hover {
    background: #0066cc !important;
    color: #ffffff !important;
}

/* Write Note chooser is a sibling of , so scope via :has(). */
body:has(#helpMainContent .generator-layout) .wn-chooser-box {
    background: #ffffff !important;
    border-color: #c7d9ee !important;
    box-shadow: 0 20px 52px rgba(30, 64, 175, 0.18) !important;
}

body:has(#helpMainContent .generator-layout) .wn-card {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #111827 !important;
}

body:has(#helpMainContent .generator-layout) .wn-card:nth-child(2) {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

body:has(#helpMainContent .generator-layout) .wn-card:hover {
    border-color: #0066cc !important;
    box-shadow: 0 8px 20px rgba(30, 64, 175, 0.12) !important;
}

body:has(#helpMainContent .generator-layout) .wn-card-icon {
    background: linear-gradient(135deg, #0066cc, #0052b3) !important;
}

body:has(#helpMainContent .generator-layout) .help-fab {
    background: #0066cc !important;
    border-color: #0066cc !important;
    box-shadow: 0 14px 32px rgba(0, 82, 179, 0.24) !important;
}

body:has(#helpMainContent .generator-layout) .help-fab:hover {
    background: #0052b3 !important;
}

/* ================================================================
   Login only — requested blue/green reversal
   ================================================================ */

body:has(.page-wrapper .login-card) {
    background: #f0fdf4 !important;
    background-image: linear-gradient(180deg, #f0fdf4 0%, #f8fbff 52%, #eff6ff 100%) !important;
}

.page-wrapper .hero-viewport::before {
    background: #eff6ff !important;
}

.page-wrapper .nav {
    background: #dbeafe !important;
    border-color: #93c5fd !important;
}

.page-wrapper .login-card-footer {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
}

.page-wrapper .login-card {
    background: #f0fdf4 !important;
    background-image: none !important;
    border-color: #f0d9be !important;
    box-shadow: 0 0 0 3px rgba(240, 217, 190, 0.42), 0 18px 46px rgba(30, 64, 175, 0.12) !important;
}

.page-wrapper .oauth-divider::before,
.page-wrapper .oauth-divider::after {
    background: #f0d9be !important;
}