/* Shared screen theme. Clinical states, document printing and layout stay independent. */
@font-face {
  font-family: "QueenXta Workspace";
  src: url("../fonts/care-norms-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "QueenXta Workspace";
  src: url("../fonts/care-norms-semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
}
@font-face {
  font-family: "QueenXta Workspace";
  src: url("../fonts/care-norms-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

/* Layered important rules take precedence over legacy unlayered page overrides. */
@layer queenxta-workspace {
  @media screen {
    :root {
      --qx-white: #ffffff;
      --qx-canvas: #f7f9f8;
      --qx-ink: #111918;
      --qx-charcoal: #06100d;
      --qx-muted: #5e6b65;
      --qx-line: #d6ded9;
      --qx-line-soft: #e8edea;
      --qx-green: #00875d;
      --qx-forest: #00543a;
      --qx-mint: #e4fff4;
      --qx-accent: #27d58b;
      --qx-hover: #f0f7f3;
      --qx-font: "QueenXta Workspace", "Helvetica Neue", Arial, sans-serif;
      --qx-table-head-background: #f7f9f8;
      --qx-table-head-ink: #35423b;
      --care-app-font: var(--qx-font) !important;
      --care-ref-font: var(--qx-font) !important;
      --care-brand-green: var(--qx-green) !important;
      --care-brand-green-hover: var(--qx-forest) !important;
      --care-brand-green-soft: var(--qx-mint) !important;
      --care-brand-ink: var(--qx-ink) !important;
      --care-help-bg: var(--qx-canvas) !important;
      --care-help-surface: var(--qx-white) !important;
      --care-help-ink: var(--qx-ink) !important;
      --care-help-muted: var(--qx-muted) !important;
      --care-help-line: var(--qx-line) !important;
      --care-help-line-soft: var(--qx-line-soft) !important;
      --care-help-hover: var(--qx-hover) !important;
      --care-help-accent: var(--qx-green) !important;
      --care-help-accent-soft: var(--qx-mint) !important;
      --care-help-radius: 8px !important;
      --care-help-radius-sm: 6px !important;
      --care-ref-paper: var(--qx-white) !important;
      --care-ref-plum: var(--qx-charcoal) !important;
      --care-ref-plum-soft: var(--qx-hover) !important;
      --care-ref-blue: var(--qx-green) !important;
      --care-ref-magenta: var(--qx-green) !important;
      --care-lyft-paper: var(--qx-white) !important;
      --care-lyft-canvas: var(--qx-canvas) !important;
      --care-lyft-ink: var(--qx-ink) !important;
      --care-lyft-muted: var(--qx-muted) !important;
      --care-lyft-line: var(--qx-line) !important;
      --care-lyft-plum: var(--qx-charcoal) !important;
      --care-lyft-plum-soft: var(--qx-hover) !important;
      --care-lyft-magenta: var(--qx-green) !important;
      --clinic-rail: var(--qx-canvas) !important;
      --clinic-green: var(--qx-green) !important;
      --clinic-green-dark: var(--qx-forest) !important;
      --clinic-ink: var(--qx-ink) !important;
      --clinic-muted: var(--qx-muted) !important;
      --clinic-line: var(--qx-line) !important;
      --clinic-soft: var(--qx-mint) !important;
    }

    body {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      font-family: var(--qx-font) !important;
      font-size: 14px !important;
      line-height: 1.5;
      letter-spacing: 0 !important;
    }
    :is(input, button, select, textarea, .btn, .table, .select2-container, .tooltip, .popover) {
      font-family: var(--qx-font) !important;
      letter-spacing: 0 !important;
    }
    :is(h1, h2, h3, h4, h5, h6, .box-title, .panel-title, .modal-title, .card-title) {
      font-family: var(--qx-font) !important;
      color: inherit !important;
      font-weight: 700 !important;
      line-height: 1.35 !important;
      letter-spacing: 0 !important;
      overflow-wrap: break-word;
    }
    :is(.box-title, .modal-title, .panel-title) { font-size: 19px !important; }
    :is(strong, b) { font-weight: 700 !important; }
    :is(label, .control-label) { color: #35423c !important; font-size: 13px !important; font-weight: 600 !important; }
    :is(.text-muted, .help-block, .qbo-eyebrow, .patient-kicker) { color: var(--qx-muted) !important; }
    a { color: var(--qx-forest); }
    a:hover { color: var(--qx-green); }
    :is(button, a, input, select, textarea, [tabindex]):focus-visible {
      outline: 2px solid var(--qx-green) !important;
      outline-offset: 3px !important;
    }
    input:is([type="checkbox"], [type="radio"]) { accent-color: var(--qx-green); }

    /* White application chrome and restrained, unframed work areas. */
    :is(.wrapper, .content-wrapper, .right-side, .content, .content-header,
      .care-admin-hub, .care-clinical-hub, .care-diagnostic-hub, .care-finance-hub,
      .care-module-hub, .care-report-workflow, .care-staff-workflow,
      .care-opd-visit-theme, .care-ipd-profile, .care-ipd-profile-page,
      .care-profile-page, .care-patient-search-page, .care-ipd-search-page,
      .care-pharmacy-bill-page, .care-payment-hub, .care-tpa-profile-page,
      .patient-dashboard-shell, .qbo-admin-dashboard) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
    }
    :is(.main-header, .main-header .navbar, .main-header .logo, .main-sidebar, .sidebar, .left-side, .main-footer) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      border-color: var(--qx-line-soft) !important;
      box-shadow: none !important;
    }
    .main-header .navbar { border-bottom: 1px solid var(--qx-line-soft) !important; }
    .main-sidebar { border-right: 1px solid var(--qx-line-soft) !important; }
    .main-header :is(.navbar-nav > li > a, .sidebar-toggle, .navbar-brand, .sidebar-session,
      .care-header-action-label, .care-header-action-icon, .care-top-add-patient-icon),
    .main-header .navbar-nav > li > a :is(i, .care-sf-icon, .material-symbols-outlined) {
      color: #394740 !important;
      -webkit-text-fill-color: currentColor !important;
    }
    .main-header .navbar-form.search-form {
      background: #f4f6f5 !important;
      border: 1px solid var(--qx-line-soft) !important;
      border-radius: 8px !important;
      box-shadow: none !important;
    }
    .main-header .navbar-form.search-form :is(.input-group, input, .form-control, button, i, .care-sf-icon) {
      background: transparent !important;
      color: var(--qx-muted) !important;
      -webkit-text-fill-color: currentColor !important;
      box-shadow: none !important;
    }
    .main-header .navbar-form.search-form .form-control { border: 0 !important; }
    .navbar-nav > .user-menu > .dropdown-menu > li.user-header { background: var(--qx-mint) !important; color: var(--qx-forest) !important; }
    .navbar-nav > .user-menu > .dropdown-menu > li.user-header p { color: var(--qx-forest) !important; }
    :is(.user-body, .user-footer, .care-notification-header, .care-notification-footer, .care-notification-item) { background: var(--qx-white) !important; color: var(--qx-ink) !important; border-color: var(--qx-line-soft) !important; }
    .care-notification-item:is(.unread, .is-unread) { background: var(--qx-mint) !important; }
    .sidebar-menu > li > a {
      color: #47554d !important;
      background: transparent !important;
      font-weight: 500 !important;
      border-radius: 6px !important;
    }
    .sidebar-menu > li:is(.active, .menu-open, :hover, :focus-within) > a {
      background: var(--qx-mint) !important;
      color: var(--qx-forest) !important;
    }
    .sidebar-menu > li > a :is(i, .care-sf-icon, .material-symbols-outlined) {
      color: #526158 !important;
      -webkit-text-fill-color: currentColor !important;
    }
    .sidebar-menu .treeview-menu { background: var(--qx-white) !important; }
    .sidebar-menu .treeview-menu > li > a { color: #47554d !important; }
    .sidebar-menu .treeview-menu > li:is(.active, :hover) > a { background: var(--qx-mint) !important; color: var(--qx-forest) !important; }
    .sidebar-menu .care-sidebar-custom-icon { filter: grayscale(1) contrast(1.25) !important; }
    :is(.care-global-breadcrumb, .breadcrumb, .qbo-ops-bar) {
      background: var(--qx-white) !important;
      color: var(--qx-muted) !important;
      border-color: var(--qx-line-soft) !important;
      border-radius: 6px !important;
      box-shadow: none !important;
    }
    :is(.care-global-breadcrumb, .breadcrumb) a { color: var(--qx-forest) !important; }

    :is(.box, .panel, .card, .well, .nav-tabs-custom, .care-card, .care-pattern-card,
      .care-medical-history-card, .care-admin-card, .care-module-card, .billingbox,
      .patient-summary-card, .patient-chart-card, .qbo-panel, .care-payment-panel,
      .care-tpa-profile-shell, .care-tpa-workspace, .care-clinical-card,
      .care-diagnostic-card, .care-finance-card, .care-module-card) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      border-color: var(--qx-line) !important;
      border-radius: 8px !important;
      box-shadow: none !important;
    }
    :is(.box-header, .box-header.with-border, .panel-heading, .card-header,
      .box-body, .panel-body, .card-body, .box-footer, .panel-footer, .card-footer,
      .tab-content, .care-payment-panel-body, .care-tpa-pane, .care-admin-detail,
      .care-admin-frame-wrap, .care-admin-tabs-shell, .care-tpa-table-shell) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      border-color: var(--qx-line-soft) !important;
      box-shadow: none !important;
    }
    :is(.box-header, .panel-heading, .card-header) { border-bottom: 1px solid var(--qx-line-soft) !important; }
    :is(.care-patient-search-heading, .care-ipd-search-heading) { background: var(--qx-white) !important; color: var(--qx-ink) !important; border-color: var(--qx-line) !important; box-shadow: none !important; }
    :is(.box-header, .panel-heading, .card-header) :is(h1, h2, h3, h4, h5, .box-title, .panel-title, .card-title) {
      color: var(--qx-ink) !important;
      -webkit-text-fill-color: currentColor !important;
    }
    :is(.box, .panel, .card, .nav-tabs-custom) :is(.box, .panel, .card, .well, .nav-tabs-custom, .dataTables_wrapper, .table-responsive) {
      border: 0 !important;
      box-shadow: none !important;
    }
    :is(.qbo-home-hero, .patient-welcome-card, .care-clinical-hero, .care-diagnostic-hero, .care-finance-hero) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      border-color: var(--qx-line-soft) !important;
      box-shadow: none !important;
    }
    :is(.qbo-home-hero, .patient-welcome-card, .care-clinical-hero, .care-diagnostic-hero, .care-finance-hero) :is(h1, h2, p) { color: var(--qx-ink) !important; }
    :is(.info-box, .small-box, .care-stat-card, .care-kpi-card, .care-metric-card,
      .care-opd-metric, .care-staff-stat, .care-staff-metric, .care-appointment-metric,
      .qbo-metric-card, .qbo-live-card, .qbo-feed-card, .qbo-role-card,
      .patient-portal-card, .care-clinical-kpi, .care-payment-stat) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      border: 1px solid var(--qx-line) !important;
      border-radius: 8px !important;
      box-shadow: none !important;
    }
    :is(.info-box-number, .small-box h3, .metric-value, .qbo-live-value, .care-payment-stat-value) { color: var(--qx-ink) !important; font-weight: 700 !important; }
    :is(.qbo-card-icon, .qbo-live-icon, .care-opd-metric-icon, .care-staff-stat-icon,
      .care-appointment-metric-icon, .care-clinical-card-icon, .care-clinical-kpi i,
      .care-diagnostic-card-icon, .care-finance-card-icon, .care-payment-stat-icon, .care-module-icon,
      .info-box-icon, .small-box .icon, .patient-portal-card .portal-icon) {
      color: var(--qx-green) !important;
      background: var(--qx-mint) !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }

    /* Charcoal commands, outlined secondary actions and mint navigation states. */
    .btn {
      border-radius: 8px !important;
      font-size: 14px;
      font-weight: 600 !important;
      line-height: 1.4 !important;
      text-shadow: none !important;
      box-shadow: none !important;
      transition: background-color .15s, border-color .15s, box-shadow .15s;
    }
    :is(.btn-primary, .btn-success, .btn-info, .care-btn-primary, .care-opd-save-btn,
      .care-camera-open-btn, .care-prescription-medication-btn, .care-load-visit-prescription,
      .care-clinical-button, .care-referral-print, .care-payment-receive-btn, .clinic-submit, .form-bottom button.btn) {
      background: var(--qx-charcoal) !important;
      border: 1px solid var(--qx-charcoal) !important;
      color: var(--qx-white) !important;
      -webkit-text-fill-color: currentColor !important;
      border-radius: 8px !important;
      font-weight: 600 !important;
    }
    :is(.btn-primary, .btn-success, .btn-info, .care-btn-primary, .care-opd-save-btn,
      .care-camera-open-btn, .care-prescription-medication-btn, .care-load-visit-prescription,
      .care-clinical-button, .care-referral-print, .care-payment-receive-btn, .clinic-submit, .form-bottom button.btn):is(:hover, :focus-visible) {
      background: var(--qx-forest) !important;
      border-color: var(--qx-forest) !important;
      color: var(--qx-white) !important;
    }
    :is(.btn-primary, .btn-success, .btn-info, .care-btn-primary, .care-clinical-button,
      .care-prescription-medication-btn, .care-payment-receive-btn, .clinic-submit) :is(i, .care-sf-icon) {
      color: var(--qx-accent) !important;
      -webkit-text-fill-color: currentColor !important;
    }
    :is(.btn-primary, .btn-success, .btn-info, .care-btn-primary, .clinic-submit) span:not(.badge):not(.label) {
      color: inherit !important;
      -webkit-text-fill-color: currentColor !important;
    }
    :is(.btn-default, .dt-button, .care-modal-control, .care-referral-fill,
      .qbo-action-chip, .qbo-module-chip, .care-tpa-summary-filter-reset) {
      background: var(--qx-white) !important;
      border: 1px solid var(--qx-line) !important;
      border-radius: 8px !important;
      color: var(--qx-ink) !important;
      -webkit-text-fill-color: currentColor !important;
      box-shadow: none !important;
    }
    :is(.btn-default, .dt-button, .care-modal-control, .care-referral-fill,
      .qbo-action-chip, .qbo-module-chip):hover { background: var(--qx-hover) !important; border-color: #9baa9f !important; }
    :is(.btn-default, .dt-button, .qbo-action-chip, .qbo-module-chip, .care-modal-control) :is(i, span:not(.badge):not(.label), .care-sf-icon) {
      color: inherit !important;
      -webkit-text-fill-color: currentColor !important;
    }
    :is(.btn-sm, .btn-xs) { border-radius: 6px !important; }
    :is(.qbo-shortcut-arrow, .care-opd-tabs-arrow) { background-color: var(--qx-white) !important; color: var(--qx-muted) !important; border-color: var(--qx-line) !important; }
    :is(.qbo-shortcut-arrow, .care-opd-tabs-arrow) i { color: inherit !important; }
    :is(.btn-group, .input-group-btn) > .btn { border-radius: 6px !important; }
    :is(.btn, button):disabled, .btn.disabled { opacity: .5 !important; }
    :is(.nav-tabs, .care-admin-tabs, .care-tpa-tabs, .care-opd-tabs-green-nav,
      .care-patient-search-tabs, .care-admin-tabs-shell, .scrtabs-tab-container) {
      background: var(--qx-white) !important;
      border-color: var(--qx-line-soft) !important;
      box-shadow: none !important;
    }
    :is(.nav-tabs > li > a, .nav-pills > li > a, .care-admin-tab, .care-tpa-tabs a,
      .care-opd-tabs-green-nav > li > a, .care-patient-search-tabs a) {
      background: var(--qx-white) !important;
      border: 1px solid var(--qx-line) !important;
      border-radius: 6px !important;
      color: #34423b !important;
      -webkit-text-fill-color: currentColor !important;
      box-shadow: none !important;
      font-weight: 600 !important;
    }
    :is(.nav-tabs > li > a, .nav-pills > li > a, .care-admin-tab, .care-tpa-tabs a,
      .care-opd-tabs-green-nav > li > a, .care-patient-search-tabs a):hover { background: var(--qx-hover) !important; }
    :is(.nav-tabs > li.active > a, .nav-tabs > li > a.active, .nav-pills > li.active > a,
      .care-admin-tab.is-active, .care-tpa-tabs a.active, .care-tpa-tabs > li.active > a,
      .care-opd-tabs-green-nav > li.active > a) {
      background: var(--qx-mint) !important;
      border-color: #8edab9 !important;
      color: var(--qx-forest) !important;
      -webkit-text-fill-color: currentColor !important;
    }
    :is(.nav-tabs > li > a, .nav-pills > li > a, .care-admin-tab, .care-tpa-tabs a,
      .care-opd-tabs-green-nav > li > a, .care-patient-search-tabs a) :is(i, span, .care-sf-icon) {
      color: inherit !important;
      -webkit-text-fill-color: currentColor !important;
    }

    /* Fields, menus and tabular workflows retain their existing dimensions. */
    :is(.form-control, .select2-container--default .select2-selection,
      .select2-choice, .bootstrap-select > .dropdown-toggle) {
      background: var(--qx-white) !important;
      border: 1px solid #bcc8c0 !important;
      border-radius: 6px !important;
      color: var(--qx-ink) !important;
      -webkit-text-fill-color: currentColor !important;
      box-shadow: none !important;
      font-size: 14px;
      font-weight: 400 !important;
    }
    :is(.form-control, .select2-selection, .select2-choice):focus { border-color: var(--qx-green) !important; }
    :is(.form-control:disabled, .form-control[readonly]) { background: #f3f6f4 !important; color: var(--qx-muted) !important; }
    :is(input, textarea)::placeholder { color: #6e7a73 !important; -webkit-text-fill-color: #6e7a73 !important; opacity: 1; }
    :is(.input-group-addon, .dropify-wrapper, .dropify-message, .dropify-preview,
      .dropdown-menu, .select2-dropdown, .select2-drop, .bootstrap-datetimepicker-widget,
      .datepicker, .daterangepicker, .popover, .swal2-popup, .sweet-alert) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      border-color: var(--qx-line) !important;
      border-radius: 8px !important;
    }
    :is(.dropdown-menu, .select2-dropdown, .select2-drop, .popover) { box-shadow: 0 8px 24px rgba(12, 31, 22, .1) !important; }
    :is(.dropdown-menu > li > a, .select2-results__option, .select2-result-label) { color: var(--qx-ink) !important; }
    :is(.dropdown-menu > li > a:hover, .select2-results__option--highlighted, .select2-highlighted,
      .select2-results__option[aria-selected="true"], .datepicker td.active, .bootstrap-datetimepicker-widget td.active) {
      background: var(--qx-mint) !important;
      color: var(--qx-forest) !important;
    }
    :is(.table, table.dataTable, #sampledata) { color: var(--qx-ink) !important; font-size: 14px; }
    :is(.table, table.dataTable, #sampledata) > thead > tr > :is(th, td) {
      background: #f7f9f8 !important;
      color: #35423b !important;
      -webkit-text-fill-color: currentColor !important;
      border: 0 !important;
      border-bottom: 1px solid var(--qx-line) !important;
      border-radius: 0 !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      line-height: 1.5 !important;
    }
    :is(.table, table.dataTable, #sampledata) > tbody > tr > td {
      background: var(--qx-white) !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-color: var(--qx-line-soft) !important;
      color: var(--qx-ink) !important;
      line-height: 1.5 !important;
    }
    :is(.table, table.dataTable, #sampledata) > thead > tr > th :is(span, i, .care-sf-icon) { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
    :is(.table-hover, table.dataTable) > tbody > tr:hover > td { background: #f4fbf7 !important; }
    :is(.table, table.dataTable) > tbody > tr.selected > td { background: var(--qx-mint) !important; }
    :is(.dataTables_wrapper, .table-responsive, .dataTables_scroll, .dataTables_scrollBody,
      .dataTables_scrollHead, .dataTables_scrollHeadInner, .care-data-table-shell) {
      background: var(--qx-white) !important;
      border-color: var(--qx-line-soft) !important;
      box-shadow: none !important;
    }
    :is(.pagination > li > a, .pagination > li > span, .dataTables_paginate .paginate_button) {
      background: var(--qx-white) !important;
      border-color: var(--qx-line) !important;
      border-radius: 6px !important;
      color: var(--qx-ink) !important;
    }
    :is(.pagination > .active > a, .pagination > .active > span, .dataTables_paginate .paginate_button.current) {
      background: var(--qx-forest) !important;
      border-color: var(--qx-forest) !important;
      color: var(--qx-white) !important;
      -webkit-text-fill-color: currentColor !important;
    }
    .dataTables_wrapper .dataTables_filter input { border-radius: 6px !important; }
    .care-payment-filter-option { background: var(--qx-white) !important; color: var(--qx-ink) !important; border: 1px solid var(--qx-line) !important; border-radius: 6px !important; }
    .care-payment-filter-option.is-active { background: var(--qx-mint) !important; color: var(--qx-forest) !important; border-color: #8edab9 !important; }
    .care-payment-filter-search input { background: var(--qx-white) !important; color: var(--qx-ink) !important; border-color: #bcc8c0 !important; border-radius: 6px !important; }
    .dropdown-menu > li.active > a { background: var(--qx-mint) !important; color: var(--qx-forest) !important; }

    /* Shared dialogs and supporting patient/billing workspaces. */
    :is(.modal-content, .modal-header, .modal-media-header, .care-modal-generated-header,
      .modal-body, .modal-footer, .care-discharge-fields, .care-discharge-footer,
      .care-tpa-manual-line, .care-referral-panel, .care-referral-toggle) {
      background: var(--qx-white) !important;
      border-color: var(--qx-line-soft) !important;
      color: var(--qx-ink) !important;
    }
    .modal-content { border: 1px solid var(--qx-line) !important; border-radius: 8px !important; box-shadow: 0 16px 56px rgba(12, 31, 22, .18) !important; }
    .modal-header { border-bottom: 1px solid var(--qx-line-soft) !important; }
    .modal-header :is(h3, h4, .modal-title) { color: var(--qx-ink) !important; }
    .modal-header .care-modal-control :is(i, span) { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
    :is(.care-prescription-queue-item, .care-payment-case, .care-payment-case-header,
      .care-payment-patient-header, .care-payment-patient, .care-payment-patient-group-header,
      .care-payment-due-item, .care-route-panel, .care-route-item, .care-tpa-profile-header,
      .care-tpa-summary-filters, .care-tpa-invoice-filters, .care-tpa-summary-stats > div, .care-opd-billing-card,
      .care-opd-summary-row, .care-opd-patient-details, .care-patient-info-table) {
      background: var(--qx-white) !important;
      border-color: var(--qx-line) !important;
      color: var(--qx-ink) !important;
      box-shadow: none !important;
    }
    .care-route-icon { background: var(--qx-mint) !important; color: var(--qx-green) !important; }
    .care-tpa-invoice-summary > div { background: var(--qx-mint) !important; border-color: #b5e5cf !important; }
    .care-module-meta { background: var(--qx-mint) !important; color: var(--qx-forest) !important; border-radius: 6px !important; }
    :is(.care-module-action, .care-module-icon i) { color: var(--qx-green) !important; }
    :is(.care-opd-vital-summary, .care-opd-vital-summary__item) { background: var(--qx-white) !important; }
    :is(.care-opd-vital-summary__label, .care-opd-vital-summary__value) { color: var(--qx-ink) !important; }
    :is(.care-tpa-summary-stats, .care-discharge-notice, .care-payment-guidance,
      .care-pharmacy-shared-note, .patient-care-note, .qbo-summary-pill) {
      background: var(--qx-mint) !important;
      color: var(--qx-forest) !important;
      border-color: #b5e5cf !important;
      border-radius: 6px !important;
    }
    :is(.care-chat-page, .care-chat-sidebar, .care-chat-conversation, .care-chat-thread,
      .care-chat-header, .care-chat-composer, .care-chat-list, .care-chat-messages) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      border-color: var(--qx-line-soft) !important;
    }
    :is(.care-chat-contact.active, .care-chat-contact.is-active, .care-chat-item.active, .care-chat-message.is-own .care-chat-bubble) {
      background: var(--qx-mint) !important;
      color: var(--qx-forest) !important;
    }
    .fc :is(.fc-button, .fc-button-primary) { background: var(--qx-white) !important; border-color: var(--qx-line) !important; color: var(--qx-ink) !important; border-radius: 6px !important; }
    .fc :is(.fc-button-active, .fc-state-active) { background: var(--qx-mint) !important; color: var(--qx-forest) !important; }

    /* Semantic warnings and errors remain distinct from the decorative palette. */
    :is(.label-success, .badge-success, .alert-success) { background: var(--qx-mint) !important; color: var(--qx-forest) !important; -webkit-text-fill-color: currentColor !important; border-color: #b5e5cf !important; }
    :is(.alert-info, .label-info, .badge-info) { background: #eaf4ff !important; color: #215981 !important; border-color: #bfd8ef !important; }
    .alert-warning { background: #fff8e5 !important; color: #765000 !important; border-color: #ead6a4 !important; }
    :is(.btn-warning, .label-warning, .badge-warning) { background: #fff2cf !important; color: #765000 !important; border-color: #ead6a4 !important; -webkit-text-fill-color: currentColor !important; }
    .alert-danger { background: #fff0f0 !important; color: #a0262c !important; border-color: #efc5c8 !important; }
    :is(.btn-danger, .btn-danger:hover) { background: #a52a32 !important; color: var(--qx-white) !important; border-color: #a52a32 !important; -webkit-text-fill-color: currentColor !important; }
    :is(.text-success, .text-green) { color: var(--qx-green) !important; }
    :is(.text-danger, .req) { color: #b32730 !important; }
    #toast-container > div { background: var(--qx-white) !important; color: var(--qx-ink) !important; border-color: var(--qx-line) !important; border-left-color: var(--qx-green) !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(12, 31, 22, .1) !important; }
    #toast-container > .toast-error { border-left-color: #b32730 !important; }
    #toast-container > .toast-warning { border-left-color: #a56b00 !important; }

    /* Authentication uses the same typography, white panels and mint support areas. */
    :is(.top-content, .inner-bg, .clinic-reset-shell) { background: var(--qx-canvas) !important; }
    :is(.loginbg, .form-top, .form-bottom, .loginright, .clinic-reset-card, .clinic-reset-form) {
      background: var(--qx-white) !important;
      color: var(--qx-ink) !important;
      border-color: var(--qx-line) !important;
      border-radius: 8px !important;
      box-shadow: none !important;
    }
    :is(.form-bottom, .form-top, .loginright) :is(h1, h2, h3, h4, p, label, .font-white) { color: var(--qx-ink) !important; }
    :is(.form-bottom a.forgot, .form-bottom a.more) { color: var(--qx-forest) !important; }
    .clinic-reset-hero { background: var(--qx-mint) !important; border-color: var(--qx-line) !important; }
    .clinic-reset-card { border-radius: 8px !important; }
    .form-bottom button.btn { min-height: 44px; }
    :is(.clinic-page, .clinic-header, .clinic-main, .clinic-login-panel, .clinic-footer) { background: var(--qx-white) !important; color: var(--qx-ink) !important; border-color: var(--qx-line-soft) !important; }
    .clinic-login-panel h2 { font-size: 32px !important; }
    .clinic-hero :is(h1, .clinic-hero-kicker, .clinic-hero-copy) { color: var(--qx-white) !important; }
    .clinic-hero h1 { font-size: 40px !important; }
    .care-auth-patient-login .clinic-hero { background: var(--qx-white) !important; }
    .clinic-login-panel :is(input[type="text"], input[type="email"], input[type="password"]) { background: var(--qx-white) !important; color: var(--qx-ink) !important; border: 1px solid #bcc8c0 !important; border-radius: 6px !important; font-family: var(--qx-font) !important; }
    :is(.clinic-secondary-action, .clinic-nav-pill) { background: var(--qx-white) !important; color: var(--qx-ink) !important; border: 1px solid var(--qx-line) !important; border-radius: 8px !important; }
    .clinic-login-panel .clinic-submit { background: var(--qx-charcoal) !important; color: var(--qx-white) !important; border-color: var(--qx-charcoal) !important; }

    :is(i, span).care-sf-icon { background-color: currentColor !important; background-image: none !important; }
    @media (max-width: 767px) {
      .main-sidebar { transform: translateX(-100%) !important; }
      .sidebar-open .main-sidebar { transform: translateX(0) !important; box-shadow: 8px 0 24px rgba(12, 31, 22, .12) !important; }
      [dir="rtl"] .main-sidebar { transform: translateX(100%) !important; }
      [dir="rtl"] .sidebar-open .main-sidebar, .sidebar-open[dir="rtl"] .main-sidebar { transform: translateX(0) !important; }
      :is(.content-wrapper, .main-footer, .right-side) { margin-left: 0 !important; transform: none !important; }
      .main-header .sidebar-toggle { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; }
      .main-header .sidebar-toggle .icon-bar { flex: 0 0 auto; width: 18px !important; height: 2px !important; margin: 0 !important; background: var(--qx-ink) !important; }
    }
    @media (prefers-reduced-motion: reduce) {
      :is(.btn, .care-admin-tab, .nav-tabs > li > a) { transition: none !important; }
    }
  }
}