/* Shared dark-blue clinical palette. Loaded after the legacy component styles. */
:root{--primary-theme:#1556a6;--primary-theme-gradient:linear-gradient(135deg,#1556a6,#0a3975);--primary-theme-light:#eaf2ff;--bs-primary:#1556a6;--bs-primary-rgb:21,86,166;--bs-link-color:#1556a6;--bs-link-color-rgb:21,86,166;--bs-link-hover-color:#0a3975;--bs-link-hover-color-rgb:10,57,117;--bs-primary-bg-subtle:#eaf2ff;--bs-primary-text-emphasis:#0a3975;--bs-primary-border-subtle:#bfd3ef;--bg-light:#f4f6fa;--text-main:#203249;--border-color:#e1e7f0}
body{background:#f4f6fa;color:#203249}.clinic-login-body{margin:0;min-height:100svh}.btn-primary{--bs-btn-bg:#1556a6;--bs-btn-border-color:#1556a6;--bs-btn-hover-bg:#0a3975;--bs-btn-hover-border-color:#0a3975;--bs-btn-active-bg:#082a57;--bs-btn-active-border-color:#082a57;--bs-btn-disabled-bg:#7185a0;--bs-btn-disabled-border-color:#7185a0;--bs-btn-focus-shadow-rgb:47,111,189;background-color:#1556a6;border-color:#1556a6}.btn-outline-primary{--bs-btn-color:#1556a6;--bs-btn-border-color:#1556a6;--bs-btn-hover-bg:#1556a6;--bs-btn-hover-border-color:#1556a6;--bs-btn-active-bg:#0a3975;--bs-btn-active-border-color:#0a3975;--bs-btn-focus-shadow-rgb:47,111,189}.btn:focus-visible,.form-control:focus,.form-select:focus{border-color:#5e8fc9;box-shadow:0 0 0 .2rem #2f6fbd26}.form-check-input:checked{background-color:#1556a6;border-color:#1556a6}.page-link{color:#1556a6}.active>.page-link,.page-link.active{background:#1556a6;border-color:#1556a6}
.admin-layout-wrapper,.app-main-shell{background:#f4f6fa!important}.admin-layout-wrapper > .app-main-shell > header{border-color:#e1e7f0!important}.admin-nav-link.active{background:#eaf2ff;color:#1556a6}.app-action-blue,.action-blue,.table tbody td:last-child .btn-outline-primary:has(i),.d-md-none .btn-outline-primary:has(i){color:#1556a6!important}
body.dark-theme .admin-sidebar,body.dark-theme .admin-layout-wrapper > .app-main-shell > header{background:#020b1d!important;border-color:#10284b!important}body.dark-theme .admin-sidebar .menu-label{color:#8fa8c9!important;letter-spacing:1.8px;font-size:10px!important}body.dark-theme .admin-nav-link{color:#bfd0e7}body.dark-theme .admin-nav-link:hover{background:#ffffff0c;color:#fff}body.dark-theme .admin-nav-link.active{background:#dbe8ff;color:#123a70!important}body.dark-theme .admin-nav-link.active .nav-text,body.dark-theme .admin-nav-link.active .text-secondary,body.dark-theme .admin-nav-link.active i{color:#123a70!important}body.dark-theme .current-station-card{background:#ffffff0d!important;border:1px solid #ffffff12!important}.admin-sidebar .brand-container{padding-top:10px!important;padding-bottom:8px!important}.admin-sidebar .system-title{font-size:1rem!important}.admin-nav-link{border-radius:9px}
@media(prefers-reduced-motion:reduce){.clinic-dashboard *,.clinic-login *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.admin-layout-wrapper > .app-main-shell > main.admin-content{background:#f4f6fa!important}
.app-title-icon,.page-title-icon__badge,.admin-content h4 > i.bi:first-child{background:linear-gradient(135deg,#1556a6,#2f6fbd)!important;box-shadow:0 6px 16px #1556a622!important}
body.dark-theme .admin-sidebar .brand-icon i{color:#dbe8ff!important}
.swal2-confirm{background-color:#1556a6!important}.swal2-confirm:focus{box-shadow:0 0 0 3px #1556a633!important}
/* Light mode uses neutral surfaces; blue remains the action accent. */
body:not(.dark-theme):not(.clinic-login-body){background:#f5f6f8;color:#212529;--bg-light:#f5f6f8;--text-main:#212529;--border-color:#e5e7eb}
body:not(.dark-theme) .admin-layout-wrapper,
body:not(.dark-theme) .admin-layout-wrapper > .app-main-shell,
body:not(.dark-theme) .admin-layout-wrapper > .app-main-shell > main.admin-content{background:#f5f6f8!important}
body:not(.dark-theme) .admin-layout-wrapper > .app-main-shell > header,
body:not(.dark-theme) .admin-sidebar{background:#fff!important;border-color:#e5e7eb!important;color:#212529}
body:not(.dark-theme) .admin-layout-wrapper > .app-main-shell > header .btn-light,
body:not(.dark-theme) .current-station-card{background:#f5f6f8!important;color:#343a40!important}
/* Dark mode changes navigation chrome only. Data and dashboard surfaces stay neutral. */
body.dark-theme .admin-content{color-scheme:light}
body.dark-theme .app-dashboard{background:#f2f6fb!important;color:#142b49!important}
body.dark-theme .app-dashboard .clinic-dashboard{color:#142b49!important}
body.dark-theme .app-dashboard .dashboard-card,
body.dark-theme .app-dashboard .clinic-metric{background:#fff!important;border-color:#e2eaf3!important}
body.dark-theme .master-filter-shell{background:#fff!important}
body.dark-theme .admin-content .clinic-list-heading{background:#fff!important;border-color:#edf0f2!important}
body.dark-theme .admin-content .clinic-list-heading h2,
body.dark-theme .admin-content .card-header :is(h1,h2,h3,h4,h5,h6){color:#253247!important}
body.dark-theme .admin-content table thead th,
body.dark-theme .admin-content table thead td,
body.dark-theme .admin-content table tfoot th,
body.dark-theme .admin-content table tfoot td{--bs-table-color:#5f6b7a;--bs-table-bg:#f8fafc;color:#5f6b7a!important;background-color:#f8fafc!important;border-color:#e5eaf0!important}
body:not(.dark-theme) .admin-layout-wrapper > .app-main-shell > main.app-dashboard,
body.dark-theme .admin-layout-wrapper > .app-main-shell > main.app-dashboard{background:#f2f6fb!important}
body.dark-theme .app-dashboard .dashboard-table thead th{background:#fff!important;color:#6a7d94!important;border-color:#e8eef5!important}

/* Notification alerts remain readable inside the dark navigation bar. */
.admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu{background:#fff!important;color:#22354d!important;--bs-dropdown-bg:#fff;--bs-dropdown-color:#22354d;--bs-dropdown-link-color:#22354d;--bs-dropdown-link-hover-bg:#f3f7fc}
.admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu .notification-alert{align-items:flex-start;color:#22354d!important;white-space:normal;line-height:1.4;border-color:#e7edf5!important}
.admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu .notification-alert:hover{background:#f3f7fc!important}
.admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu .notification-alert-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:#eef4fb}
body.dark-theme .admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu .text-dark{color:#22354d!important}
body.dark-theme .admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu .text-muted{color:#66768a!important}
body.dark-theme .admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu i.text-danger{color:#c34056!important}
body.dark-theme .admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu i.text-warning{color:#a66a14!important}
body.dark-theme .admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu i.text-primary{color:#2368b8!important}
body.dark-theme .admin-layout-wrapper > .app-main-shell > header .clinic-notification-menu i.text-success{color:#168062!important}
/* Keep report result tables as compact as the Stock Report without shrinking filters. */
.report-data-table thead th {
    font-size: .67rem !important;
    padding-top: .45rem !important;
    padding-bottom: .45rem !important;
}

.report-data-table tbody td:not(.py-5),
.report-data-table tfoot th,
.report-data-table tfoot td {
    font-size: .75rem !important;
    padding-top: .35rem !important;
    padding-bottom: .35rem !important;
}

.report-data-table tbody td .text-muted,
.report-data-table tbody td small {
    font-size: .65rem !important;
}