/*===========================
    GLOBAL CSS START
===========================*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Oregano:ital@0;1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap');


:root {
    color-scheme: light;
    --bg: #eef3f8;
    --panel: #ffffff;
    --text: #172033;
    --muted: #68758a;
    --line: #F7F7F7;
    --brand: #1267b1;
    --brand-dark: #0d4f88;
    --good: #147a4a;
    --warn: #a15c00;
    --danger: #b42318;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --bg: #f5f6f3;
    --panel: #172033;
    --text: #e6edf6;
    --muted: #aab7c7;
    --line: #344256;
    --brand: #65c7e6;
    --brand-dark: #38a9cf;
    --good: #57c785;
    --warn: #f1b44c;
    --danger: #f87171;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    box-sizing: border-box;
}

main {
    width: 98%;
    margin: auto;
    margin-top: 20px;
}

.on-system-body main, .auth-body main {
    width: 100% !important;
    margin: 0 !important;
}

a {
    color: var(--brand);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.app-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 260px 1fr;
}

.sidebar {
    background: linear-gradient(180deg, #082a46 0%, #103c60 100%);
    color: #eaf3fc;
    padding: 20px 16px;
}

.brand {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}

.brand-subtitle {
    color: #b9cbe0;
    font-size: 14px;
    margin-bottom: 24px;
}

.nav-group-title {
    color: #8eb0d2;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 14px;
    margin: 22px 8px 8px;
    font-weight: 800;
}

.nav-link {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 11px 13px;
    border-radius: 10px;
    text-decoration: none;
    color: #a9c0ba !important;
    font-weight: 600;
    margin-bottom: 4px;
}

.nav-link:hover,
.nav-link.active {
    background:rgba(255,255,255,.1);color:white !important;
    text-decoration: none;
    box-shadow:inset 3px 0 #e1c086;
}

.main {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.topbar {
    background: var(--panel);
    border-bottom: 1px solid var(--line);
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.realtime-button {
    border: 1px solid var(--line);
    background: var(--panel);
    color: var(--text);
    border-radius: 999px;
    padding: 8px 12px;
    font-weight: 700;
}

.realtime-button span {
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    font-size: 14px;
}

.realtime-tray {
    position: fixed;
    top: 72px;
    right: 18px;
    width: min(380px, calc(100vw - 28px));
    max-height: calc(100vh - 96px);
    overflow: auto;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 12px;
    transform: translateX(calc(100% + 28px));
    transition: transform .2s ease;
    z-index: 50;
}

.realtime-tray.open {
    transform: translateX(0);
}

.realtime-tray-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.realtime-tray-title button {
    border: 0;
    background: transparent;
    color: var(--brand);
    font-weight: 700;
}

.realtime-item {
    border-left: 4px solid var(--brand);
    background: rgba(18, 103, 177, .08);
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 8px;
}

.realtime-item.warning {
    border-left-color: var(--warn);
    background: rgba(161, 92, 0, .1);
}

.realtime-item.critical {
    border-left-color: var(--danger);
    background: rgba(180, 35, 24, .1);
}

.realtime-item strong,
.realtime-item span,
.realtime-item small {
    display: block;
}

.realtime-item span {
    color: var(--text);
    margin: 4px 0;
}

.realtime-item small {
    color: var(--muted);
}

.handoff-alert-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.handoff-alert-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-left: 4px solid var(--brand);
    border-radius: 8px;
    padding: 12px;
}

.handoff-alert-card.warning {
    border-left-color: var(--warn);
}

.handoff-alert-card.critical {
    border-left-color: var(--danger);
}

.handoff-alert-card strong,
.handoff-alert-card span {
    display: block;
}

.handoff-alert-card span,
.handoff-alert-card p {
    color: var(--muted);
}

/*.content {
    padding: 26px;
}*/

.page-title {
    font-size: 26px;
    margin: 0 0 6px;
}

.page-lede {
    color: var(--muted);
    margin: 0 0 22px;
}

.grid {
    display: grid;
    gap: 16px;
}

.grid.modules {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 18px;
}

.module-card h2 {
    font-size: 17px;
    margin: 0 0 8px;
}

.module-card p {
    color: var(--muted);
    line-height: 1.45;
    margin: 0 0 14px;
}

.toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.button,
button {
    background: var(--brand);
    border: 1px solid var(--brand);
    border-radius: 6px;
    color: white;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 13px;
    font-weight: 700;
}

.button.secondary {
    background: white;
    color: var(--brand);
}

.button.danger {
    background: var(--danger);
    border-color: var(--danger);
}

.table {
    width: 100%;
    border-collapse: collapse;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.table th,
.table td {
    border-bottom: 1px solid var(--line);
    padding: 11px 12px;
    text-align: left;
    vertical-align: top;
}

.table th {
    background: #edf4fb;
    color: #24364d;
    font-size: 14px;
    text-transform: uppercase;
}

.table tr:last-child td {
    border-bottom: 0;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

.form-grid .wide {
    grid-column: 1 / -1;
}

.form-section-title {
    border-top: 1px solid var(--line);
    color: #24364d;
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px;
    padding-top: 14px;
    text-transform: uppercase;
}

label {
    display: block;
    font-weight: 700;
}

input,
select,
textarea {
    width: 100%;
    border: 1px solid #bcc8d8;
    border-radius: 6px;
    color: var(--text);
    font: inherit;
    padding: 9px 10px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--brand);
    outline: 0;
}

textarea {
    min-height: 88px;
    resize: vertical;
}

.alert {
    border-radius: 6px;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.alert.error {
    background: #fff0ee;
    border: 1px solid #ffd0ca;
    color: var(--danger);
}

.alert.success {
    background: #edfdf5;
    border: 1px solid #b8ebd3;
    color: var(--good);
}

.badge {
    border-radius: 999px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 8px;
}

.badge.active,
.badge.open {
    background: #eaf7ef;
    color: var(--good);
}

.badge.placeholder {
    background: #fff6e7;
    color: var(--warn);
}

.timeline-item {
    border-bottom: 1px solid var(--line);
    padding: 12px 0;
}

.timeline-item:first-child {
    padding-top: 0;
}

.timeline-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.timeline-item span {
    color: var(--muted);
    display: block;
    font-size: 14px;
    margin-top: 3px;
}

.result-list {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-top: 6px;
    max-height: 260px;
    overflow: auto;
}

.result-option {
    align-items: flex-start;
    background: white;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    color: var(--text);
    display: flex;
    flex-direction: column;
    font-weight: 700;
    padding: 10px 12px;
    text-align: left;
    width: 100%;
}

.result-option:hover {
    background: #eef6ff;
}

.result-option span {
    color: var(--muted);
    font-weight: 400;
    margin-top: 3px;
}

.toast {
    background: #0f2f4d;
    border-radius: 8px;
    bottom: 20px;
    color: white;
    opacity: 0;
    padding: 12px 16px;
    pointer-events: none;
    position: fixed;
    right: 20px;
    transform: translateY(12px);
    transition: opacity .18s ease, transform .18s ease;
    z-index: 460;
}

.toast.show {
    opacity: 1;
    transform: translateY(0);
}

.toast.error {
    background: var(--danger);
}

.auri-iq-assistant {
    bottom: 22px;
    position: fixed;
    right: 22px;
    z-index: 95;
}

.auri-iq-launcher {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 32;
    border: 0;
    border-radius: 28px;
    background: #173f3b !important;
    color: white;
    padding: 8px 16px 8px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}


.auri-iq-launcher span {
    font-weight: 800;
    letter-spacing: .04em;
}

.auri-iq-launcher small {
    background: rgba(255, 255, 255, .2);
    border-radius: 999px;
    font-size: 11px;
    padding: 2px 6px;
}

.auri-iq-panel {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    bottom: 62px;
    display: none;
    max-width: min(420px, calc(100vw - 24px));
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 420px;
}

.auri-iq-assistant.open .auri-iq-panel {
    display: block;
}

.auri-iq-header {
    align-items: center;
    background: #0b365d;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 12px 14px;
}

.auri-iq-header strong,
.auri-iq-header span {
    display: block;
}

.auri-iq-header span {
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
}

.auri-iq-header button {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .24);
    color: #fff;
    min-height: 30px;
}

.auri-iq-feed {
    display: grid;
    gap: 8px;
    max-height: 260px;
    overflow-y: auto;
    padding: 14px;
}

.auri-iq-feed p {
    background: var(--soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    margin: 0;
    padding: 9px 10px;
}

.auri-iq-feed p.error {
    background: #fff2f2;
    border-color: #ffc8c8;
}

.auri-iq-form {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto auto;
    padding: 12px;
}

.auri-iq-form input {
    min-width: 0;
}

.auri-iq-form button.listening {
    background: #111;
    color: #fff;
}

.auri-iq-suggestions {
    border-top: 1px solid var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 12px 12px;
}

.auri-iq-suggestions button {
    background: #eef6ff;
    border-color: #c9dcec;
    color: #173f67;
    min-height: 28px;
    padding: 5px 8px;
}

.auri-iq-footnote {
    color: var(--muted);
    font-size: 14px;
    margin: 0;
    padding: 0 12px 12px;
}

.print-body {
    background: #dfe7ef;
}

.print-page {
    background: white;
    margin: 24px auto;
    max-width: 980px;
    min-height: 11in;
    padding: 34px;
}

.print-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-bottom: 18px;
}

.summary-header,
.summary-band {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.summary-header {
    border-bottom: 3px solid var(--brand);
    padding-bottom: 16px;
}

.summary-header h1 {
    margin: 0 0 4px;
}

.summary-band {
    background: #edf4fb;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin: 18px 0;
    padding: 14px;
}

.summary-band span {
    color: var(--muted);
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
}

.summary-section {
    margin-top: 22px;
}

.summary-section h2 {
    border-bottom: 1px solid var(--line);
    font-size: 18px;
    padding-bottom: 7px;
}

.summary-note {
    border-bottom: 1px solid var(--line);
    padding: 10px 0;
}

.summary-note h3 {
    margin: 0 0 8px;
}

.summary-note h3 span {
    color: var(--muted);
    font-size: 14px;
    font-weight: 400;
}

@media print {
    .print-actions {
        display: none;
    }

    .print-body {
        background: white;
    }

    .print-page {
        margin: 0;
        max-width: none;
        padding: 0;
    }
}

/* MedBridge elevated workflow additions */
.modal-panel {
    max-height: min(88vh, 820px);
    overflow-y: auto;
}

.modal-close {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(26, 45, 59, .15);
    border-radius: 999px;
    color: #667085;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    right: 18px;
    top: 16px;
    width: 32px;
    z-index: 6;
}

.modal-close:hover {
    border-color: var(--brand-green);
    color: var(--brand-green);
}

.patient-lookup-field {
    display: grid;
    gap: 6px;
    position: relative;
}

.patient-lookup-field input {
    width: 100%;
}

.patient-lookup-hint {
    color: var(--muted);
    font-size: 12px;
}

.patient-lookup-results {
    background: #fff;
    border: 1px solid rgba(25, 83, 70, .2);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(13, 32, 42, .16);
    left: 0;
    max-height: 245px;
    overflow: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 30;
}

.patient-lookup-option {
    background: #fff;
    border: 0;
    border-radius: 9px;
    color: var(--ink);
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    text-align: left;
    width: 100%;
}

.patient-lookup-option:hover,
.patient-lookup-option:focus {
    background: #eef7ec;
    outline: none;
}

.patient-lookup-option span,
.patient-lookup-empty {
    color: var(--muted);
    font-size: 12px;
}

.pharmacy-eval-banner {
    align-items: center;
    background: linear-gradient(135deg, rgba(30, 96, 85, .95), rgba(18, 37, 50, .95));
    border-radius: 14px;
    color: #fff;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin: 12px 0;
    padding: 14px 16px;
}

.pharmacy-eval-banner small {
    color: rgba(255, 255, 255, .72);
    display: block;
    margin-top: 3px;
}

.pharmacy-checkout-rail {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 12px 0;
}

.pharmacy-checkout-rail article {
    background: #fff;
    border: 1px solid rgba(25, 83, 70, .16);
    border-radius: 12px;
    padding: 12px;
}

.pharmacy-checkout-rail strong {
    color: var(--brand-green);
    display: block;
    font-size: 16px;
}

.supply-status-dot {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.supply-status-dot::before {
    background: #2f855a;
    border-radius: 999px;
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
}

.supply-status-dot.low_stock::before,
.supply-status-dot.expiring::before {
    background: #b7791f;
}

.supply-status-dot.expired::before,
.supply-status-dot.recalled::before {
    background: #c53030;
}

@media (max-width: 780px) {
    .pharmacy-checkout-rail,
    .pharmacy-eval-banner {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* Final POC workspace overrides: keep Notes and Billing on modern top-tab rails. */
.powernote-shell,
.billing-shell {
    display: grid;
    gap: 14px;
}

.powernote-shell .clinical-note-menu,
.billing-shell .billing-subnav {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    display: flex;
    overflow-x: auto;
}

.powernote-shell .clinical-note-menu button,
.billing-shell .billing-subnav button {
    background: #f7f9fc;
    border: 0;
    border-right: 1px solid #F7F7F7;
    color: #172333;
    display: inline-flex;
    flex: 0 0 auto;
    padding: 12px 16px;
    width: auto;
}

.powernote-shell .clinical-note-menu button.active,
.billing-shell .billing-subnav button.active {
    background: #000;
    color: #fff;
}

.powernote-shell .epic-note-form,
.billing-shell .revenue-card,
.powernote-shell .note-section.standalone {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    margin: 0;
    padding: 14px;
}

.powernote-shell .note-section > h3 {
    background: transparent;
    color: #0084a5;
    margin: 0 0 12px;
    padding: 0;
}

.powernote-shell .note-card-grid,
.powernote-shell .prompt-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.powernote-shell .exam-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.powernote-shell .note-card,
.powernote-shell .prompt-card,
.powernote-shell .exam-card,
.billing-shell .compact-form {
    background: #f9fbfe;
    border: 1px solid #dbe6f2;
    border-radius: 4px;
    padding: 12px;
}

@media (max-width: 800px) {
    .powernote-shell .note-card-grid,
    .powernote-shell .prompt-grid,
    .powernote-shell .exam-grid,
    .billing-shell .billing-summary-strip,
    .billing-shell .billing-overview-grid,
    .billing-shell .split-workspace,
    .powernote-shell .split-workspace {
        grid-template-columns: 1fr;
    }
}


/* Shared green command refinements. */
.patient-global-search {
    position: relative;
}

.patient-search-results {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 10px;
    display: none;
    left: 0;
    max-height: 360px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 60;
}

.patient-search-results.open {
    display: grid;
    gap: 5px;
}

.patient-search-option {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #1f2b35;
    cursor: pointer;
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    text-align: left;
    width: 100%;
}

.patient-search-option:hover,
.patient-search-option.active {
    background: #eaf3e7;
    border-color: #1f5a50;
}

.patient-search-option strong {
    color: #1f2b35;
    font-size: 14px;
}

.patient-search-option span,
.patient-search-empty {
    color: #54655d;
    font-size: 14px;
}

.patient-search-empty {
    padding: 10px 12px;
}

.auri-iq-launcher {
    border-color: #2d8519 !important;
    border-radius: 28px !important;
        padding: 8px 16px 8px 8px;
}

.auri-iq-launcher::before {
    background: rgba(255, 255, 255, .18);
    border-radius: 999px;
    content: "AI";
    display: inline-grid;
    font-size: 14px;
    font-weight: 900;
    height: 20px;
    place-items: center;
    width: 30px;
}

.auri-iq-launcher span {
    font-size: 14px;
}

.auri-iq-launcher small {
    background: #1f2b35 !important;
    color: #fff;
}

.auri-iq-header {
    background: linear-gradient(135deg, #1f2b35, #2f4050) !important;
    border-bottom: 3px solid #1f5a50;
}

.auri-iq-form button[type="submit"],
.auri-iq-suggestions button:hover {
    background: #1f5a50 !important;
    border-color: #1f5a50 !important;
    color: #fff !important;
}

html[data-theme="dark"] .patient-search-results,
html[data-theme="dark"] .patient-search-option {
    background: #17242d;
    border-color: #3b4d58;
}

html[data-theme="dark"] .patient-search-option:hover,
html[data-theme="dark"] .patient-search-option.active {
    background: rgba(56, 160, 33, .18);
}

html[data-theme="dark"] .patient-search-option strong {
    color: #f6fbf6;
}

.admin-app .command-topbar {
    border-bottom: 3px solid #1f5a50 !important;
}

.admin-app .theme-switcher button.active,
.admin-app .realtime-button span,
.admin-app .button,
.admin-app button:not(.secondary):not([data-tab-target]) {
    background: #1f5a50 !important;
    border-color: #1f5a50 !important;
}

.admin-control-tabs button,
.workspace-tabbar.admin-control-tabs button {
    background: #fff !important;
    border-color: #F7F7F7 !important;
    color: #1f2b35 !important;
}

.admin-control-tabs button.active,
.workspace-tabbar.admin-control-tabs button.active {
    background: #1f2b35 !important;
    color: #fff !important;
}

.admin-control-shell .epic-workspace-bar {
    background: #f7faf7 !important;
    border: 1px solid #ccd8cc !important;
    border-left: 5px solid #1f5a50 !important;
}

.admin-control-shell .chart-panel {
    background: #f4f7f5 !important;
    border-color: #ccd8cc !important;
}


.admin-app .command-topbar {
    border-bottom: 3px solid #1f5a50 !important;
}

.admin-app .theme-switcher button.active,
.admin-app .realtime-button span,
.admin-app .button,
.admin-app button:not(.secondary):not([data-tab-target]) {
    background: #1f5a50 !important;
    border-color: #1f5a50 !important;
}

.admin-control-tabs button,
.workspace-tabbar.admin-control-tabs button {
    background: #fff !important;
    border-color: #F7F7F7 !important;
    color: #1f2b35 !important;
}

.admin-control-tabs button.active,
.workspace-tabbar.admin-control-tabs button.active {
    background: #1f2b35 !important;
    color: #fff !important;
}

.admin-control-shell .epic-workspace-bar {
    background: #f7faf7 !important;
    border: 1px solid #ccd8cc !important;
    border-left: 5px solid #1f5a50 !important;
}

.admin-control-shell .chart-panel {
    background: #f4f7f5 !important;
    border-color: #ccd8cc !important;
}

/* Order guard: product header must win over legacy clinical-topnav rules. */
.module-product-header,
.epic-mode .module-product-header {
    background: transparent !important;
    display: block !important;
    grid-template-columns: none !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.module-product-header .module-product-top {
    align-items: center;
    background: #fff;
    display: grid;
    gap: 16px;
    grid-template-columns: auto minmax(150px, 300px) minmax(220px, 1fr) auto;
    min-height: 42px;
    padding: 6px 20px;
}

.module-product-header .module-product-navrow {
    align-items: center;
    background: #2f4050;
    border-bottom: 3px solid #1c78a5;
    display: grid;
    gap: 5px;
    grid-template-columns: minmax(420px, 1fr) minmax(180px, 300px) auto;
    min-height: 32px;
    padding: 0 24px;
}

.module-product-header .product-nav,
.epic-mode .module-product-header .product-nav {
    display: flex !important;
    gap: 0 !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
}

.module-product-header .product-nav::-webkit-scrollbar, .epic-mode .module-product-header .product-nav::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: transparent;
    width: 8px;
}

.module-product-header .product-nav::-webkit-scrollbar, .epic-mode .module-product-header .product-nav::-webkit-scrollbar-thumb {
    background: transparent;
    display: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.module-product-header .product-nav a,
.epic-mode .module-product-header .product-nav a {
    border-radius: 0 !important;
    color: #edf4fb !important;
    flex: 0 0 auto;
    font-size: 12px !important;
    font-weight: 700;
    padding: 8px 14px !important;
}

.module-product-header .product-mobile-button {
    display: none !important;
}

.module-product-header .product-logo,
.epic-mode .module-product-header .product-logo,
.module-product-header .product-user,
.epic-mode .module-product-header .product-user {
    color: #555;
}

.module-product-header .product-logo-mark,
.epic-mode .module-product-header .product-logo-mark {
    align-items: center !important;
    background: #1f5a50 !important;
    border-radius: 4px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 18px !important;
    height: 28px !important;
    justify-content: center !important;
    width: 28px !important;
}

html[data-theme="dark"] .module-product-header .module-product-top {
    background: #101a26;
}

html[data-theme="dark"] .module-product-header .product-logo,
html[data-theme="dark"] .epic-mode .module-product-header .product-logo,
html[data-theme="dark"] .module-product-header .product-user,
html[data-theme="dark"] .epic-mode .module-product-header .product-user {
    color: #eaf2fb !important;
}

@media (max-width: 1100px) {
    /*.module-product-header .module-product-top {
        grid-template-columns: auto minmax(140px, 210px) 1fr;
    }*/

    .module-product-header .product-account {
        grid-column: 1 / -1;
        justify-content: flex-start;
        align-items: center;
    }

    .module-product-header .module-product-navrow {
        grid-template-columns: 1fr;
        padding: 8px 14px;
    }
}

@media (max-width: 760px) {
    .module-product-header .module-product-top {
        grid-template-columns: auto 1fr;
        padding: 8px 12px;
    }

    .module-product-header .product-mobile-button {
        display: inline-flex !important;
    }

    .module-product-header .product-module-title,
    .module-product-header .product-account {
        grid-column: 1 / -1;
    }

    .module-product-header .module-product-navrow {
        display: none !important;
    }

    .clinical-menu-open .module-product-header .module-product-navrow {
        display: grid !important;
    }

    .module-product-header .product-nav,
    .epic-mode .module-product-header .product-nav {
        display: grid !important;
        gap: 2px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible !important;
    }
}

.admin-app .command-topbar {
    border-bottom: 3px solid #1f5a50 !important;
}

.admin-app .theme-switcher button.active,
.admin-app .realtime-button span,
.admin-app .button,
.admin-app button:not(.secondary):not([data-tab-target]) {
    background: #1f5a50 !important;
    border-color: #1f5a50 !important;
    color: #FFF !important;
}

.admin-control-tabs button,
.workspace-tabbar.admin-control-tabs button {
    background: #fff !important;
    border-color: #F7F7F7 !important;
    color: #1f2b35 !important;
}

.admin-control-tabs button.active,
.workspace-tabbar.admin-control-tabs button.active {
    background: #1f2b35 !important;
    color: #fff !important;
}

.admin-control-shell .epic-workspace-bar {
    background: #f7faf7 !important;
    border: 1px solid #ccd8cc !important;
    border-left: 5px solid #1f5a50 !important;
}

.admin-control-shell .chart-panel {
    background: #f4f7f5 !important;
    border-color: #ccd8cc !important;
}

/* Admin Control dashboard refresh: green and dark grey command theme. */
.admin-app {
    --brand: #1f5a50;
    --brand-dark: #2f4050;
    --good: #1f5a50;
}

.admin-app .brand {
    color: #fff;
}

.admin-app .brand-subtitle,
.admin-app .nav-group-title {
    color: #b9c8b4;
}

.admin-app .nav-link:hover,
.admin-app .nav-link.active {
    background: #1f5a50;
    color: #fff;
}

.admin-app .command-topbar {
    border-bottom: 3px solid #1f5a50;
}

.admin-app .theme-switcher button.active,
.admin-app .realtime-button span,
.admin-app .button,
.admin-app button {
    background: #1f5a50;
    border-color: #1f5a50;
}

.admin-app .button.secondary,
.admin-app button.secondary,
.admin-app .theme-switcher button {
    background: #fff;
    border-color: #cdd8d1;
    color: #2f4050;
}

.admin-control-shell .epic-workspace-bar {
    background: #f7faf7;
    border: 1px solid #ccd8cc;
    border-left: 5px solid #1f5a50;
}

.admin-control-tabs {
    background: #f7faf7;
    border-color: #ccd8cc;
}

.admin-control-tabs button,
.workspace-tabbar.admin-control-tabs button {
    background: #fff;
    border-color: #F7F7F7;
    color: #1f2b35;
}

.admin-control-tabs button.active,
.workspace-tabbar.admin-control-tabs button.active {
    background: #1f2b35;
    color: #fff;
}

.admin-control-tabs button:hover {
    background: #eaf3e7;
}

.admin-control-shell .chart-panel {
    background: #f4f7f5;
    border-color: #ccd8cc;
}

.admin-dashboard-hero {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    margin-bottom: 16px;
}

.admin-dashboard-hero h2 {
    color: #1f2b35;
    font-size: 28px;
    margin: 0 0 6px;
}

.admin-dashboard-hero p {
    color: #4d5d58;
    margin: 0;
}

.admin-health-card,
.admin-kpi-grid article,
.admin-chart-card,
.admin-operational-note {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 7px;
    
    padding: 16px;
}

.admin-health-card {
    display: grid;
    gap: 5px;
}

.admin-health-card span,
.admin-kpi-grid span,
.chart-card-head span {
    color: #607066;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.admin-health-card strong {
    color: #1f5a50;
    font-size: 24px;
}

.admin-kpi-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 16px;
}

.admin-kpi-grid article {
    border-top: 4px solid #1f5a50;
    display: grid;
    gap: 7px;
    min-height: 118px;
}

.admin-kpi-grid strong {
    color: #1f2b35;
    font-size: 30px;
    line-height: 1;
}

.admin-kpi-grid small,
.admin-chart-card p,
.admin-operational-note span {
    color: #56665f;
}

.admin-analytics-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: 1.25fr .85fr 1fr;
    margin-bottom: 16px;
}

.admin-chart-card.wide {
    min-width: 0;
}

.chart-card-head {
    align-items: baseline;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.chart-card-head h3 {
    color: #1f2b35;
    font-size: 18px;
    margin: 0;
}

.admin-bar-row {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(150px, 230px) 46px minmax(120px, 1fr);
    margin: 12px 0;
}

.admin-bar-row div {
    display: grid;
    gap: 3px;
}

.admin-bar-row small {
    color: #66756d;
}

.admin-bar-row span {
    color: #1f2b35;
    font-size: 20px;
    font-weight: 800;
    text-align: right;
}

.admin-bar-row i,
.admin-spark-row i {
    background: linear-gradient(90deg, #1f5a50 0 var(--bar), #dfe8df var(--bar) 100%);
    border-radius: 999px;
    display: block;
    height: 14px;
}

.admin-donut {
    align-items: center;
    background: conic-gradient(#1f5a50 0 var(--value), #2f4050 var(--value) calc(var(--value) + 8%), #e3e9e3 0 100%);
    border-radius: 50%;
    display: grid;
    height: 158px;
    justify-items: center;
    margin: 8px auto 14px;
    place-content: center;
    position: relative;
    width: 158px;
}

.admin-donut::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    inset: 34px;
    position: absolute;
}

.admin-donut strong,
.admin-donut small {
    position: relative;
    z-index: 1;
}

.admin-donut strong {
    color: #1f2b35;
    font-size: 34px;
    line-height: 1;
}

.admin-donut small {
    color: #607066;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-spark-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 112px minmax(90px, 1fr) 38px;
    margin: 12px 0;
}

.admin-spark-row span {
    color: #2f4050;
    font-weight: 700;
}

.admin-spark-row strong {
    color: #1f2b35;
    text-align: right;
}

.admin-operational-note {
    align-items: start;
    border-left: 5px solid #1f5a50;
    display: grid;
    gap: 5px;
}

.admin-operational-note strong {
    color: #1f2b35;
}

html[data-theme="dark"] .admin-control-shell .epic-workspace-bar,
html[data-theme="dark"] .admin-control-tabs,
html[data-theme="dark"] .admin-control-shell .chart-panel {
    background: #172033;
    border-color: #314039;
}

html[data-theme="dark"] .admin-health-card,
html[data-theme="dark"] .admin-kpi-grid article,
html[data-theme="dark"] .admin-chart-card,
html[data-theme="dark"] .admin-operational-note {
    background: #111827;
    border-color: #314039;
}

html[data-theme="dark"] .admin-dashboard-hero h2,
html[data-theme="dark"] .admin-kpi-grid strong,
html[data-theme="dark"] .chart-card-head h3,
html[data-theme="dark"] .admin-bar-row span,
html[data-theme="dark"] .admin-donut strong,
html[data-theme="dark"] .admin-spark-row strong,
html[data-theme="dark"] .admin-operational-note strong {
    color: #eaf2fb;
}

html[data-theme="dark"] .admin-donut::after {
    background: #111827;
}

@media (max-width: 1180px) {
    .admin-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-analytics-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-dashboard-hero,
    .admin-kpi-grid {
        grid-template-columns: 1fr;
    }

    .admin-bar-row {
        grid-template-columns: 1fr 40px;
    }

    .admin-bar-row i {
        grid-column: 1 / -1;
    }

    .chart-card-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Product-grade module header for all non-admin workspaces. */
.module-product-header,
.epic-mode .module-product-header {
    background: transparent !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
}

/*.module-product-top {
    align-items: center;
    background: #fff;
    display: grid;
    gap: 16px;
    grid-template-columns: auto minmax(150px, 240px) minmax(220px, 1fr) auto;
    min-height: 42px;
    padding: 6px 20px;
}*/

.product-mobile-button {
    display: none;
}

.module-product-header .product-logo,
.epic-mode .module-product-header .product-logo {
    color: #555 !important;
    font-size: 20px !important;
    font-weight: 700;
    gap: 6px;
}

.module-product-header .product-logo-mark,
.epic-mode .module-product-header .product-logo-mark {
    background: #1f5a50 !important;
    border-radius: 4px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 18px !important;
    height: 28px !important;
    width: 28px !important;
}

.product-module-title strong,
.product-module-title span {
    display: block;
}

.product-module-title strong {
    color: #172333;
    font-size: 16px;
}

.product-module-title span {
    color: #526274;
    font-size: 14px;
}

.product-account {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.product-icon-button,
.product-command-button,
.product-logout button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #4c4c4c;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: 6px;
    padding: 0;
    text-decoration: none;
}

.product-badge,
.product-command-button span {
    align-items: center;
    background: red;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    height: 17px;
    justify-content: center;
    min-width: 17px;
    padding: 0 5px;
}

.product-team,
.product-plan-code {
    color: #555;
    font-size: 14px;
    font-weight: 700;
}

.module-product-header .product-user,
.epic-mode .module-product-header .product-user {
    color: #555;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 700;
}

.product-upgrade-link {
    color: #e00000;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.module-product-navrow {
    align-items: center;
    background: #2f4050;
    border-bottom: 3px solid #1c78a5;
    display: grid;
    gap: 5px;
    grid-template-columns: minmax(420px, 1fr) minmax(180px, 300px) auto;
    min-height: 32px;
    padding: 0 24px;
}

.module-product-header .product-nav,
.epic-mode .module-product-header .product-nav {
    display: flex !important;
    gap: 0 !important;
    justify-content: flex-start !important;
    overflow-x: auto;
}

.module-product-header .product-nav a,
.epic-mode .module-product-header .product-nav a {
    border-radius: 0 !important;
    color: #edf4fb !important;
    flex: 0 0 auto;
    font-size: 14px !important;
    font-weight: 700;
    padding: 8px 14px !important;
    text-decoration: none;
}

.module-product-header .product-nav a:hover,
.epic-mode .module-product-header .product-nav a:hover {
    background: #41566b !important;
}

.product-search {
    margin: 0;
}

.product-search input {
    background: #596d7d;
    border: 1px solid #263645;
    border-radius: 2px;
    color: #fff;
    height: 24px;
    padding: 6px 12px !important;
    width: 100%;
}

.product-search input::placeholder {
    color: #d6e0e8;
}

.product-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.product-theme-switcher.theme-switcher {
    background: transparent;
    border-color: transparent;
    padding: 1px;
}

.product-theme-switcher.theme-switcher button {
    color: #eef6ff;
    font-size: 14px;
    padding: 3px 7px;
}

.product-theme-switcher.theme-switcher button.active {
    color: #fff;
}

.product-actions .product-command-button,
.product-plus {
    color: #edf4fb;
}

.product-plus {
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.product-logout {
    margin: 0;
}

html[data-theme="dark"] .module-product-top {
    background: #101a26;
}

html[data-theme="dark"] .product-module-title strong,
html[data-theme="dark"] .module-product-header .product-logo,
html[data-theme="dark"] .epic-mode .module-product-header .product-logo,
html[data-theme="dark"] .module-product-header .product-user,
html[data-theme="dark"] .product-team,
html[data-theme="dark"] .product-plan-code,
html[data-theme="dark"] .product-icon-button,
html[data-theme="dark"] .product-logout button {
    color: #eaf2fb !important;
}

html[data-theme="dark"] .product-module-title span {
    color: #b7c7d9;
}

@media (max-width: 1100px) {
    .module-product-top {
        grid-template-columns: auto minmax(140px, 210px) 1fr;
    }

    .product-account {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .module-product-navrow {
        grid-template-columns: 1fr;
        padding: 8px 14px;
    }
}

@media (max-width: 760px) {
    .module-product-top {
        grid-template-columns: auto 1fr;
        padding: 8px 12px;
    }

    .product-mobile-button {
        background: #2f4050;
        border-color: #2f4050;
        display: inline-flex;
        margin: 0;
    }

    .product-module-title,
    .product-account {
        grid-column: 1 / -1;
    }

    .product-account {
        align-items: flex-start;
        gap: 9px;
    }

    .module-product-navrow {
        display: none;
    }

    .clinical-menu-open .module-product-navrow {
        display: grid;
    }

    .module-product-header .product-nav,
    .epic-mode .module-product-header .product-nav {
        display: grid !important;
        gap: 2px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .module-product-header .product-nav a,
    .epic-mode .module-product-header .product-nav a {
        background: rgba(255, 255, 255, .08);
        padding: 10px !important;
    }

    .product-actions {
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .product-theme-switcher.theme-switcher {
        order: 10;
        width: 100%;
    }
}

.account-workspace {
    padding: 22px;
}

.account-hero {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    margin-bottom: 18px;
}

.account-hero h1 {
    color: #0084a5;
    font-size: 28px;
    margin: 0 0 6px;
}

.account-hero p {
    margin: 0;
}

.account-current-plan,
.payment-panel,
.payment-config-grid article,
.account-ledger,
.payment-plan-card {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 6px;
    padding: 16px;
}

.account-current-plan {
    display: grid;
    gap: 4px;
}

.account-current-plan span,
.plan-code,
.payment-config-grid span {
    color: #526274;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.account-current-plan strong {
    color: #172333;
    font-size: 22px;
}

.payment-plan-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 18px;
}

.payment-plan-card {
    display: grid;
    gap: 12px;
}

.payment-plan-card.active {
    border-color: #0084a5;
}

.plan-card-head {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.plan-card-head h2 {
    font-size: 20px;
    margin: 4px 0 0;
}

.plan-price strong {
    color: #0084a5;
    font-size: 28px;
}

.plan-price span,
.plan-annual {
    color: #526274;
}

.plan-limits,
.plan-modules {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.plan-limits span,
.plan-modules span {
    background: #e7f2fb;
    border-radius: 999px;
    color: #173f67;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 9px;
}

.plan-access-title {
    color: #1f333c;
    font-size: 13px;
    letter-spacing: .04em;
    margin: 4px 0 -4px;
    text-transform: uppercase;
}

.plan-gate-note {
    color: #805a00;
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-top: 4px;
}

.plan-upgrade-link {
    white-space: nowrap;
}

.payment-plan-card form {
    display: grid;
    gap: 10px;
}

.payment-workbench {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
    margin-bottom: 18px;
}

.payment-method-form .form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.payment-config-grid {
    display: grid;
    gap: 10px;
}

.payment-config-grid article {
    display: grid;
    gap: 4px;
}

.payment-config-grid strong {
    color: #0084a5;
}

.account-ledger {
    overflow-x: auto;
}

.pricing-workspace {
    background: #f7faf8;
}

.pricing-hero {
    align-items: center;
}

.pricing-hero-tags,
.pricing-rule-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.pricing-hero-tags span,
.pricing-rule-grid article {
    background: #eef7ed;
    border: 1px solid #d5e8d2;
    border-radius: 999px;
    color: #1c5b4f;
    font-size: 13px;
    font-weight: 800;
    padding: 7px 10px;
}

.pricing-model-note,
.pricebook-section {
    background: #fff;
    border: 1px solid #d9e3dd;
    border-radius: 10px;
    margin-bottom: 18px;
    padding: 16px;
}

.pricing-model-note {
    align-items: center;
    display: flex;
    gap: 12px;
}

.pricing-model-note strong {
    background: #1e5f53;
    border-radius: 999px;
    color: #fff;
    padding: 8px 12px;
    white-space: nowrap;
}

.pricing-plan-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pricing-plan-card {
    border-color: #d9e3dd;
    box-shadow: 0 14px 32px rgba(18, 50, 42, .08);
}

.pricing-plan-card.active {
    border-color: #1e5f53;
    box-shadow: 0 16px 34px rgba(30, 95, 83, .15);
}

.plan-fit,
.usa-reference small,
.usa-reference strong {
    color: #526274;
}

.plan-meta-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.plan-meta-grid span,
.usa-reference {
    background: #f5f8f5;
    border: 1px solid #e3eee4;
    border-radius: 8px;
    display: grid;
    gap: 3px;
    padding: 9px;
}

.plan-meta-grid strong,
.usa-reference strong {
    color: #0b372f;
}

.usa-reference span {
    color: #526274;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.commercial-model-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.table-card {
    overflow-x: auto;
}

.pricebook-cards {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pricebook-card {
    background: #f5f8f5;
    border: 1px solid #e3eee4;
    border-radius: 8px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.pricebook-card span {
    color: #526274;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pricebook-card strong {
    color: #1e5f53;
    font-size: 18px;
}

.pricebook-card small {
    color: #526274;
}

@media (max-width: 980px) {
    .account-hero,
    .payment-plan-grid,
    .pricing-plan-grid,
    .payment-workbench,
    .payment-method-form .form-grid,
    .commercial-model-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .account-workspace {
        padding: 12px;
    }

    .payment-plan-card,
    .payment-panel,
    .payment-config-grid article,
    .account-ledger,
    .account-current-plan {
        padding: 12px;
    }

    .plan-price strong {
        font-size: 23px;
    }

    .pricing-model-note {
        align-items: flex-start;
        flex-direction: column;
    }

    .plan-meta-grid,
    .pricebook-cards {
        grid-template-columns: 1fr;
    }

    .pricing-hero-tags span,
    .pricing-rule-grid article {
        border-radius: 8px;
        width: 100%;
    }
}

@media (max-width: 680px) {
    .auri-iq-assistant {
        bottom: 14px;
        right: 14px;
    }

    .auri-iq-panel {
        bottom: 58px;
        max-height: calc(100vh - 90px);
        width: calc(100vw - 28px);
    }

    .auri-iq-form {
        grid-template-columns: 1fr;
    }
}

/* Enterprise command-center upgrades */
.command-topbar,
.command-clinical-topnav {
    background: var(--surface, #fff);
    border-bottom: 1px solid #F7F7F7;
    gap: 18px;
}

.topbar-identity,
.clinical-context {
    display: grid;
    gap: 2px;
}

.topbar-identity strong,
.clinical-context strong {
    color: #0f2b46;
    font-size: 15px;
}

.topbar-identity span,
.clinical-context span {
    color: #64748b;
    font-size: 14px;
}

.topbar-actions,
.clinical-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.live-chip {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #cfe2f3;
    border-radius: 999px;
    color: #0f4f7f;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    padding: 8px 12px;
}

.user-chip{
    align-items: center;
    color: red !important;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    padding: 8px 12px;
}

.command-hero,
.pharmacy-command-center {
    align-items: center;
    background: linear-gradient(135deg, #ffffff, #edf5ff);
    border: 1px solid #F7F7F7;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin: 22px 0;
    padding: 22px;
}

.command-hero h1,
.pharmacy-command-center h1 {
    color: #09284a;
    font-size: 34px;
    margin: 4px 0;
}

.command-hero p,
.pharmacy-command-center p {
    color: #5b6d82;
    margin: 0;
    max-width: 760px;
}

.command-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.command-kpi-grid,
.registration-kpi-grid,
.poc-dashboard-kpis {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    margin: 16px 0;
}

.command-kpi-grid article,
.pharmacy-flow-strip article {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 6px;
    padding: 14px;
}

.command-kpi-grid span,
.pharmacy-flow-strip span {
    color: #5b6d82;
    display: block;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.command-kpi-grid strong,
.pharmacy-flow-strip strong {
    color: #007ea3;
    display: block;
    font-size: 30px;
    line-height: 1.1;
    margin-top: 4px;
}

.command-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    margin: 16px 0;
}

.command-grid.two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.command-panel {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 6px;
    padding: 16px;
}

.command-feed {
    display: grid;
    gap: 10px;
    max-height: 360px;
    overflow: auto;
}

.command-feed-item {
    border-left: 4px solid #5bb8d4;
    background: #f7fbff;
    padding: 10px 12px;
}

.command-feed-item.critical {
    border-left-color: #b91c1c;
}

.command-feed-item.warning {
    border-left-color: #d97706;
}

.command-feed-item strong,
.command-feed-item span,
.command-feed-item small {
    display: block;
}

.command-modules .module-card {
    min-height: 190px;
}

.module-card-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.file-drop {
    align-items: center;
    background: #fff;
    border: 2px dashed #c9d6e3;
    border-radius: 8px;
    color: #007ea3;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 120px;
    padding: 18px;
    text-align: center;
}

.file-drop input {
    display: none;
}

.compact-drop {
    min-height: 72px;
}

.patient-avatar-initials {
    align-items: center;
    background: #0b6f88;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    margin-right: 9px;
    width: 34px;
}

.hospital-offer-strip {
    background: #e8fff7;
    border: 1px solid #9ce6cf;
    border-radius: 6px;
    color: #075e4f;
    display: grid;
    gap: 6px;
    margin: 12px 0;
    padding: 12px 14px;
}

.image-viewer-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin-bottom: 18px;
}

.image-viewer-card {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 6px;
    display: grid;
    gap: 8px;
    padding: 12px;
}

.image-viewer-frame {
    align-items: center;
    aspect-ratio: 4 / 3;
    background: #f2f6fb;
    border: 1px solid #F7F7F7;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.image-viewer-frame img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.compact-card {
    margin: 8px 0;
    padding: 10px 12px;
}

.split-workspace {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.confirm-panel {
    max-width: 440px;
}

@media (max-width: 900px) {
    .command-hero,
    .pharmacy-command-center,
    .command-grid.two,
    .split-workspace {
        grid-template-columns: 1fr;
    }

    .command-hero,
    .pharmacy-command-center {
        align-items: flex-start;
        display: grid;
    }
}

@media print {
    body.print-target-only {
        background: #fff !important;
    }

    .print-field-value {
        background: #fff;
        border: 1px solid #F7F7F7;
        border-radius: 4px;
        min-height: 34px;
        padding: 8px 10px;
        white-space: pre-wrap;
    }
}

/* Lab command center upgrade. */
.lab-command-center {
    background: linear-gradient(135deg, #f8fbff 0%, #e5f2fc 100%);
    border: 1px solid #F7F7F7;
    border-top: 0;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 2fr);
    margin-bottom: 14px;
    padding: 18px;
}

.lab-command-copy .eyebrow {
    color: #0084a5;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.lab-command-copy h1 {
    color: #123c68;
    font-size: 26px;
    margin: 0 0 8px;
}

.lab-command-copy p {
    color: #41566e;
    line-height: 1.45;
    margin: 0;
    max-width: 760px;
}

.lab-command-strip,
.lab-ops-board,
.lab-supply-layout,
.lab-request-board {
    display: grid;
    gap: 12px;
}

.lab-command-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.lab-command-strip article,
.lab-ops-board article,
.lab-supply-request-card,
.lab-supply-catalog-card,
.lab-request-card {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    padding: 13px;
}

.lab-command-strip span,
.lab-command-strip small {
    color: #526579;
    display: block;
    font-weight: 700;
}

.lab-command-strip strong {
    color: #0084a5;
    display: block;
    font-size: 30px;
    line-height: 1;
    margin: 5px 0;
}

.lab-ops-board {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 14px 0;
}

.lab-ops-board article {
    border-left: 4px solid #0084a5;
}

.lab-ops-board article p {
    color: #526579;
    margin: 8px 0 12px;
}

.lab-ops-board article strong {
    color: #172333;
    display: block;
    font-size: 22px;
    margin-top: 6px;
}

.lab-ops-board article a {
    font-weight: 800;
}

.queue-label {
    background: #e7f2fb;
    border-radius: 999px;
    color: #123c68;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    padding: 4px 8px;
}

.queue-label.danger {
    background: #fff0ee;
    color: #b42318;
}

.queue-label.warn {
    background: #fff6e7;
    color: #a15c00;
}

.lab-supply-layout {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) 360px;
}

.lab-supply-request-card h3,
.lab-supply-catalog-card h3 {
    color: #0084a5;
    margin: 0 0 12px;
}

.lab-supply-form {
    grid-template-columns: minmax(160px, .4fr) minmax(200px, .6fr) minmax(240px, 1fr);
}

.lab-supply-form textarea,
.lab-supply-form .lab-supply-items,
.lab-supply-form button {
    grid-column: 1 / -1;
}

.lab-supply-items {
    border: 1px solid #F7F7F7;
}

.lab-supply-item-head,
.lab-supply-row {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(260px, 1.3fr) 90px 100px minmax(160px, .8fr);
    padding: 8px;
}

.lab-supply-item-head {
    background: #e4edf8;
    color: #172333;
    font-size: 14px;
    font-weight: 800;
}

.lab-supply-row {
    background: #fff;
    border-top: 1px solid #edf2f7;
}

.lab-supply-row:nth-child(odd) {
    background: #f7f9fc;
}

.lab-supply-row > div {
    display: grid;
    gap: 6px;
}

.lab-supply-catalog {
    display: grid;
    gap: 8px;
    max-height: 560px;
    overflow-y: auto;
}

.lab-supply-catalog div {
    background: #f8fbff;
    border: 1px solid #F7F7F7;
    border-left: 4px solid #0084a5;
    padding: 10px;
}

.lab-supply-catalog strong,
.lab-supply-catalog span,
.lab-supply-catalog small {
    display: block;
}

.lab-supply-catalog span,
.lab-supply-catalog small {
    color: #526579;
    margin-top: 4px;
}

.lab-request-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.lab-request-update {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(160px, .5fr) minmax(0, 1fr) auto;
}

.lab-stat-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 14px 0;
}

.lab-label-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    margin-bottom: 16px;
}

.specimen-label-card {
    background: #fff;
    border: 1px solid #172333;
    border-radius: 4px;
    padding: 12px;
}

.label-top {
    align-items: center;
    border-bottom: 1px solid #F7F7F7;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.label-top strong {
    color: #0084a5;
    font-size: 18px;
}

.label-top span {
    background: #e7f2fb;
    border-radius: 999px;
    color: #123c68;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 8px;
}

.barcode-strip,
.barcode-visual {
    color: #000;
    display: inline-block;
    font-family: "Courier New", monospace;
    font-weight: 800;
    letter-spacing: .08em;
}

.barcode-visual {
    background: repeating-linear-gradient(90deg, #000 0 2px, #fff 2px 4px, #000 4px 5px, #fff 5px 8px);
    border: 1px solid #111;
    min-height: 54px;
    padding: 32px 8px 6px;
    position: relative;
    width: 100%;
}

.barcode-visual b {
    background: #fff;
    bottom: 4px;
    left: 8px;
    padding: 0 4px;
    position: absolute;
}

.barcode-visual i {
    display: none;
}

.qr-visual {
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(8, 1fr);
    height: 104px;
    margin: 10px 0;
    width: 104px;
}

.qr-visual span {
    background: #fff;
    border: 1px solid #F7F7F7;
}

.qr-visual span.on {
    background: #000;
}

.split-workspace {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
}

.revenue-card {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    padding: 14px;
}

.revenue-card h3 {
    color: #0084a5;
    margin: 0 0 12px;
}

html[data-theme="dark"] .lab-command-center,
html[data-theme="dark"] .lab-command-strip article,
html[data-theme="dark"] .lab-ops-board article,
html[data-theme="dark"] .lab-supply-request-card,
html[data-theme="dark"] .lab-supply-catalog-card,
html[data-theme="dark"] .lab-request-card,
html[data-theme="dark"] .lab-supply-row,
html[data-theme="dark"] .lab-supply-catalog div,
html[data-theme="dark"] .specimen-label-card,
html[data-theme="dark"] .revenue-card {
    background: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--text) !important;
}

html[data-theme="dark"] .lab-command-copy h1,
html[data-theme="dark"] .lab-ops-board article strong,
html[data-theme="dark"] .lab-supply-item-head {
    color: var(--text) !important;
}

html[data-theme="dark"] .lab-command-copy p,
html[data-theme="dark"] .lab-command-strip span,
html[data-theme="dark"] .lab-command-strip small,
html[data-theme="dark"] .lab-ops-board article p,
html[data-theme="dark"] .lab-supply-catalog span,
html[data-theme="dark"] .lab-supply-catalog small {
    color: var(--muted) !important;
}

html[data-theme="dark"] .lab-supply-item-head {
    background: #22314a !important;
}

@media (max-width: 1100px) {
    .lab-command-center,
    .lab-command-strip,
    .lab-ops-board,
    .lab-supply-layout,
    .lab-request-board,
    .lab-stat-grid,
    .lab-label-grid,
    .split-workspace {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .lab-command-center {
        padding: 12px;
    }

    .lab-command-copy h1 {
        font-size: 22px;
    }

    .lab-supply-form,
    .lab-supply-item-head,
    .lab-supply-row,
    .lab-request-update {
        grid-template-columns: 1fr !important;
    }

    .lab-supply-item-head {
        display: none;
    }
}

html[data-theme="dark"] body,
html[data-theme="dark"] .clinical-body,
html[data-theme="dark"] .enterprise-app {
    background: #f6f5f0 !important;
    color: var(--text) !important;
}

html[data-theme="dark"] .clinical-topnav,
html[data-theme="dark"] .epic-mode .clinical-topnav,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .epic-workspace-bar,
html[data-theme="dark"] .workspace-commandbar,
html[data-theme="dark"] .registration-workspace-bar {
    background: #111a2b !important;
    border-color: var(--line) !important;
    color: var(--text) !important;
}

html[data-theme="dark"] .clinical-topnav nav a,
html[data-theme="dark"] .clinical-topnav nav a:hover,
html[data-theme="dark"] .cl-user,
html[data-theme="dark"] .cl-logo,
html[data-theme="dark"] .topbar strong {
    color: var(--text) !important;
}

html[data-theme="dark"] .chart-sidebar,
html[data-theme="dark"] .registration-sidebar,
html[data-theme="dark"] .patient-hero,
html[data-theme="dark"] .chart-panel,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .powernote-shell .epic-note-form,
html[data-theme="dark"] .powernote-shell .note-section.standalone,
html[data-theme="dark"] .powernote-shell .clinical-note-menu,
html[data-theme="dark"] .billing-shell .billing-subnav,
html[data-theme="dark"] .billing-shell .revenue-card,
html[data-theme="dark"] .poc-chart-card,
html[data-theme="dark"] .note-card,
html[data-theme="dark"] .prompt-card,
html[data-theme="dark"] .exam-card,
html[data-theme="dark"] .clinical-table td,
html[data-theme="dark"] .clinical-table tr {
    background: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--text) !important;
}

html[data-theme="dark"] .chart-sidebar a,
html[data-theme="dark"] .registration-sidebar a,
html[data-theme="dark"] .powernote-shell .clinical-note-menu button,
html[data-theme="dark"] .billing-shell .billing-subnav button {
    background: #172033 !important;
    border-color: var(--line) !important;
    color: var(--text) !important;
}

html[data-theme="dark"] .chart-sidebar a.active,
html[data-theme="dark"] .chart-sidebar a:hover,
html[data-theme="dark"] .registration-sidebar a.active,
html[data-theme="dark"] .registration-sidebar a:hover,
html[data-theme="dark"] .powernote-shell .clinical-note-menu button.active,
html[data-theme="dark"] .billing-shell .billing-subnav button.active {
    background: #000 !important;
    color: #fff !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background: #0f1726 !important;
    border-color: #3c4a5f !important;
    color: var(--text) !important;
}

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

html[data-theme="dark"] .clinical-table th,
html[data-theme="dark"] .table th {
    background: #22314a !important;
    color: var(--text) !important;
}

html[data-theme="dark"] .theme-switcher {
    background: #0f1726 !important;
    border-color: #3c4a5f !important;
}

html[data-theme="dark"] .theme-switcher button {
    color: var(--muted) !important;
}

html[data-theme="dark"] .theme-switcher button.active {
    background: #0084a5 !important;
    color: #fff !important;
}

@media (max-width: 1000px) {
    .clinical-topnav,
    .epic-mode .clinical-topnav {
        grid-template-columns: auto 1fr auto;
    }

    .clinical-topnav .theme-switcher {
        grid-column: 1 / -1;
        justify-self: stretch;
        width: max-content;
    }

    .topbar {
        flex-wrap: wrap;
    }

    .topbar .theme-switcher {
        order: 3;
    }
}

html[data-theme="dark"] .lab-kpi-grid article,
html[data-theme="dark"] .lab-work-card {
    background: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--text) !important;
}

.pharmacy-command-center {
    align-items: stretch;
    background: #fff;
    border: 1px solid #F7F7F7;
    border-left: 5px solid #0084a5;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(260px, .9fr) minmax(0, 1.4fr);
    margin-bottom: 16px;
    padding: 18px;
}

.pharmacy-command-center h1 {
    color: #0084a5;
    margin: 4px 0 8px;
}

.pharmacy-command-center p {
    color: #5d6c7b;
    margin: 0;
}

.pharmacy-flow-strip {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
}

.pharmacy-flow-strip article,
.pharmacy-workflow-grid article {
    background: #f8fbfe;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    padding: 12px;
}

.pharmacy-flow-strip span,
.pharmacy-workflow-grid span {
    color: #5d6c7b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.pharmacy-flow-strip strong,
.pharmacy-workflow-grid strong {
    color: #172333;
    display: block;
    font-size: 26px;
    margin: 5px 0;
}

.pharmacy-flow-strip small,
.pharmacy-workflow-grid p {
    color: #5d6c7b;
}

.pharmacy-workflow-grid,
.pharmacy-card-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 14px 0;
}

.pharmacy-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pharmacy-safety-board {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-bottom: 18px;
}

.pharmacy-safety-card {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-left: 5px solid var(--info);
    border-radius: 4px;
    display: grid;
    gap: 6px;
    padding: 14px;
}

.pharmacy-safety-card.warning {
    border-left-color: var(--warning);
}

.pharmacy-safety-card.critical {
    border-left-color: var(--danger);
}

.pharmacy-safety-card.clear {
    border-left-color: var(--success);
}

.pharmacy-safety-card span {
    color: #5d6c7b;
    font-size: 0.92rem;
}

.pharmacy-rx-card {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    padding: 14px;
}

.pharmacy-rx-card dl {
    display: grid;
    gap: 6px 12px;
    grid-template-columns: 90px minmax(0, 1fr);
}

.pharmacy-rx-card dt {
    color: #5d6c7b;
    font-weight: 700;
}

.pharmacy-rx-card dd {
    margin: 0;
}

.pharmacy-rx-form,
.pharmacy-fill-form,
.pharmacy-inventory-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pharmacy-rx-form textarea,
.pharmacy-rx-form .wide,
.pharmacy-fill-form textarea {
    grid-column: 1 / -1;
}

.pharmacy-inline-form {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(140px, .8fr) minmax(0, 1fr) auto;
}

.epic-alert-ribbon,
.epic-command-split {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    margin: 14px 0;
}

.epic-alert-card {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-left: 5px solid var(--info);
    border-radius: 4px;
    display: grid;
    gap: 4px;
    padding: 12px 14px;
}

.epic-alert-card.warning {
    border-left-color: var(--warning);
}

.epic-alert-card.critical {
    border-left-color: var(--danger);
}

.epic-alert-card.clear {
    border-left-color: var(--success);
}

.epic-alert-card span,
.pharmacy-payment-note {
    color: #5d6c7b;
    font-size: 0.92rem;
}

.pharmacy-payment-note {
    background: #eef7fb;
    border: 1px solid #cde5f1;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 10px 12px;
}

.epic-dense-table th,
.epic-dense-table td {
    padding: 9px 10px;
    vertical-align: top;
}

.compact-action-form {
    grid-template-columns: minmax(110px, .7fr) minmax(160px, 1fr) auto;
}

html[data-theme="dark"] .pharmacy-command-center,
html[data-theme="dark"] .pharmacy-flow-strip article,
html[data-theme="dark"] .pharmacy-workflow-grid article,
html[data-theme="dark"] .pharmacy-safety-card,
html[data-theme="dark"] .pharmacy-rx-card,
html[data-theme="dark"] .epic-alert-card,
html[data-theme="dark"] .pharmacy-payment-note {
    background: var(--panel);
    border-color: var(--line);
    color: var(--text);
}

html[data-theme="dark"] .pharmacy-command-center p,
html[data-theme="dark"] .pharmacy-flow-strip span,
html[data-theme="dark"] .pharmacy-flow-strip small,
html[data-theme="dark"] .pharmacy-workflow-grid p,
html[data-theme="dark"] .pharmacy-safety-card span,
html[data-theme="dark"] .pharmacy-rx-card dt,
html[data-theme="dark"] .epic-alert-card span,
html[data-theme="dark"] .pharmacy-payment-note {
    color: var(--muted);
}

html[data-theme="dark"] .pharmacy-flow-strip strong,
html[data-theme="dark"] .pharmacy-workflow-grid strong {
    color: var(--brand);
}

html[data-theme="dark"] .lab-kpi-grid strong,
html[data-theme="dark"] .lab-card-head strong {
    color: var(--brand) !important;
}

html[data-theme="dark"] .lab-kpi-grid span,
html[data-theme="dark"] .lab-work-card dt {
    color: var(--muted) !important;
}

html[data-theme="dark"] .lab-card-head span {
    background: #22314a !important;
    color: var(--text) !important;
}

@media (max-width: 1000px) {
    .lab-kpi-grid,
    .lab-card-grid,
    .lab-accession-form,
    .lab-result-form,
    .lab-inline-grid,
    .lab-verify-form,
    .pharmacy-command-center,
    /*.pharmacy-flow-strip,*/
    .pharmacy-workflow-grid,
    .pharmacy-card-grid,
    .pharmacy-rx-form,
    .pharmacy-fill-form,
    .pharmacy-inventory-form,
    .pharmacy-inline-form,
    .epic-command-split,
    .epic-alert-ribbon {
        grid-template-columns: 1fr !important;
    }

    .lab-card-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .lab-work-card dl {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .cards-on-mobile,
    .clinical-body .mobile-card-table {
        overflow: visible;
    }

    .cards-on-mobile table,
    .cards-on-mobile thead,
    .cards-on-mobile tbody,
    .cards-on-mobile th,
    .cards-on-mobile td,
    .cards-on-mobile tr {
        display: block;
    }

    .cards-on-mobile thead {
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .cards-on-mobile tr,
    .clinical-body .mobile-card-table tr {
        background: #fff;
        border: 1px solid #F7F7F7;
        border-radius: 6px;
        margin-bottom: 12px;
        padding: 8px 10px;
    }

    .cards-on-mobile td,
    .clinical-body .mobile-card-table td {
        border: 0;
        display: grid;
        gap: 8px;
        grid-template-columns: 110px minmax(0, 1fr);
        padding: 7px 0;
    }

    .cards-on-mobile td::before,
    .clinical-body .mobile-card-table td::before {
        color: #5d6c7b;
        content: attr(data-label);
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
    }

    html[data-theme="dark"] .cards-on-mobile tr {
        background: var(--panel);
        border-color: var(--line);
    }

    html[data-theme="dark"] .cards-on-mobile td::before {
        color: var(--muted);
    }

    .clinical-body .mobile-card-table,
    .clinical-body .mobile-card-table thead,
    .clinical-body .mobile-card-table tbody,
    .clinical-body .mobile-card-table th,
    .clinical-body .mobile-card-table td,
    .clinical-body .mobile-card-table tr {
        display: block;
        width: 100%;
    }

    .clinical-body .mobile-card-table thead {
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .clinical-body .mobile-card-table tbody th {
        border: 0;
        color: #5d6c7b;
        font-size: 14px;
        padding: 7px 0 2px;
        text-transform: uppercase;
    }

    .clinical-body .mobile-card-table td {
        display: grid;
    }
}

@media (max-width: 1100px) {
    .clinical-body .chart-panel .split-workspace {
        grid-template-columns: 1fr !important;
    }
}

/* Theme switcher, fixed rails, and structured note controls. */
.theme-switcher {
    align-items: center;
    background: #eef4fb;
    border: 1px solid #cfd9e6;
    border-radius: 999px;
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    display: none;
}

.theme-switcher button {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: #41566e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    min-height: 28px;
    padding: 0 10px;
}

.theme-switcher button.active {
    color: #fff;
}

.multi-select {
    min-height: 112px;
    padding: 8px;
}

.multi-select option {
    border-radius: 3px;
    padding: 5px 7px;
}

.field-hint {
    color: #6a7a8e;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
}

.lab-module-shell .lab-hero .patient-photo {
    border-radius: 4px;
    font-size: 28px;
    letter-spacing: .08em;
}

.lab-kpi-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 14px 0;
}

.lab-kpi-grid article {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-top: 4px solid #0084a5;
    border-radius: 4px;
    padding: 13px;
}

.lab-kpi-grid span {
    color: #5d6c7b;
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.lab-kpi-grid strong {
    color: #172333;
    font-size: 24px;
}

.lab-card-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lab-work-card {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    padding: 14px;
}

.lab-card-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.lab-card-head strong {
    color: #0084a5;
    font-size: 18px;
}

.lab-card-head span {
    background: #e7f2fb;
    border-radius: 999px;
    color: #24425f;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 8px;
}

.lab-work-card dl {
    display: grid;
    gap: 6px 12px;
    grid-template-columns: 120px minmax(0, 1fr);
    margin: 12px 0;
}

.lab-work-card dt {
    color: #5d6c7b;
    font-weight: 700;
}

.lab-work-card dd {
    margin: 0;
}

.lab-accession-form,
.lab-result-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lab-accession-form textarea,
.lab-result-form textarea,
.lab-result-form .wide {
    grid-column: 1 / -1;
}

.lab-inline-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(120px, .6fr) minmax(0, 1fr) minmax(0, 1fr) auto;
}

.lab-verify-form {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(120px, .8fr) auto minmax(160px, 1fr) auto;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .clinical-body,
html[data-theme="dark"] .enterprise-app {
    background: #f6f5f0;
    color: var(--text);
}

html[data-theme="dark"] .clinical-topnav,
html[data-theme="dark"] .epic-mode .clinical-topnav,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .epic-workspace-bar,
html[data-theme="dark"] .workspace-commandbar,
html[data-theme="dark"] .registration-workspace-bar {
    background: #111a2b;
    border-color: var(--line);
    color: var(--text);
}

html[data-theme="dark"] .clinical-topnav nav a,
html[data-theme="dark"] .clinical-topnav nav a:hover,
html[data-theme="dark"] .cl-user,
html[data-theme="dark"] .cl-logo,
html[data-theme="dark"] .topbar strong {
    color: var(--text);
}

html[data-theme="dark"] .chart-sidebar,
html[data-theme="dark"] .registration-sidebar,
html[data-theme="dark"] .patient-hero,
html[data-theme="dark"] .chart-panel,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .powernote-shell .epic-note-form,
html[data-theme="dark"] .powernote-shell .note-section.standalone,
html[data-theme="dark"] .powernote-shell .clinical-note-menu,
html[data-theme="dark"] .billing-shell .billing-subnav,
html[data-theme="dark"] .billing-shell .revenue-card,
html[data-theme="dark"] .poc-chart-card,
html[data-theme="dark"] .note-card,
html[data-theme="dark"] .prompt-card,
html[data-theme="dark"] .exam-card,
html[data-theme="dark"] .clinical-table td,
html[data-theme="dark"] .clinical-table tr {
    background: var(--panel);
    border-color: var(--line);
    color: var(--text);
}

html[data-theme="dark"] .chart-sidebar a,
html[data-theme="dark"] .registration-sidebar a,
html[data-theme="dark"] .powernote-shell .clinical-note-menu button,
html[data-theme="dark"] .billing-shell .billing-subnav button {
    background: #172033;
    border-color: var(--line);
    color: var(--text);
}

html[data-theme="dark"] .chart-sidebar a.active,
html[data-theme="dark"] .chart-sidebar a:hover,
html[data-theme="dark"] .registration-sidebar a.active,
html[data-theme="dark"] .registration-sidebar a:hover,
html[data-theme="dark"] .powernote-shell .clinical-note-menu button.active,
html[data-theme="dark"] .billing-shell .billing-subnav button.active {
    background: #000;
    color: #fff;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background: #0f1726;
    border-color: #3c4a5f;
    color: var(--text);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] .subtle,
html[data-theme="dark"] .field-hint {
    color: var(--muted);
}

html[data-theme="dark"] .clinical-table th,
html[data-theme="dark"] .table th {
    background: #22314a;
    color: var(--text);
}

html[data-theme="dark"] .theme-switcher {
    background: #0f1726;
    border-color: #3c4a5f;
}

html[data-theme="dark"] .theme-switcher button {
    color: var(--muted);
}

html[data-theme="dark"] .theme-switcher button.active {
    background: #0084a5;
    color: #fff;
}

@media (max-width: 1000px) {
    .clinical-topnav,
    .epic-mode .clinical-topnav {
        grid-template-columns: auto 1fr auto;
    }

    .clinical-topnav .theme-switcher {
        grid-column: 1 / -1;
        justify-self: stretch;
        width: max-content;
    }

    .topbar {
        flex-wrap: wrap;
    }

    .topbar .theme-switcher {
        order: 3;
    }
}

.powernote-shell,
.billing-shell {
    display: grid;
    gap: 14px;
}

.workspace-commandbar {
    align-items: center;
    background: #fff;
    border: 1px solid #F7F7F7;
    border-left: 5px solid #0084a5;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 14px 16px;
}

.workspace-commandbar h2 {
    color: #0084a5;
    margin: 0 0 4px;
}

.workspace-commandbar p {
    color: #5d6c7b;
    margin: 0;
}

.workspace-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.workspace-tabbar,
.workspace-tabbar.billing-subnav,
.workspace-tabbar.clinical-note-menu {
    background: #fff;
    border: 1px solid #F7F7F7;
    display: flex;
    gap: 0;
    overflow-x: auto;
    padding: 0;
    white-space: nowrap;
}

.workspace-tabbar button,
.workspace-tabbar.billing-subnav button,
.workspace-tabbar.clinical-note-menu button {
    background: #f7f9fc;
    border: 0;
    border-right: 1px solid #F7F7F7;
    color: #172333;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 700;
    padding: 12px 16px;
    width: auto;
}

.workspace-tabbar button.active,
.workspace-tabbar.billing-subnav button.active,
.workspace-tabbar.clinical-note-menu button.active {
    background: #000;
    color: #fff;
}

.admin-control-shell {
    display: block;
}

.admin-control-shell .epic-workspace-bar {
    border-bottom: 0;
    margin-bottom: 0;
}

.admin-control-tabs {
    border-color: #F7F7F7;
    margin-bottom: 10px;
}

.admin-control-tabs button {
    font-size: 14px;
}

.admin-control-main {
    min-width: 0;
}

.admin-control-shell .chart-panel {
    margin: 0;
}

.workspace-infobar {
    align-items: end;
    background: #eef6ff;
    border: 1px solid #cfe0f2;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 320px) repeat(2, auto) auto;
    margin-bottom: 14px;
    padding: 12px;
}

.workspace-infobar label {
    display: grid;
    gap: 6px;
}

.workspace-infobar span {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 999px;
    color: #4b5c6e;
    padding: 8px 12px;
}

.epic-note-form,
.revenue-card,
.note-section.standalone {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    padding: 14px;
}

.note-section-title {
    align-items: center;
    background: #0084a5;
    color: #fff;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0 0 14px;
    padding: 12px 14px;
}

.note-section-title h3 {
    color: #fff;
    margin: 0;
}

.note-section-title span {
    color: #000;
    font-size: 14px;
}

.note-section > .note-section-title h3,
.billing-panel .note-section-title h3 {
    color: #000;
}

.note-card-grid,
.prompt-grid,
.exam-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.exam-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.note-card,
.prompt-card,
.exam-card {
    background: #f9fbfe;
    border: 1px solid #dbe6f2;
    border-radius: 4px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.note-card h4,
.prompt-card h4,
.exam-card h4 {
    color: #0084a5;
    margin: 0;
}

.note-card.wide,
.prompt-card.wide,
.exam-card.wide {
    grid-column: 1 / -1;
}

.note-card label,
.prompt-card label,
.exam-card label {
    display: grid;
    gap: 7px;
}

.note-card textarea,
.prompt-card textarea,
.exam-card textarea,
.epic-note-form textarea {
    min-height: 96px;
}

.split-workspace {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.toggle-grid.compact {
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.toggle-grid.compact .switch-card {
    background: #f9fbfe;
    border: 1px solid #dbe6f2;
    border-radius: 4px;
    padding: 10px;
}

.patient-message-form {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.patient-message-form textarea {
    grid-column: 1 / -1;
}

.compact-timeline {
    border: 0;
    margin: 0;
    padding: 0;
}

.billing-summary-strip {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.billing-summary-strip article {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-top: 4px solid #0084a5;
    padding: 12px;
}

.billing-summary-strip span {
    color: #5d6c7b;
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.billing-summary-strip strong {
    color: #172333;
    font-size: 22px;
}

.billing-overview-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, .8fr);
}

.revenue-card.dominant {
    min-width: 0;
}

.billing-balance-card.compact {
    margin-bottom: 12px;
}

.compact-form {
    background: #f9fbfe;
    border: 1px solid #dbe6f2;
    border-radius: 4px;
    margin: 10px 0 14px;
    padding: 12px;
}

.claim-setup-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.claim-setup-grid textarea {
    min-height: 120px;
}

.claim-setup-grid button {
    align-self: end;
}

.billing-shell .statement-preview {
    margin: 0;
}

@media (max-width: 1200px) {
    .exam-grid,
    .toggle-grid.compact,
    .claim-setup-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .billing-summary-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .workspace-commandbar,
    .note-section-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .workspace-actions {
        justify-content: flex-start;
        width: 100%;
    }

    .workspace-infobar,
    .note-card-grid,
    .prompt-grid,
    .exam-grid,
    .split-workspace,
    .toggle-grid.compact,
    .billing-summary-strip,
    .billing-overview-grid,
    .patient-message-form,
    .claim-setup-grid {
        grid-template-columns: 1fr;
    }

    .workspace-infobar button,
    .workspace-actions .button {
        width: 100%;
    }
}

.auth-body {
    background:
        radial-gradient(circle at 18% 22%, rgba(47, 158, 68, .24), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(39, 51, 61, .18), transparent 26%),
        linear-gradient(135deg, #f4f8f4 0%, #e8eef1 52%, #f8faf8 100%);
    color: #16202a;
    font-family: "Nunito", sans-serif;
    min-height: 100vh;
}

.auth-shell {
    display: grid;
    grid-template-columns: minmax(320px, .95fr) minmax(360px, 1.05fr);
    min-height: 100vh;
}

.auth-brand-panel {
    background:
        linear-gradient(160deg, rgba(37, 49, 58, .98) 0%, rgba(22, 31, 38, .98) 74%),
        #27333d;
    color: #fff;
    display: grid;
    gap: 42px;
    padding: clamp(32px, 5vw, 72px);
}

.auth-logo {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 24px;
    font-weight: 900;
    gap: 12px;
    letter-spacing: -.02em;
    text-decoration: none;
}

.auth-logo:hover {
    text-decoration: none;
}

.auth-logo-mark {
    align-items: center;
    background: #2f9e44;
    border-radius: 10px;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.auth-kicker {
    color: #a6dcb1;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    margin: 44px 0 12px;
    text-transform: uppercase;
}

.auth-brand-panel h1 {
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.02;
    margin: 0;
    max-width: 760px;
}

.auth-brand-copy {
    color: #d7e0e5;
    font-size: 17px;
    line-height: 1.7;
    margin: 22px 0 0;
    max-width: 720px;
}

.auth-feature-grid {
    align-self: end;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.auth-feature-grid article {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    padding: 18px;
}

.auth-feature-grid strong,
.auth-feature-grid span {
    display: block;
}

.auth-feature-grid strong {
    color: #f7fff8;
    font-size: 15px;
    margin-bottom: 6px;
}

.auth-feature-grid span {
    color: #c9d5dc;
    line-height: 1.45;
}

.auth-content-panel {
    align-items: center;
    display: grid;
    justify-items: center;
    padding: clamp(28px, 5vw, 70px);
}

.login-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.auth-card,
.login-card {
    width: min(480px, 100%);
}

.auth-card {
    background: rgba(255, 255, 255, .88);
    border: 1px solid rgba(122, 140, 154, .28);
    border-radius: 28px;
    padding: clamp(24px, 4vw, 42px);
}

.auth-card-head {
    margin-bottom: 24px;
}

.auth-chip {
    background: rgba(47, 158, 68, .12);
    border: 1px solid rgba(47, 158, 68, .22);
    border-radius: 999px;
    color: #226f34;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .07em;
    padding: 7px 11px;
    text-transform: uppercase;
}

.auth-card h1 {
    color: #18232c;
    font-size: clamp(30px, 4vw, 42px);
    letter-spacing: -.03em;
    line-height: 1.08;
    margin: 18px 0 10px;
}

.auth-card p {
    color: #617080;
    line-height: 1.55;
    margin: 0;
}

.auth-form {
    display: grid;
    gap: 16px;
}

.auth-field {
    display: grid;
    gap: 8px;
}

.auth-field label {
    color: #22313e;
    font-size: 14px;
    font-weight: 900;
}

.auth-field input {
    background: #fff;
    border: 1px solid #ccd8df;
    border-radius: 14px;
    color: #172033;
    font: inherit;
    min-height: 50px;
    outline: none;
    padding: 0 15px;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.auth-field input:focus {
    border-color: #2f9e44;
}

.auth-submit,
.auth-card button[type="submit"].auth-submit {
    align-items: center;
    background: #2f9e44;
    border: 0;
    border-radius: 14px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    justify-content: center;
    min-height: 52px;
    padding: 0 18px;
}

.auth-submit:hover {
    background: #267f37;
}

.auth-policy-list {
    border-top: 1px solid #d8e2e8;
    display: grid;
    gap: 14px;
    margin-top: 24px;
    padding-top: 20px;
}

.auth-policy-list div {
    background: #f4f8f4;
    border: 1px solid #dbe8dc;
     border-radius: 5px;
    padding: 14px;
}

.auth-policy-list strong,
.auth-policy-list span {
    display: block;
}

.auth-policy-list strong {
    color: #1b2b35;
    margin-bottom: 4px;
}

.auth-policy-list span,
.auth-support-note,
.auth-form-hint {
    color: #637383;
    font-size: 14px;
    line-height: 1.45;
}

.auth-support-note {
    margin-top: 16px;
}

.auth-form-hint {
    margin: -4px 0 2px;
}

.password-logout {
    margin-top: 14px;
}

.auth-secondary,
.password-logout .auth-secondary {
    border-radius: 14px;
    width: 100%;
}

html[data-theme="dark"] .auth-body {
    background:
        radial-gradient(circle at 18% 22%, rgba(47, 158, 68, .22), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(148, 163, 184, .10), transparent 26%),
        linear-gradient(135deg, #111827 0%, #172033 62%, #0f1720 100%);
}

html[data-theme="dark"] .auth-card {
    background: rgba(23, 32, 43, .92);
    border-color: rgba(148, 163, 184, .22);
}

html[data-theme="dark"] .auth-card h1,
html[data-theme="dark"] .auth-field label,
html[data-theme="dark"] .auth-policy-list strong {
    color: #eaf1f7;
}

html[data-theme="dark"] .auth-card p,
html[data-theme="dark"] .auth-policy-list span,
html[data-theme="dark"] .auth-support-note,
html[data-theme="dark"] .auth-form-hint {
    color: #aab7c7;
}

html[data-theme="dark"] .auth-field input {
    background: #101821;
    border-color: #344256;
    color: #e6edf6;
}

html[data-theme="dark"] .auth-policy-list {
    border-top-color: #344256;
}

html[data-theme="dark"] .auth-policy-list div {
    background: rgba(47, 158, 68, .08);
    border-color: rgba(47, 158, 68, .18);
}

html[data-theme="dark"] .auth-chip {
    color: #a6dcb1;
}

/* Screenshot-aligned auth layout: dark brand canvas + quiet form panel. */
.auth-body {
    background: #fbfaf7;
    color: #092924;
}

.auth-shell {
    grid-template-columns: 53.25% 46.75%;
}

.auth-brand-panel {
    background: #123f37;
    min-height: 100vh;
    overflow: hidden;
    padding: 46px 46px 54px;
    position: relative;
}

.auth-brand-panel::before,
.auth-brand-panel::after {
    border: 1px solid rgba(225, 200, 131, .16);
    border-radius: 50%;
    content: "";
    pointer-events: none;
    position: absolute;
}

.auth-brand-panel::before {
    height: 630px;
    right: -270px;
    top: -210px;
    width: 630px;
}

.auth-brand-panel::after {
    bottom: -260px;
    height: 520px;
    left: -310px;
    width: 520px;
}

.auth-brand-main {
    display: grid;
    min-height: calc(100vh - 100px);
    position: relative;
    z-index: 1;
}

.auth-logo {
    align-self: start;
    font-size: 22px;
    gap: 12px;
}

.auth-logo span:last-child {
    display: grid;
    gap: 2px;
}

.auth-logo strong {
    color: #fff;
    font-size: 22px;
    line-height: 1;
}

.auth-logo small {
    color: #b3d8cf;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.auth-logo-mark {
    background: #efd18b;
    border-radius: 8px;
    color: #123f37;
    font-size: 18px;
    height: 39px;
    width: 39px;
}

.auth-brand-copy-block {
    align-self: center;
    margin-top: 64px;
    max-width: 620px;
}

.auth-kicker {
    color: #efd18b;
    font-size: 9px;
    letter-spacing: .28em;
    margin: 0 0 28px;
}

.auth-brand-panel h1 {
    color: #fff;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 500;
    letter-spacing: -.055em;
    line-height: 1.08;
    max-width: 650px;
}

.auth-brand-copy {
    color: #d6f7ee;
    font-size: 17px;
    line-height: 1.75;
    margin: 24px 0 0;
    max-width: 610px;
}

.auth-proof-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 30px;
}

.auth-proof-row span {
    color: #d6f7ee;
    font-size: 12px;
}

.auth-proof-row span::before {
    color: #efd18b;
    content: "✓ ";
}

.auth-brand-footer {
    bottom: 54px;
    color: #82bdb0;
    font-size: 12px;
    left: 46px;
    position: absolute;
    z-index: 1;
}

.auth-content-panel {
    background: #fdfbf8;
    padding: 34px;
}

.auth-card,
.login-card {
    max-width: 390px;
    width: 100%;
}

.auth-card {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}

.auth-card-head {
    margin-bottom: 28px;
}

.auth-chip {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #6e807b;
    font-size: 10px;
    letter-spacing: .27em;
    padding: 0;
}

.auth-card h1 {
    color: #092924;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.035em;
    margin: 16px 0 10px;
}

.auth-card p {
    color: #6d7b78;
    font-size: 14px;
}

.auth-form {
    gap: 18px;
}

.auth-field {
    gap: 9px;
}

.auth-field label {
    color: #092924;
    font-size: 14px;
}

.auth-field input {
    background: #fff;
    border: 1px solid #d9ded9;
    border-radius: 10px;
    color: #092924;
    min-height: 58px;
    padding: 0 16px;
}

.auth-field input:focus {
    border-color: #23695c;
}

.auth-form-row {
    align-items: center;
    color: #74827e;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin: 0 0 2px;
}

.auth-remember {
    align-items: center;
    color: #74827e;
    display: inline-flex;
    gap: 8px;
}

.auth-remember input {
    accent-color: #23695c;
    width: unset;
}

.auth-submit,
.auth-card button[type="submit"].auth-submit {
    background: #23695c;
    border-radius: 10px;
    gap: 10px;
    min-height: 48px;
}

.auth-submit:hover {
    background: #1b574c;
}

.auth-demo-box {
    background: #f6f6f2;
    border: 1px solid #d9ded9;
    border-radius: 10px;
    color: #6d7b78;
    display: grid;
    gap: 8px;
    margin-top: 20px;
    padding: 14px;
}

.auth-demo-box strong,
.auth-demo-box span {
    display: block;
}

.auth-demo-box strong {
    color: #566460;
    font-size: 13px;
}

.auth-demo-box span {
    font-size: 12px;
    line-height: 1.7;
}

html[data-theme="dark"] .auth-body,
html[data-theme="dark"] .auth-content-panel {
    background: #101817;
}

html[data-theme="dark"] .auth-brand-panel {
    background: #0f332d;
}

html[data-theme="dark"] .auth-card {
    background: transparent;
    border: 0;
}

html[data-theme="dark"] .auth-card h1,
html[data-theme="dark"] .auth-field label {
    color: #f3fbf7;
}

html[data-theme="dark"] .auth-card p,
html[data-theme="dark"] .auth-form-row,
html[data-theme="dark"] .auth-remember {
    color: #a8bbb5;
}

html[data-theme="dark"] .auth-field input,
html[data-theme="dark"] .auth-demo-box {
    background: #162420;
    border-color: #2b4a42;
    color: #f3fbf7;
}

html[data-theme="dark"] .auth-demo-box strong {
    color: #d3e4de;
}

@media (max-width: 820px) {
    .auth-shell {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel {
        min-height: auto;
        padding: 26px 22px;
    }

    .auth-kicker {
        margin-top: 28px;
    }

    .auth-brand-panel h1 {
        font-size: 32px;
    }

    .auth-feature-grid {
        grid-template-columns: 1fr;
    }

    .auth-content-panel {
        padding: 22px;
    }

    .auth-card {
        border-radius: 22px;
    }

    .app-shell {
        grid-template-columns: 1fr;
    }

    .sidebar {
        position: static;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }
}

.clinical-body {
    background: #f6f5f0 !important;
    font-size: 15px;
}

.clinical-topnav {
    align-items: center;
    background: #f6f8fd;
    display: grid;
    grid-template-columns: 260px 1fr auto 220px;
    min-height: 90px;
    padding: 0 30px;
}

.cl-logo {
    align-items: center;
    color: #111;
    display: flex;
    font-size: 30px;
    font-weight: 800;
    gap: 6px;
    text-decoration: none;
}

.cl-logo.product-logo img {
    width: 150px;
}

.cl-logo span:last-child::first-letter {
    color: #0084a7;
}

.cl-logo-mark {
    color: #0084a7;
    font-size: 34px;
}

.clinical-topnav nav {
    display: flex;
    gap: 38px;
    justify-content: center;
}

.clinical-topnav nav a,
.cl-user {
    color: #666;
    font-size: 18px;
}

.cl-user {
    justify-self: end;
}

.patient-chart-shell {
    display: grid;
    gap: 26px;
    grid-template-columns: 335px minmax(0, 1fr);
    padding: 62px 36px 0;
}

.chart-sidebar {
    border: 1px solid #e8edf5;
    align-self: start;
    overflow: hidden;
}

.chart-sidebar-title {
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 16px 18px;
}

.chart-sidebar a {
    align-items: center;
    border-bottom: 1px solid #edf0f5;
    color: #000;
    display: flex;
    font-size: 19px;
    justify-content: space-between;
    min-height: 60px;
    padding: 0 18px;
    text-decoration: none;
}

.chart-sidebar a.active,
.chart-sidebar a:hover {
    background: #e4f2ff;
}

.chart-sidebar span {
    background: #9e9e9e;
    border-radius: 999px;
    color: #111;
    font-size: 14px;
    min-width: 22px;
    padding: 3px 7px;
    text-align: center;
}

.patient-hero {
    background: #fff;
    display: grid;
    grid-template-columns: 190px 1fr 1fr;
    min-height: 315px;
    padding: 26px 36px;
    position: relative;
}

.patient-photo {
    align-items: center;
    background: linear-gradient(135deg, #0a7fa4, #73f0d2);
    color: white;
    display: flex;
    font-size: 42px;
    font-weight: 800;
    height: 188px;
    justify-content: center;
    margin: 0 auto;
    width: 130px;
}

.patient-identity h1 {
    color: #00789d;
    font-size: 24px;
    font-weight: 500;
    margin: 4px 0 34px;
}

.patient-identity p,
.patient-encounter-meta p {
    font-size: 18px;
    margin: 12px 0;
}

.patient-encounter-meta {
    justify-self: end;
    min-width: 420px;
}

.patient-encounter-meta > strong {
    display: block;
    font-size: 20px;
    margin: 4px 0 44px;
    text-align: right;
}

.immunization-chip {
    border: 1px solid #62f4d2;
    border-radius: 6px;
    bottom: 24px;
    font-size: 16px;
    left: 12px;
    padding: 6px 8px;
    position: absolute;
}

.chart-actionbar {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 26px 0;
}

.button.mint {
    background: #62f4b8;
    border-color: #62f4b8;
    color: #000;
}

.button.blush {
    background: #ffe1df;
    border-color: #ffd2d0;
    color: #000;
}

.button.lavender {
    background: #d7b9d8;
    border-color: #d7b9d8;
    color: #000;
}

.button.cyan {
    background: #00e6e6;
    border-color: #00d3d3;
    color: #000;
}

.chart-panel h2 {
    color: #00789d;
    font-size: 24px;
    font-weight: 500;
}

.accordion-title {
    align-items: center;
    background: #c9e4fb;
    color: #333;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: space-between;
    margin: 20px 0;
    padding: 18px 10px;
}

.clinical-accordion {
    margin: 12px 0;
}

.clinical-accordion-header {
    background: #c9e4fb;
    border: 0;
    border-radius: 0;
    color: #333;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: space-between;
    min-height: 64px;
    padding: 18px 10px;
    width: 100%;
}

.clinical-accordion-header.grey {
    background: #d8d8d8;
}

.clinical-accordion-body {
    display: none;
    padding: 12px 0 16px;
}

.clinical-accordion.open .clinical-accordion-body {
    display: block;
}

.dashboard-notes {
    margin-top: 36px;
}

.dashboard-notes h3 {
    background: #000;
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 18px 26px;
}

.dashboard-notes textarea {
    border: 0;
    border-radius: 6px;
    min-height: 175px;
    margin-top: 34px;
}

.dashboard-notes button {
    background: #000;
    border-color: #000;
    margin-top: 26px;
    min-width: 128px;
}

.section-toolbar {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.clinical-table th {
    background: #deefff;
    color: #000;
    font-size: 16px;
    text-transform: none;
}

.clinical-table td {
    font-size: 16px;
}

.dashboard-cards,
.problem-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.dashboard-cards article,
.problem-card {
    background: white;
    border-radius: 5px;
    min-height: 110px;
    padding: 18px;
}

.dashboard-cards span {
    color: #00789d;
    display: block;
    font-size: 30px;
    margin-top: 12px;
}

.problem-card {
    max-width: 360px;
    min-height: 190px;
    position: relative;
}

.problem-card h3 {
    font-size: 18px;
}

.corner-action {
    background: #4ea7b7;
    border-color: #4ea7b7;
    border-radius: 0 5px 0 34px;
    height: 40px;
    min-height: 0;
    padding: 0 14px;
    position: absolute;
    right: 0;
    top: 0;
}

.trash {
    background: #f2f2f2;
    border: 0;
    color: red;
    min-height: 24px;
    padding: 2px 8px;
    position: absolute;
    bottom: 16px;
    right: 12px;
}

.tab-strip {
    display: flex;
    gap: 4px;
    margin: 18px 0;
}

.tab-strip button {
    background: #fff;
    border-color: #eef1f5;
    color: #000;
    font-size: 16px;
}

.tab-strip button.active {
    background: #000;
    border-color: #000;
    color: #fff;
}

.inline-clinical-form {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 220px 160px auto;
    margin: 14px 0 20px;
}

.tab-form {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    margin: 14px 0 20px;
}

.tab-form button {
    min-width: 120px;
}

.modal {
    align-items: flex-start;
    background: rgba(0, 0, 0, .42);
    display: none;
    inset: 0;
    justify-content: center;
    overflow: auto;
    padding: 36px;
    pointer-events: auto;
    position: fixed;
    z-index: 420;
}

.modal.open {
    display: flex;
}

.modal-panel {
    background: white;
    max-width: 765px;
    min-height: 520px;
    padding: 30px 26px;
    pointer-events: auto;
    position: relative;
    width: min(765px, 100%);
    z-index: 1;
}

.modal-panel input,
.modal-panel select,
.modal-panel textarea,
.modal-panel button,
.modal-panel label {
    pointer-events: auto;
    position: relative;
    /*z-index: 2;*/
}

.modal-panel.small {
    max-width: 560px;
}

.modal-panel h2 {
    color: #00789d;
    font-size: 26px;
    margin-top: 0;
}

.modal-close {
    border: 0;
    font-size: 34px !important;
    min-height: 0;
    padding: 0;
    position: absolute !important;
    right: 24px;
    top: 20px;
}

.modal-grid {
    display: grid;
    gap: 28px 14px;
    grid-template-columns: 1fr 1fr;
}

.modal-grid .wide {
    grid-column: 1 / -1;
    margin: 0;
}

@media (max-width: 1000px) {
    .clinical-topnav {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .clinical-topnav nav {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .patient-chart-shell,
    .patient-hero {
        grid-template-columns: 1fr;
    }

    .patient-encounter-meta {
        justify-self: stretch;
        min-width: 0;
    }

    .inline-clinical-form,
    .modal-grid {
        grid-template-columns: 1fr;
    }
}

/* Enterprise EHR clinical workspace */
.epic-mode {
    background: #f6f5f0;
    color: #14233a;
    font-size: 14px;
}

.epic-mode .clinical-topnav {
    background: #173f67;
    grid-template-columns: 230px 1fr 260px;
    min-height: 54px;
    padding: 0 18px;
}

.epic-mode .cl-logo {
    color: #fff;
    font-size: 20px;
    letter-spacing: .02em;
}

.epic-mode .cl-logo span:last-child::first-letter {
    color: #fff;
}

.epic-mode .cl-logo-mark {
    align-items: center;
    background: #7fc7ff;
    border-radius: 4px;
    color: #173f67;
    display: inline-flex;
    font-size: 15px;
    height: 26px;
    justify-content: center;
    width: 26px;
}

.epic-mode .clinical-topnav nav {
    gap: 8px;
    justify-content: flex-start;
}

.epic-mode .clinical-topnav nav a {
    border-radius: 3px;
    color: #e9f4ff;
    font-size: 14px;
    padding: 9px 13px;
    text-decoration: none;
}

.epic-mode .clinical-topnav nav a:hover {
    background: #28577f;
}

.epic-mode .cl-user {
    color: #f8fbff;
    font-size: 14px;
}

.epic-mode .patient-chart-shell {
    gap: 0;
    grid-template-columns: 258px minmax(0, 1fr);
    padding: 0;
}

.epic-mode .chart-sidebar {
    border: 0;
    border-right: 1px solid #F7F7F7;
    /*min-height: calc(100vh - 54px);*/
}

.epic-mode .chart-sidebar-title {
    background: #254d78;
    border-bottom: 1px solid #173f67;
    color: #fff;
    font-size: 14px;
    padding: 11px 14px;
}

.epic-mode .chart-sidebar a {
    border-bottom: 1px solid #F7F7F7;
    color: #18324f;
    font-size: 14px;
    min-height: 38px;
    padding: 0 12px;
}

.epic-mode .chart-sidebar a.active {
    background: #fff;
    border-left: 5px solid #0070c9;
    color: #0b3762;
    font-weight: 700;
    padding-left: 7px;
}

.epic-mode .chart-sidebar span {
    background: #d9e7f6;
    color: #24425f;
    font-size: 11px;
    min-width: 20px;
}

.epic-mode .chart-main {
    min-width: 0;
    padding: 0 18px 26px;
}

.epic-mode .epic-workspace-bar {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #F7F7F7;
    border-top: 0;
    display: flex;
    justify-content: space-between;
    min-height: 34px;
    padding: 7px 12px;
}

.epic-mode .epic-workspace-bar strong {
    color: #123c68;
    font-size: 14px;
    margin-right: 14px;
}

.epic-mode .epic-workspace-bar span {
    color: #41566e;
    font-size: 14px;
}

.epic-mode .epic-workspace-context {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.epic-mode .epic-workspace-context span,
.epic-mode .epic-storyboard-alerts span {
    background: #e8f1fb;
    border: 1px solid #b8c9dc;
    border-radius: 2px;
    color: #143a61;
    line-height: 1;
    padding: 5px 7px;
}

.epic-mode .patient-hero {
    background: #f8fbff;
    border: 1px solid #F7F7F7;
    border-top: 0;
    grid-template-columns: 86px minmax(260px, 1.25fr) minmax(260px, 1fr);
    min-height: auto;
    padding: 10px 14px;
    margin-top: 10px;
}

.epic-mode .patient-photo {
    background: #335f89;
    border: 2px solid #fff;
    font-size: 24px;
    height: 64px;
    width: 64px;
}

.epic-mode .patient-identity h1 {
    color: #123c68;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 7px;
}

.epic-mode .patient-identity p,
.epic-mode .patient-encounter-meta p {
    display: inline-block;
    font-size: 14px;
    margin: 2px 18px 2px 0;
}

.epic-mode .patient-encounter-meta {
    justify-self: stretch;
    min-width: 0;
}

.epic-mode .patient-encounter-meta > strong {
    color: #123c68;
    font-size: 14px;
    margin: 0 0 7px;
    text-align: left;
}

.epic-mode .immunization-chip {
    background: #fff7d6;
    border-color: #e0bd4d;
    bottom: 8px;
    color: #5c4200;
    font-size: 11px;
    left: auto;
    right: 14px;
}

.epic-mode .epic-storyboard-alerts {
    align-items: center;
    background: #fff;
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #F7F7F7;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 7px 10px;
}

.epic-mode .epic-storyboard-alerts span {
    background: #fff7d6;
    border-color: #dfc163;
    color: #503900;
    font-size: 12px;
}

.epic-mode .chart-actionbar {
    background: #eef2f7;
    border: 1px solid #F7F7F7;
    border-top: 0;
    margin: 0 0 12px;
    padding: 8px 10px;
}

.epic-mode .epic-activity-tabs {
    align-items: flex-end;
    background: #d5e2f0;
    border: 1px solid #F7F7F7;
    border-bottom: 0;
    display: flex;
    gap: 3px;
    overflow-x: auto;
    padding: 7px 8px 0;
}

.epic-mode .epic-activity-tabs a {
    background: #edf4fc;
    border: 1px solid #F7F7F7;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    color: #18324f;
    font-size: 14px;
    font-weight: 700;
    min-width: max-content;
    padding: 7px 12px;
    text-decoration: none;
}

.epic-mode .epic-activity-tabs a.active {
    background: #fff;
    color: #0a5796;
    padding-bottom: 8px;
}

.epic-mode .button,
.epic-mode button {
    border-radius: 3px;
    font-size: 14px;
    min-height: 30px;
    padding: 6px 10px;
}

.epic-mode .button.mint,
.epic-mode .button.blush,
.epic-mode .button.lavender,
.epic-mode .button.cyan {
    background: #e8f2ff;
    border-color: #8fb7de;
    color: #113b64;
}

.epic-mode .chart-panel {
    background: #fffefa;
    border: 1px solid #b9c3d1;
    padding: 10px;
}

.epic-mode .chart-tab-panel {
    display: none;
}

.epic-mode .chart-tab-panel.active {
    display: block;
}

.powerchart-kpi-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    margin-bottom: 12px;
}

.powerchart-kpi-grid article {
    background: #fff;
    border: 1px solid #F7F7F7;
    padding: 10px;
}

.powerchart-kpi-grid span {
    color: #41566e;
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.powerchart-kpi-grid strong {
    color: #123c68;
    font-size: 18px;
}

.powerchart-note-form {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.powerchart-note-form p:first-child,
.powerchart-note-form button {
    grid-column: 1 / -1;
}

.epic-mode .chart-panel h2 {
    color: #123c68;
    font-size: 17px;
    font-weight: 700;
    margin: 2px 0 10px;
}

.epic-mode .clinical-accordion {
    border: 1px solid #b7c7da;
    margin: 7px 0;
}

.epic-mode .clinical-accordion-header,
.epic-mode .clinical-accordion-header.grey {
    background: linear-gradient(#dbeafa, #c5dbf4);
    border-bottom: 1px solid #b7c7da;
    color: #173f67;
    font-size: 14px;
    min-height: 34px;
    padding: 8px 10px;
}

.epic-mode .clinical-accordion-body {
    background: #fff;
    padding: 8px;
}

.epic-mode .section-toolbar h3 {
    color: #14233a;
    font-size: 14px;
    margin: 6px 0;
}

.epic-mode .clinical-table {
    border: 1px solid #b7c7da;
    border-radius: 0;
}

.epic-mode .clinical-table th {
    background: #e4edf8;
    border-right: 1px solid #F7F7F7;
    color: #101923;
    font-size: 14px;
    padding: 8px;
}

.epic-mode .clinical-table td {
    border-right: 1px solid #F7F7F7;
    font-size: 14px;
    padding: 8px;
}

.epic-mode .problem-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.epic-mode .problem-card {
    border: 1px solid #c7d2df;
    max-width: none;
    min-height: 126px;
}

.epic-mode .corner-action {
    background: #d7e8f8;
    border-color: #9bbbd7;
    border-radius: 0;
    color: #173f67;
    height: 28px;
}

.epic-mode .tab-form {
    background: #f2f6fb;
    border: 1px solid #d1dbe8;
    margin: 0 0 8px;
    padding: 8px;
}

.epic-mode input,
.epic-mode select,
.epic-mode textarea {
    border-radius: 3px;
    font-size: 14px;
    padding: 6px 8px;
}

.epic-mode .dashboard-notes h3 {
    background: #173f67;
    font-size: 14px;
    padding: 10px 12px;
}

.epic-mode .dashboard-notes textarea {
    border: 1px solid #F7F7F7;
    min-height: 105px;
    margin-top: 10px;
}

.epic-mode .modal-panel {
    border: 1px solid #7e8da0;
}

@media (max-width: 1000px) {
    .epic-mode .epic-workspace-bar,
    .epic-mode .epic-workspace-context {
        align-items: flex-start;
        flex-direction: column;
    }

    .epic-mode .patient-hero {
        grid-template-columns: 1fr;
    }

    .epic-mode .immunization-chip {
        bottom: auto;
        left: 10px;
        right: auto;
        top: 10px;
    }
}

/* Registration enterprise workspace */
.mobile-menu-button,
.clinical-mobile-button,
.panel-toggle,
.mobile-scrim {
    display: none;
}

.enterprise-app {
    background: #f6f5f0;
}

.registration-shell {
    display: grid;
    gap: 0;
    grid-template-columns: 258px minmax(0, 1fr);
    min-height: calc(100vh - 96px);
}

.clinical-worklist-shell {
    /*padding: 0 18px 26px;*/
    width: 90%;
    margin: auto;
    margin-top: 20px;
}

.registration-sidebar {
    background: #FFF;
    border-right: 1px solid #F7F7F7;
}

.registration-sidebar-title {
    background: #254d78;
    border-bottom: 1px solid #173f67;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 11px 14px;
}

.registration-sidebar a {
    align-items: center;
    border-bottom: 1px solid #F7F7F7;
    color: #18324f;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    min-height: 38px;
    padding: 0 12px;
    text-decoration: none;
}

.registration-sidebar a.active,
.registration-sidebar a:hover {
    background: #fff;
    border-left: 5px solid #0070c9;
    color: #0b3762;
    font-weight: 700;
    padding-left: 7px;
}

.registration-sidebar a.disabled {
    color: #7b8ca0;
    cursor: not-allowed;
    opacity: .72;
    pointer-events: none;
}

.registration-sidebar span {
    background: #d9e7f6;
    border-radius: 999px;
    color: #24425f;
    font-size: 11px;
    min-width: 20px;
    padding: 3px 6px;
    text-align: center;
}

.registration-page-tabs {
    align-items: flex-end;
    background: #d5e2f0;
    border: 1px solid #F7F7F7;
    border-bottom: 0;
    display: flex;
    gap: 3px;
    margin-top: 12px;
    overflow-x: auto;
    padding: 7px 8px 0;
}

.registration-page-tabs button {
    background: #edf4fc;
    border: 1px solid #F7F7F7;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    color: #18324f;
    font-size: 14px;
    font-weight: 700;
    min-height: 30px;
    min-width: max-content;
    padding: 7px 12px;
}

.registration-page-tabs button.active {
    background: #fff;
    color: #0a5796;
    padding-bottom: 8px;
}

.registration-tab-panel {
    display: none;
}

.registration-tab-panel label {
	margin-bottom: 6px;
}

.registration-tab-panel.active {
    display: block;
}

.registration-form {
    position: relative;
}

.registration-form .registration-tab-panel {
    display: block;
}

.registration-form .registration-tab-panel:not(.active) {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.registration-main {
    min-width: 0;
    /*padding: 0 18px 26px;*/
}

.registration-workspace-bar {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #F7F7F7;
    border-top: 0;
    display: flex;
    justify-content: space-between;
    min-height: 34px;
    padding: 7px 12px;
}

.registration-workspace-bar strong {
    color: #123c68;
    font-size: 14px;
    margin-right: 14px;
}

.registration-workspace-bar span {
    color: #41566e;
    font-size: 14px;
}

.registration-context {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.registration-context span,
.registration-alert-strip span {
    background: #e8f1fb;
    border: 1px solid #b8c9dc;
    border-radius: 2px;
    color: #143a61;
    line-height: 1;
    padding: 5px 7px;
}

.registration-hero {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #F7F7F7;
    border-top: 0;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 14px;
    margin-top: 10px;
}

.registration-hero h1 {
    color: #123c68;
    font-size: 20px;
    margin: 0 0 5px;
}

.registration-hero p {
    color: #41566e;
    margin: 0;
}

.registration-alert-strip {
    align-items: center;
    background: #fff;
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #F7F7F7;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 7px 10px;
}

.registration-alert-strip span {
    background: #fff7d6;
    border-color: #dfc163;
    color: #503900;
    font-size: 11px;
}

.form-hint {
    align-self: center;
    color: #41566e;
    font-size: 14px;
    line-height: 1.35;
}

.registration-panel-card {
    background: #fffefa;
    border: 1px solid #b9c3d1;
    margin-top: 12px;
    padding: 10px;
}

.registration-panel-card h2,
.registration-panel-title h2 {
    color: #123c68;
    font-size: 17px;
    margin: 2px 0 10px;
}

.registration-panel-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.registration-search {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(240px, 1fr) auto;
}

.poc-filter-form {
    grid-template-columns: minmax(180px, 240px) minmax(180px, 240px) auto;
}

.registration-grid,
.registration-detail-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.registration-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .42fr);
}

.registration-table {
    border: 1px solid #b7c7da;
    border-radius: 0;
}

.registration-table th {
    background: #e4edf8;
    border-right: 1px solid #F7F7F7;
    color: #101923;
    font-size: 14px;
    text-transform: none;
}

.registration-table td {
    border-right: 1px solid #F7F7F7;
    font-size: 14px;
}

.registration-kpi {
    background: #e8f1fb;
    border: 1px solid #b8c9dc;
    color: #143a61;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px;
    padding: 6px 8px;
}

.registration-summary-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.registration-summary-grid div {
    background: #fff;
    border: 1px solid #F7F7F7;
    padding: 10px;
}

.registration-summary-grid span {
    color: #41566e;
    display: block;
    font-size: 11px;
    margin-bottom: 5px;
}

.registration-summary-grid strong {
    color: #123c68;
    font-size: 15px;
}

.registration-check {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 14px;
}

.registration-check input {
    width: auto;
}

.registration-form-actions {
    border-top: 1px solid #F7F7F7;
    margin: 14px 0 0;
    padding-top: 12px;
}

.registration-form .form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.registration-form .form-section-title {
    background: linear-gradient(#dbeafa, #c5dbf4);
    border: 1px solid #b7c7da;
    color: #173f67;
    margin: 8px 0 0;
    padding: 9px 10px;
    text-transform: none;
}

.responsive-table {
    overflow-x: auto;
}

.inline-form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.inline-form input,
.inline-form select {
    min-width: 120px;
    width: auto;
}

.delete-form {
    display: inline-flex;
}

.danger-link {
    background: #fff5f5;
    border: 1px solid #ffc9c9;
    color: #c1121f;
    min-height: 34px;
    padding: 6px 10px;
}

.danger-link:hover {
    background: #ffe3e3;
}

.subtle {
    color: #526579;
    margin: 0 0 12px;
}

.checkline {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    min-height: 42px;
}

.checkline input {
    width: auto;
}

.vaccine-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 8px 0 16px;
}

.vaccine-tabs button {
    background: #f6f6f6;
    border: 0;
    color: #000;
    padding: 10px 14px;
}

.vaccine-tabs button.active {
    background: #000;
    color: #fff;
}

.immunization-schedule-table td:first-child {
    background: #d7c0d8;
    min-width: 126px;
}

.document-dropzone {
    align-items: center;
    background: #fff;
    border: 3px dashed #d7d7d7;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 130px;
    padding: 18px;
    text-align: center;
}

.document-dropzone input {
    display: none;
}

.document-dropzone span {
    color: #0084a5;
    font-weight: 700;
}

@media (max-width: 1000px) {
    .mobile-menu-button {
        align-items: center;
        background: #1f5a50;
        border: 1px solid rgba(255,255,255,.28);
        border-radius: 12px;
        box-shadow: 0 10px 22px rgba(31, 90, 80, .22);
        flex-direction: column;
        gap: 4px;
        height: 42px;
        justify-content: center;
        display: inline-flex;
        left: 12px;
        padding: 0;
        position: fixed;
        top: 12px;
        width: 42px;
        z-index: 180;
    }

    .mobile-menu-button span {
        background: #fff;
        border-radius: 999px;
        display: block;
        height: 2px;
        transition: transform .18s ease, opacity .18s ease;
        width: 18px;
    }

    .app-menu-open .mobile-menu-button span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .app-menu-open .mobile-menu-button span:nth-child(2) {
        opacity: 0;
    }

    .app-menu-open .mobile-menu-button span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .app-shell {
        display: block;
    }

    .enterprise-app .sidebar {
        bottom: 0;
        left: 0;
        max-width: 300px;
        overflow-y: auto;
        padding-top: 58px;
        position: fixed;
        top: 0;
        transform: translateX(-104%);
        transition: transform .18s ease;
        width: 82vw;
        z-index: 170;
    }

    .app-menu-open .sidebar {
        transform: translateX(0);
    }

    .mobile-scrim {
        background: rgba(0, 0, 0, .42);
        display: none;
        inset: 0;
        position: fixed;
        z-index: 160;
    }

    .app-menu-open .mobile-scrim {
        display: block;
    }

    .topbar {
        padding-left: 92px;
    }

    .content {
        padding: 14px;
    }

    .registration-shell,
    .epic-mode .patient-chart-shell {
        display: block;
        min-height: 0;
    }

    .panel-toggle,
    .clinical-mobile-button {
        background: #173f67;
        border-color: #173f67;
        border-radius: 3px;
        display: inline-flex;
        margin: 10px 0;
    }

    .registration-sidebar,
    .epic-mode .chart-sidebar {
        display: none;
        margin-bottom: 10px;
    }

    .registration-sidebar.open,
    .epic-mode .chart-sidebar.open {
        display: block;
    }

    .registration-main,
    .epic-mode .chart-main,
    .clinical-worklist-shell {
        padding: 0 0 18px;
    }

    .registration-workspace-bar,
    .registration-context,
    .registration-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .registration-search,
    .poc-filter-form,
    .registration-detail-grid,
    .registration-form .form-grid {
        grid-template-columns: 1fr;
    }
    .clinical-topnav {
        min-height: auto;
        padding: 10px 12px;
    }

    .epic-mode .clinical-topnav {
        grid-template-columns: auto 1fr;
        min-height: 52px;
    }

    .epic-mode .clinical-topnav nav {
        display: none;
        grid-column: 1 / -1;
    }

    .clinical-menu-open .clinical-topnav nav {
        display: flex;
    }

    .epic-mode .cl-user {
        display: none;
    }
}

@media (max-width: 680px) {
    .registration-table thead {
        display: none;
    }

    .registration-table,
    .registration-table tbody,
    .registration-table tr,
    .registration-table td {
        display: block;
        width: 100%;
    }

    .registration-table tr {
        border-bottom: 1px solid #b7c7da;
        padding: 8px;
    }

    .registration-table td {
        border: 0;
        display: flex;
        gap: 10px;
        justify-content: space-between;
        padding: 6px 0;
    }

    .registration-table td::before {
        color: #41566e;
        content: attr(data-label);
        font-weight: 700;
        min-width: 112px;
    }

    .key-value-table,
    .key-value-table tbody,
    .key-value-table tr,
    .key-value-table th,
    .key-value-table td {
        display: block;
        width: 100%;
    }

    .key-value-table th {
        background: transparent;
        border: 0;
        color: #41566e;
        padding: 7px 0 2px;
    }

    .key-value-table td {
        justify-content: flex-start;
        padding: 0 0 8px;
    }

    .key-value-table td::before {
        content: none;
    }

    .epic-mode .clinical-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .patient-summary-hero .actions,
    .chart-actionbar,
    .section-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .chart-actionbar .actions,
    .patient-summary-hero .actions .button,
    .registration-hero .button,
    .registration-search button {
        width: 100%;
    }

    .powerchart-note-form {
        grid-template-columns: 1fr;
    }

    .pharmacy-flow-strip {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;

    }
}

@media (min-width: 1001px) {
    .registration-sidebar,
    .epic-mode .chart-sidebar {
        align-self: start;
        max-height: calc(100vh - 94px);
        position: sticky;
        /*top: 78px;
        overflow-y: auto;*/
    }
}

.poc-chart-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 16px 0 22px;
}

.poc-chart-card {
    background: rgb(31,90,80, .2);
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    padding: 14px;
}

.poc-chart-card h3,
.billing-panel h3,
.clinical-note-workspace h3 {
    color: #0084a5;
    margin: 0 0 12px;
}

.mini-bar-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 96px 1fr 34px;
    margin: 9px 0;
}

.mini-bar-row div {
    background: #e2ebf6;
    height: 12px;
}

.mini-bar-row i {
    background: #0084a5;
    display: block;
    height: 100%;
}

.billing-donut-card {
    text-align: center;
}

.donut-chart {
    background: conic-gradient(#0084a5 0 calc(var(--paid) * 1%), #73e8d2 0 calc((var(--paid) + var(--posted)) * 1%), #dce6f2 0 100%);
    border-radius: 50%;
    height: 118px;
    margin: 0 auto 10px;
    position: relative;
    width: 118px;
}

.donut-chart::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    inset: 28px;
    position: absolute;
}

.radiology-report-grid,
.notification-command-summary,
.notification-command-grid {
    display: grid;
    gap: 12px;
}

.radiology-report-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.radiology-report-grid.compact {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.radiology-report-card,
.notification-command-card,
.notification-command-summary article {
    background: #fff;
    border: 1px solid #d6e6d3;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(19, 42, 35, .05);
}

.radiology-report-card {
    border-top: 4px solid #1f5a50;
    padding: 12px;
}

.radiology-report-card.status-reported {
    border-top-color: #0084a5;
}

.radiology-report-card.status-performed {
    border-top-color: #d18700;
}

.radiology-report-card h3 {
    color: #003b5c;
    font-size: 16px;
    margin: 8px 0;
}

.radiology-report-top,
.radiology-report-card footer,
.radiology-attachment-row {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.radiology-report-top span,
.notification-meta span {
    background: #eef8eb;
    border: 1px solid #d6e6d3;
    border-radius: 999px;
    color: #1f5a50;
    display: inline-flex;
    font-size: 12px;
    line-height: 1;
    padding: 5px 8px;
}

.radiology-report-meta,
.notification-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0;
}

.radiology-report-card details {
    background: #f7fbf4;
    border: 1px solid #e1ecde;
    border-radius: 6px;
    margin-top: 8px;
    padding: 8px;
}

.radiology-report-card summary {
    cursor: pointer;
    font-weight: 700;
}

.embedded-results-block {
    margin-top: 18px;
}

.radiology-attachment-list {
    margin-top: 14px;
}

.radiology-attachment-row {
    background: #f8fbf6;
    border: 1px solid #e1ecde;
    border-radius: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
    padding: 10px;
}

.notification-command-summary {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    margin-bottom: 12px;
}

.notification-command-summary article {
    border-top: 3px solid #1f5a50;
    padding: 12px;
}

.notification-command-summary span {
    color: #50637d;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.notification-command-summary strong {
    color: #003b5c;
    display: block;
    font-size: 28px;
    margin-top: 4px;
}

.notification-command-grid {
    grid-template-columns: minmax(240px, 1fr) minmax(240px, .9fr) minmax(280px, 1.15fr);
}

.notification-workbench {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(300px, .9fr) minmax(320px, 1fr) minmax(360px, 1.35fr);
}

.notification-workbench .priority-card {
    grid-row: span 2;
}

.notification-workbench .recent-delivery-card {
    grid-row: span 2;
}

.notification-command-card {
    padding: 12px;
}

.notification-item,
.notification-contact-card,
.notification-delivery-card {
    background: #fbfdf9;
    border: 1px solid #e1ecde;
    border-left: 4px solid #1f5a50;
    border-radius: 8px;
    margin-top: 8px;
    padding: 10px;
}

.notification-item.severity-critical {
    border-left-color: #a40000;
}

.notification-item.severity-warning,
.notification-delivery-card.status-queued,
.notification-delivery-card.status-failed,
.notification-delivery-card.status-error {
    border-left-color: #d18700;
}

.notification-delivery-card.status-sent {
    border-left-color: #0084a5;
}

.notification-delivery-list,
.notification-contact-list {
    display: grid;
    gap: 8px;
}

.notification-delivery-list {
    max-height: 430px;
    overflow: auto;
    padding-right: 4px;
}

.notification-health-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notification-health-grid h4 {
    color: #003b5c;
    font-size: 12px;
    letter-spacing: .04em;
    margin: 4px 0 8px;
    text-transform: uppercase;
}

.mini-bar-row.compact {
    gap: 8px;
    grid-template-columns: 72px minmax(80px, 1fr) 28px;
    margin: 7px 0;
}

.mini-bar-row.compact span,
.mini-bar-row.compact strong {
    font-size: 12px;
}

.mini-bar-row.compact div {
    border-radius: 999px;
    height: 9px;
    overflow: hidden;
}

.notification-module-chips,
.specialty-readiness-grid {
    display: grid;
    gap: 8px;
}

.notification-module-chips {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 12px;
}

.notification-module-chips span,
.notification-more {
    background: #eef8eb;
    border: 1px solid #d6e6d3;
    border-radius: 8px;
    color: #1f5a50;
    display: block;
    font-size: 12px;
    padding: 8px 10px;
}

.notification-module-chips strong {
    float: right;
}

.notification-more {
    margin: 10px 0 0;
}

.specialty-readiness-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.specialty-readiness-grid article {
    background: #fff;
    border: 1px solid #d6e6d3;
    border-left: 4px solid #1f5a50;
    border-radius: 8px;
    padding: 12px;
}

.specialty-readiness-grid strong {
    color: #003b5c;
}

.specialty-readiness-grid p {
    color: #50637d;
    margin: 8px 0 0;
}

.notification-contact-card small,
.notification-delivery-card small,
.radiology-report-card small {
    color: #50637d;
    display: block;
}

.empty-state-inline,
.empty-state-card p {
    color: #50637d;
    margin: 8px 0 0;
}

.billing-workbench,
.clinical-note-layout {
    display: grid;
    gap: 22px;
    grid-template-columns: 270px 1fr;
}

.billing-subnav,
.clinical-note-menu {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    overflow: hidden;
}

.billing-subnav button,
.clinical-note-menu button {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #edf2f7;
    color: #000;
    display: block;
    padding: 14px 16px;
    text-align: left;
    width: 100%;
}

.billing-subnav button.active,
.clinical-note-menu button.active {
    background: #000;
    color: #fff;
}

.billing-panel,
.note-section {
    display: none;
}

.billing-panel.active,
.note-section.active {
    display: block;
}

.billing-balance-card {
    align-items: center;
    background: #eef3fb;
    border: 1px solid #F7F7F7;
    border-radius: 5px;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr auto auto;
    margin-bottom: 16px;
    padding: 14px;
}

.billing-balance-card strong {
    color: #0084a5;
    font-size: 38px;
    font-weight: 400;
}

.billing-balance-card small {
    align-self: end;
    color: #566;
    font-weight: 700;
}

.billing-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0 18px;
}

.billing-action-row button,
.note-subtabs button {
    /*background: #f7f7f7;*/
    border: 1px solid #dce3eb;
    border-radius: 4px;
    padding: 10px 14px;
}

.billing-info-form,
.billing-line-form,
.powernote-form .note-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.statement-preview {
    background: #fff;
    border: 1px solid #F7F7F7;
    margin: 14px 0;
    padding: 16px;
}

.statement-total {
    background: #eef3fb;
    color: #0084a5;
    font-size: 34px;
    margin: 12px 0;
    padding: 14px;
    text-align: right;
}

.powernote-form,
.patient-message-panel,
.note-timeline {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    margin-bottom: 18px;
    padding: 16px;
}

.powernote-header {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 320px) 1fr;
    margin-bottom: 18px;
}

.note-section > h3 {
    background: #0084a5;
    color: #fff;
    margin: 0 0 18px;
    padding: 13px 16px;
}

.note-grid {
    display: grid;
    gap: 18px 28px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.note-grid label,
.powernote-header label {
    display: grid;
    gap: 8px;
}

.note-grid textarea,
.patient-message-panel textarea,
.powernote-form textarea {
    min-height: 108px;
}

.note-grid .wide,
.powernote-form .wide,
.patient-message-panel textarea {
    grid-column: 1 / -1;
}

.note-subtabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 14px;
}

.note-subtabs button.active {
    background: #000;
    color: #fff;
}

.toggle-grid {
    display: grid;
    gap: 18px 28px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 18px;
}

.switch-card,
.exam-toggle {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto;
}

.switch-card input,
.exam-toggle input {
    display: none;
}

.switch-card i,
.exam-toggle i {
    background: #c9c9c9;
    border-radius: 999px;
    display: inline-block;
    height: 25px;
    position: relative;
    width: 54px;
}

.switch-card i::after,
.exam-toggle i::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 19px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: transform .15s ease;
    width: 19px;
}

.switch-card input:checked + i,
.exam-toggle input:checked + i {
    background: #2ccd34;
}

.switch-card input:checked + i::after,
.exam-toggle input:checked + i::after {
    transform: translateX(28px);
}

.note-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

@media (max-width: 1000px) {
    .poc-chart-grid,
    .notification-command-grid,
    .notification-workbench,
    .billing-workbench,
    .clinical-note-layout,
    .billing-info-form,
    .billing-line-form,
    .powernote-form .note-grid,
    .note-grid,
    .toggle-grid,
    .powernote-header {
        grid-template-columns: 1fr;
    }

    .notification-workbench .priority-card,
    .notification-workbench .recent-delivery-card {
        grid-row: auto;
    }

    .notification-delivery-list {
        max-height: 320px;
    }
}

@media (max-width: 680px) {
    .radiology-report-top,
    .radiology-report-card footer,
    .radiology-attachment-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .notification-command-summary {
        grid-template-columns: 1fr 1fr;
    }

    .notification-health-grid {
        grid-template-columns: 1fr;
    }

    .notification-module-chips,
    .specialty-readiness-grid {
        grid-template-columns: 1fr;
    }

    .notification-delivery-list {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .epic-mode .clinical-table,
    .epic-mode .clinical-table tbody,
    .epic-mode .clinical-table tr,
    .epic-mode .clinical-table td {
        display: block;
        overflow: visible;
        white-space: normal;
        width: 100%;
    }

    .epic-mode .clinical-table thead {
        display: none;
    }

    .epic-mode .clinical-table tr {
        background: #fff;
        border: 1px solid #F7F7F7;
        border-radius: 4px;
        margin-bottom: 10px;
        padding: 9px;
    }

    .epic-mode .clinical-table td {
        border: 0;
        display: grid;
        gap: 10px;
        grid-template-columns: 118px minmax(0, 1fr);
        padding: 7px 0;
    }

    .epic-mode .clinical-table td::before {
        color: #41566e;
        content: attr(data-label);
        font-weight: 700;
    }

    .epic-mode .clinical-table td[colspan] {
        display: block;
    }

    .epic-mode .clinical-table td[colspan]::before {
        content: none;
    }

    .billing-balance-card {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .billing-balance-card strong,
    .statement-total {
        font-size: 28px;
        text-align: left;
    }
}

@media print {
    .clinical-topnav,
    .chart-sidebar,
    .clinical-panel-toggle,
    .chart-tabs,
    .billing-subnav,
    .clinical-note-menu,
    .button,
    button,
    .delete-form {
        display: none !important;
    }

    .epic-mode .patient-chart-shell,
    .billing-workbench,
    .clinical-note-layout {
        display: block;
    }

    .chart-main,
    .chart-panel,
    .billing-panel.active,
    .note-section.active {
        border: 0;
        padding: 0;
    }
}

/* Final POC workspace overrides: keep Notes and Billing on modern top-tab rails. */
.powernote-shell,
.billing-shell {
    display: grid;
    gap: 14px;
}

.powernote-shell .clinical-note-menu,
.billing-shell .billing-subnav {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    display: flex;
    overflow-x: auto;
}

.powernote-shell .clinical-note-menu button,
.billing-shell .billing-subnav button {
    background: #f7f9fc;
    border: 0;
    border-right: 1px solid #F7F7F7;
    color: #172333;
    display: inline-flex;
    flex: 0 0 auto;
    padding: 12px 16px;
    width: auto;
}

.powernote-shell .clinical-note-menu button.active,
.billing-shell .billing-subnav button.active {
    background: #000;
    color: #fff;
}

.powernote-shell .epic-note-form,
.billing-shell .revenue-card,
.powernote-shell .note-section.standalone {
    background: #fff;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    margin: 0;
    padding: 14px;
}

.powernote-shell .note-section > h3 {
    background: transparent;
    color: #0084a5;
    margin: 0 0 12px;
    padding: 0;
}

.powernote-shell .note-card-grid,
.powernote-shell .prompt-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.powernote-shell .exam-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.powernote-shell .note-card,
.powernote-shell .prompt-card,
.powernote-shell .exam-card,
.billing-shell .compact-form {
    background: #f9fbfe;
    border: 1px solid #dbe6f2;
    border-radius: 4px;
    padding: 12px;
}

@media (max-width: 800px) {
    .powernote-shell .note-card-grid,
    .powernote-shell .prompt-grid,
    .powernote-shell .exam-grid,
    .billing-shell .billing-summary-strip,
    .billing-shell .billing-overview-grid,
    .billing-shell .split-workspace,
    .powernote-shell .split-workspace {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 1000px) {
    .module-product-header .module-product-navrow, .module-product-navrow {
        gap: 5px !important;
    }

}

/* Responsive clinical command header: compact tablet, modern slide menu on mobile. */
.module-product-header .product-mobile-button {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid #ccd8cc !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    flex-direction: column;
    gap: 4px;
    height: 28px;
    justify-content: center;
    padding: 0 !important;
    width: 32px;
}

.module-product-header .product-mobile-button span {
    background: #1f5a50;
    border-radius: 999px;
    display: block;
    height: 2px;
    transition: transform .18s ease, opacity .18s ease;
    width: 18px;
}

.clinical-menu-open .module-product-header .product-mobile-button span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.clinical-menu-open .module-product-header .product-mobile-button span:nth-child(2) {
    opacity: 0;
}

.clinical-menu-open .module-product-header .product-mobile-button span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

@media (max-width: 1200px) {
    .module-product-header .module-product-top,
    .module-product-top {
        gap: 10px !important;
        grid-template-columns: auto minmax(135px, 220px) minmax(150px, 1fr) auto !important;
        min-height: 40px !important;
        padding: 5px 14px !important;
    }

    .module-product-header .product-account,
    .product-account {
        flex-wrap: nowrap !important;
        gap: 9px !important;
        grid-column: auto !important;
        justify-content: flex-end !important;
        min-width: 0;
        white-space: nowrap;
    }

    .module-product-header .product-team,
    .module-product-header .product-plan-code {
        display: none !important;
    }

    .module-product-header .product-module-title strong,
    .product-module-title strong {
        font-size: 14px !important;
    }

    .module-product-header .product-module-title span,
    .product-module-title span {
        font-size: 12px !important;
    }

    .module-product-header .module-product-navrow,
    .module-product-navrow {
        grid-template-columns: minmax(0, 1fr) minmax(220px, 340px) auto !important;
        padding: 0 12px !important;
    }

    .module-product-header .product-nav a,
    .epic-mode .module-product-header .product-nav a {
        font-size: 12px !important;
        padding: 8px 10px !important;
    }
}

@media (max-width: 900px) {
    .module-product-header .module-product-top,
    .module-product-top {
        grid-template-columns: auto minmax(126px, 190px) minmax(150px, 1fr) auto !important;
    }

    .module-product-header .product-mobile-button,
    .product-mobile-button {
        display: inline-flex !important;
    }

    .module-product-header .product-account,
    .product-account {
        justify-self: end !important;
    }

    .module-product-header .product-account,
    .product-account {
        flex-wrap: nowrap !important;
        gap: 9px !important;
        grid-column: none !important;
        justify-content: flex-end !important;
        min-width: 0;
        white-space: nowrap;
    }

    /*.module-product-header .product-upgrade-link,
    .module-product-header .product-logout,*/
    .module-product-header .product-plan-code {
        display: none !important;
    }

    .module-product-header .module-product-navrow,
    .module-product-navrow {
        display: grid !important;
        gap: 10px !important;
        grid-template-columns: 1fr !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        pointer-events: none;
        transform: translateY(-6px);
        transition: max-height .22s ease, opacity .18s ease, padding .18s ease, transform .18s ease;
    }

    .clinical-menu-open .module-product-header .module-product-navrow,
    .clinical-menu-open .module-product-navrow {
        max-height: 74vh;
        opacity: 1;
        overflow-y: auto;
        padding: 10px 12px 12px !important;
        pointer-events: auto;
        transform: translateY(0);
    }

    .module-product-header .product-nav,
    .epic-mode .module-product-header .product-nav {
        display: grid !important;
        gap: 6px !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow: visible !important;
    }

    .module-product-header .product-nav a,
    .epic-mode .module-product-header .product-nav a {
        background: rgba(255,255,255,.08);
        border-radius: 5px !important;
        text-align: center;
    }

    .module-product-header .product-search input,
    .product-search input {
        border-radius: 7px !important;
        height: 34px !important;
    }

    .module-product-header .product-actions,
    .product-actions {
        justify-content: flex-start !important;
    }

    .product-upgrade-link {
        display: none !important;
    }
}

@media (max-width: 620px) {
    .module-product-header .module-product-top,
    .module-product-top {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 7px 10px !important;
        row-gap: 0px !important;        
    }

    .module-product-header .product-logo img,
    .cl-logo.product-logo img {
        max-width: 122px;
        width: 122px;
    }

    /*.cl-logo {
        margin-left: 20px !important;
    }*/

    .clinical-body .product-upgrade-link {
        display: none !important;
    }

    .module-product-header .product-module-title {
        min-width: 0;
    }

    .module-product-header .product-module-title span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .module-product-header .product-account {
        gap: 6px !important;
    }

    .module-product-header .product-icon-button {
        font-size: 0 !important;
    }

    .module-product-header .product-icon-button .product-badge {
        font-size: 11px;
    }

    .module-product-header .product-user {
        max-width: 104px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .module-product-header .product-nav,
    .epic-mode .module-product-header .product-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .module-product-header .product-actions {
        gap: 6px;
    }

    .module-product-header .product-theme-switcher.theme-switcher {
        width: 100%;
    }
}

.visionpacs-shell .epic-workspace-bar {
    border-left-color: #1f5a50;
}

.visionpacs-command-center {
    border-left-color: #1f5a50;
}

.visionpacs-command-center h1 {
    color: #1f5a50;
}

.visionpacs-dashboard-grid,
.visionpacs-workbench-grid,
.visionpacs-billing-grid,
.visionpacs-risk-grid,
.visionpacs-protocol-grid,
.visionpacs-report-grid {
    display: grid;
    gap: 14px;
}

.visionpacs-dashboard-grid {
    grid-template-columns: minmax(280px, 1.35fr) minmax(240px, .85fr) minmax(240px, .75fr);
    margin: 14px 0;
}

.visionpacs-workbench-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 14px 0;
}

.visionpacs-workbench-grid > article,
.visionpacs-analytics-card,
.visionpacs-protocol-card,
.visionpacs-report-grid .clinical-note-card {
    background: #fff;
    border: 1px solid #d8e4da;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 42, 37, .05);
    padding: 14px;
}

.visionpacs-analytics-card .chart-card-head,
.visionpacs-workbench-grid h3 {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.visionpacs-analytics-card .chart-card-head h3,
.visionpacs-workbench-grid h3 {
    margin: 0;
}

.visionpacs-risk-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.visionpacs-risk-grid div,
.visionpacs-billing-grid article {
    background: #eef7f0;
    border: 1px solid #d5e6d9;
    border-radius: 7px;
    padding: 12px;
}

.visionpacs-risk-grid strong,
.visionpacs-billing-grid strong,
.visionpacs-money {
    color: #1f5a50;
    display: block;
    font-size: 28px;
    line-height: 1.1;
}

.visionpacs-risk-grid span,
.visionpacs-billing-grid span,
.visionpacs-billing-grid small {
    color: #52645d;
    display: block;
    font-weight: 800;
}

.visionpacs-money {
    font-size: 36px;
    margin: 18px 0 8px;
}

.visionpacs-mini-row {
    border-bottom: 1px solid #e2eae4;
    display: grid;
    gap: 2px;
    padding: 10px 0;
}

.visionpacs-mini-row:last-child {
    border-bottom: 0;
}

.visionpacs-mini-row strong {
    color: #173932;
}

.visionpacs-mini-row span,
.visionpacs-mini-row small {
    color: #4f625a;
}

.visionpacs-protocol-grid,
.visionpacs-report-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.visionpacs-protocol-card {
    border-left: 4px solid #1f5a50;
    display: grid;
    gap: 10px;
}

.visionpacs-protocol-card > div {
    display: grid;
    gap: 3px;
}

.visionpacs-protocol-card dl {
    display: grid;
    gap: 6px 12px;
    grid-template-columns: auto 1fr;
    margin: 0;
}

.visionpacs-protocol-card dt {
    color: #5b6e66;
    font-weight: 900;
}

.visionpacs-protocol-card dd {
    margin: 0;
}

.visionpacs-billing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 16px;
}

@media (max-width: 1100px) {
    .visionpacs-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .visionpacs-dashboard-grid .visionpacs-analytics-card:first-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .visionpacs-dashboard-grid,
    .visionpacs-workbench-grid,
    .visionpacs-billing-grid,
    .visionpacs-risk-grid {
        grid-template-columns: 1fr;
    }

    .visionpacs-shell .modal-grid {
        grid-template-columns: 1fr;
    }
}

html[data-theme="dark"] .visionpacs-workbench-grid > article,
html[data-theme="dark"] .visionpacs-analytics-card,
html[data-theme="dark"] .visionpacs-protocol-card,
html[data-theme="dark"] .visionpacs-report-grid .clinical-note-card {
    background: var(--panel);
    border-color: var(--line);
}

html[data-theme="dark"] .visionpacs-mini-row {
    border-color: var(--line);
}

html[data-theme="dark"] .visionpacs-mini-row strong,
html[data-theme="dark"] .visionpacs-protocol-card dd {
    color: var(--text);
}

/* Final tab-panel contract used by every module shell. Keep last. */
[data-tab-panel],
.chart-tab-panel,
.registration-tab-panel {
    display: none !important;
}

[data-tab-panel].active,
.chart-tab-panel.active,
.registration-tab-panel.active {
    display: block !important;
}

.registration-form .registration-tab-panel {
    display: block !important;
}

.registration-form .registration-tab-panel:not(.active) {
    height: 1px !important;
    left: -10000px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: auto !important;
    width: 1px !important;
}


.ajax-select-input {
    background: #fff;
    border: 1px solid #b9c8bf;
    border-radius: 7px;
    padding: 8px 10px;
    margin-bottom: 6px;
    width: 100%;
}

.modal-grid label,
.tab-form label,
.generated-field-label {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.modal-grid label > span,
.tab-form label > span,
.generated-field-label > span {
    color: #1f2933;
    font-size: 0.88rem;
    font-weight: 800;
}

.generated-field-label.wide {
    grid-column: 1 / -1;
}

.epic-metric-grid {
    display: grid;
    gap: 10px;
}

.epic-metric-grid article {
    background: #f8fbfd;
    border: 1px solid #d7e3dc;
    border-radius: 8px;
    border-top: 4px solid #0088a6;
    box-shadow: 0 8px 18px rgba(17, 35, 45, .04);
    display: grid;
    gap: 5px;
    min-height: 82px;
    padding: 12px 14px;
}

.epic-metric-grid article span {
    color: #43566b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.epic-metric-grid article strong {
    color: #002b45;
    font-size: clamp(22px, 2.2vw, 30px);
    line-height: 1;
}

.epic-metric-grid article small {
    color: #40566d;
    font-size: 12px;
}

.compact-metric-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin: 12px 0 18px;
}

.pos-summary-grid,
.payment-summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.payment-bars-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 12px 0;
}

@media (max-width: 900px) {
    .payment-bars-grid {
        grid-template-columns: 1fr;
    }
}

.file-drop.drag-over {
    background: #edf8f0;
    border-color: #1f6b5a;
    color: #1f6b5a;
}

.native-picker-input {
    cursor: pointer;
}

/* Final tab-panel contract used by every module shell. Keep last. */
[data-tab-panel],
.chart-tab-panel,
.registration-tab-panel {
    display: none !important;
}

[data-tab-panel].active,
.chart-tab-panel.active,
.registration-tab-panel.active {
    display: block !important;
}

.registration-form .registration-tab-panel {
    display: block !important;
}

.registration-form .registration-tab-panel:not(.active) {
    height: 1px !important;
    left: -10000px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: auto !important;
    width: 1px !important;
}

/* ResultStream requisition rows include an independent remove action. */
.lab-supply-item-head,
.lab-supply-row {
    grid-template-columns: minmax(260px, 1.3fr) 90px 100px minmax(160px, .8fr) 74px;
}

@media (max-width: 1100px) {
    .lab-supply-item-head,
    .lab-supply-row {
        grid-template-columns: minmax(220px, 1.2fr) 82px 92px minmax(140px, .8fr) 70px;
    }
}

@media (max-width: 760px) {
    .lab-supply-item-head,
    .lab-supply-row {
        grid-template-columns: 1fr !important;
    }
}

/* Final tab-panel contract used by every module shell. Keep last. */
[data-tab-panel],
.chart-tab-panel,
.registration-tab-panel {
    display: none !important;
}

[data-tab-panel].active,
.chart-tab-panel.active,
.registration-tab-panel.active {
    display: block !important;
}

.registration-form .registration-tab-panel {
    display: block !important;
}

.registration-form .registration-tab-panel:not(.active) {
    height: 1px !important;
    left: -10000px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: auto !important;
    width: 1px !important;
}

/* Standalone suite role access */
.workspace-role-strip {
    margin: 12px 14px 0;
    padding: 12px 16px;
    border: 1px solid var(--border, #cbd9d1);
    border-left: 4px solid var(--primary, #0b7f84);
    background: var(--surface, #fff);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-radius: 6px;
}
.workspace-role-strip > div { display: grid; gap: 2px; }
.workspace-role-strip span { color: var(--muted, #5b6b73); font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
.workspace-role-strip strong { color: var(--text, #102b3a); font-size: .96rem; }
.workspace-role-strip small { color: var(--muted, #5b6b73); }
.workspace-role-strip button,
.product-team-button {
    border: 1px solid #176d61;
    background: #176d61;
    color: #fff;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
}
.clinical-role-strip { margin: 12px 18px 0; }
.product-team-button { font: inherit; padding: 3px 7px; }
.workspace-team-panel { width: min(1100px, 94vw); max-height: 88vh; overflow: auto; }
.workspace-team-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.workspace-team-heading span { color: #0b7f84; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.workspace-team-heading h2 { margin: 3px 0 4px; }
.workspace-team-heading p { margin: 0; color: var(--muted, #5b6b73); max-width: 680px; }
.workspace-team-grid { display: grid; grid-template-columns: minmax(260px, 330px) minmax(0, 1fr); gap: 18px; align-items: start; }
.workspace-team-form { position: sticky; top: 0; padding: 14px; border: 1px solid var(--border, #d6e0dc); background: var(--surface-soft, #f5f8f7); border-radius: 6px; }
.workspace-team-table { max-height: 58vh; overflow: auto; }
.workspace-access-denied { display: none !important; }
@media (max-width: 820px) {
    .workspace-role-strip { align-items: flex-start; flex-direction: column; margin-inline: 8px; }
    .workspace-team-grid { grid-template-columns: 1fr; }
    .workspace-team-form { position: static; }
}

/* Suite-wide inactivity warning */
.session-timeout-overlay[hidden]{display:none!important}.session-timeout-overlay{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;padding:20px;background:rgba(4,18,29,.68);backdrop-filter:blur(5px)}.session-timeout-dialog{width:min(520px,100%);display:grid;grid-template-columns:58px 1fr;gap:16px;background:var(--panel,#fff);color:var(--ink,#10233a);border:1px solid rgba(33,104,105,.24);border-radius:16px;padding:24px;box-shadow:0 26px 80px rgba(0,0,0,.28)}.session-timeout-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff0d5;color:#9b5c00;font-size:28px;font-weight:800}.session-timeout-eyebrow{display:block;color:#8b5a00;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.session-timeout-dialog h2{margin:3px 0 7px;font-size:25px}.session-timeout-dialog p{margin:0;line-height:1.55;color:var(--muted,#5f7082)}.session-timeout-countdown{grid-column:1/-1;display:flex;align-items:baseline;justify-content:center;gap:9px;padding:14px;border-radius:10px;background:rgba(22,119,113,.08)}.session-timeout-countdown strong{font-size:30px;font-variant-numeric:tabular-nums;color:#176c64}.session-timeout-countdown span{color:var(--muted,#5f7082)}.session-timeout-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.session-timeout-actions button{min-height:42px;padding:0 18px;border-radius:8px;border:1px solid #176c64;background:#176c64;color:#fff;font-weight:700;cursor:pointer}.session-timeout-actions button.secondary{background:transparent;color:var(--ink,#10233a);border-color:#b9c7d1}.session-warning-open{overflow:hidden}@media(max-width:560px){.session-timeout-dialog{grid-template-columns:46px 1fr;padding:20px}.session-timeout-icon{width:44px;height:44px}.session-timeout-actions{display:grid}.session-timeout-actions button{width:100%}}

/* VisionPACS image-study and DICOM metadata workspace */
.visionpacs-study-summary,.visionpacs-endpoint-grid,.legacycare-storage-grid,.legacycare-dashboard-grid,.legacycare-alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0}.visionpacs-instance-grid{margin:14px 0}.visionpacs-instance-grid .image-viewer-frame{background:#08131e;min-height:210px;overflow:hidden}.visionpacs-instance-grid .image-viewer-frame img{width:100%;height:210px;object-fit:contain}.dicom-tag-value{max-width:360px;white-space:normal;word-break:break-word}.visionpacs-endpoint-grid code,.visionpacs-study-summary code{display:block;max-width:100%;overflow-wrap:anywhere;margin:6px 0}.vision-image-viewer-panel{width:min(96vw,1200px);max-width:1200px}.vision-image-stage{height:min(72vh,820px);background:#050b12;display:flex;align-items:center;justify-content:center;overflow:auto;border-radius:8px;padding:24px}.vision-image-stage img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .12s ease,filter .12s ease}.vision-viewer-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.vision-viewer-controls button{min-width:42px}.wide-modal{width:min(94vw,960px);max-width:960px}
/* LegacyCare operations */
.legacycare-command-center{border-left-color:#667a8c}.legacy-alert{border-left:5px solid #8795a1}.legacy-alert.warning{border-left-color:#d9a52a}.legacy-alert.critical{border-left-color:#d34a4a}.legacy-alert.info{border-left-color:#2589a8}.legacycare-storage-grid .clinical-note-card{position:relative}.release-checklist-form .check-card{display:flex;align-items:center;gap:10px;border:1px solid #d8e1e8;border-radius:7px;padding:11px;background:#f8fbfd}.release-checklist-form .check-card input{width:auto;margin:0}.status-pill.normal,.status-pill.available{background:#e5f6ed;color:#176a42}.status-pill.warning{background:#fff3cd;color:#805d00}.status-pill.critical{background:#fde2e2;color:#9f2222}.legacycare-shell .chart-main{min-width:0}
@media(max-width:760px){.vision-image-stage{height:62vh;padding:8px}.vision-viewer-controls{justify-content:flex-start}.visionpacs-study-summary,.visionpacs-endpoint-grid,.legacycare-storage-grid,.legacycare-dashboard-grid,.legacycare-alert-grid{grid-template-columns:1fr}}


.vision-range-control{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted,#526173);white-space:nowrap}.vision-range-control input{width:82px;margin:0}.vision-viewer-controls{flex-wrap:wrap}