body { font-family: Inter, Segoe UI, Arial, sans-serif; }
body, .content { overflow-x: hidden; }

/* Bootstrap 5 utility aliases used by the monitoring views. The base stylesheet is Bootstrap 4.4.1. */
.gap-2 { gap: .5rem !important; }
.gap-3 { gap: 1rem !important; }
.min-w-0 { min-width: 0 !important; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.form-select { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; border: 1px solid var(--input-border); border-radius: .25rem; background-color: var(--input-bg); color: var(--text-primary); font-size: 1rem; font-weight: 400; line-height: 1.5; }
.form-select.form-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; font-size: .875rem; }
.sidebar { display: flex; flex-direction: column; width: 250px; min-height: 100vh; padding: 22px 14px; position: fixed; inset: 0 auto 0 0; z-index: 1040; overflow-y: auto; background: var(--sidebar-bg); border-right: 1px solid color-mix(in srgb, var(--sidebar-text) 10%, transparent); box-shadow: 8px 0 24px rgba(15, 23, 42, .08); }
.brand { display: flex; align-items: center; gap: 10px; padding: 0 10px 26px; color: var(--sidebar-text); font-weight: 800; text-decoration: none; }
.brand i { padding: 10px; border-radius: 10px; background: var(--primary); color: #fff; }.brand small { display: block; color: var(--sidebar-muted); font-weight: 600; }
.side-link { display: block; margin: 3px 0; padding: 10px 12px; border-radius: 9px; color: var(--sidebar-muted); font-weight: 600; text-decoration: none; }.side-link:hover, .side-link.active { background: var(--sidebar-active); color: var(--sidebar-text); }.side-link i { width: 24px; }
.sidebar-navigation { flex: 1 0 auto; }.sidebar-account { display: flex; align-items: center; gap: .65rem; margin-top: 1.25rem; padding: .7rem; border: 1px solid color-mix(in srgb, var(--sidebar-text) 16%, transparent); border-radius: .75rem; background: color-mix(in srgb, var(--sidebar-active) 72%, transparent); color: var(--sidebar-text); }.sidebar-account-avatar { display: grid; width: 2.35rem; height: 2.35rem; flex: 0 0 2.35rem; place-items: center; border-radius: 50%; background: var(--primary); color: #fff; font-size: .86rem; font-weight: 800; }.sidebar-account-details { min-width: 0; flex: 1; line-height: 1.2; }.sidebar-account-label, .sidebar-account-username, .sidebar-account-role { display: block; overflow: hidden; color: var(--sidebar-muted); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }.sidebar-account-name { display: block; overflow: hidden; margin: .1rem 0; color: var(--sidebar-text); font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }.sidebar-account-role { margin-top: .18rem; color: var(--sidebar-text); font-size: .67rem; }.sidebar-account-logout { margin: 0; }.btn-outline-sidebar { --bs-btn-color: var(--sidebar-text); --bs-btn-border-color: color-mix(in srgb, var(--sidebar-text) 32%, transparent); --bs-btn-hover-bg: var(--sidebar-text); --bs-btn-hover-color: var(--sidebar-bg); --bs-btn-hover-border-color: var(--sidebar-text); }
.module-group { margin-bottom: 8px; }.module-group summary { padding: 10px 12px; border-radius: 9px; cursor: pointer; color: var(--sidebar-text); font-weight: 800; list-style: none; }.module-group summary::-webkit-details-marker { display: none; }.module-group summary:hover, .module-group[open] summary, .module-group.active > summary { background: color-mix(in srgb, var(--sidebar-active) 72%, transparent); }.module-group summary:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }.module-links { padding-left: 12px; }.module-links .side-link { padding: 8px 10px; font-size: .88rem; }.module-links .side-link i { font-size: .8rem; }.module-label { padding: 16px 12px 5px; color: var(--sidebar-muted); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.nav-toggle, .nav-toggle-label { display: none; }
.content { min-height: 100vh; margin-left: 250px; }.topbar { position: sticky; top: 0; z-index: 1030; min-height: 60px; padding: 12px 28px; border-bottom: 1px solid var(--border); background: var(--topbar-bg); backdrop-filter: blur(12px); }.main { padding: 28px; }.footer { padding: 0 28px 24px; color: var(--muted); font-size: .8rem; }
.card { border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow-sm); color: var(--text-primary); }.metric { font-size: 1.55rem; font-weight: 800; }.muted, .text-muted { color: var(--muted) !important; }
.badge-status { display: inline-flex; align-items: center; padding: .4rem .62rem; border-radius: 999px; font-size: .72rem; font-weight: 800; }.ok { background: var(--success-soft); color: var(--success); }.bad { background: var(--danger-soft); color: var(--danger); }.info { background: var(--info-soft); color: var(--info); }.warn { background: var(--warning-soft); color: var(--warning); }
.btn { border-radius: .5rem; font-weight: 650; }.btn-primary { --bs-btn-bg: var(--primary); --bs-btn-border-color: var(--primary); --bs-btn-hover-bg: var(--primary-hover); --bs-btn-hover-border-color: var(--primary-hover); --bs-btn-active-bg: var(--primary-hover); --bs-btn-active-border-color: var(--primary-hover); --bs-btn-disabled-bg: var(--primary); --bs-btn-disabled-border-color: var(--primary); }.btn-outline-primary { --bs-btn-color: var(--primary); --bs-btn-border-color: var(--primary); --bs-btn-hover-bg: var(--primary); --bs-btn-hover-border-color: var(--primary); }.btn-outline-secondary { --bs-btn-color: var(--text-secondary); --bs-btn-border-color: var(--border-strong); --bs-btn-hover-bg: var(--surface-elevated); --bs-btn-hover-border-color: var(--border-strong); --bs-btn-hover-color: var(--text-primary); }
.btn-reset-password { --bs-btn-color: #fff; --bs-btn-bg: var(--warning); --bs-btn-border-color: var(--warning); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: color-mix(in srgb, var(--warning) 82%, #000); --bs-btn-hover-border-color: color-mix(in srgb, var(--warning) 82%, #000); --bs-btn-active-color: #fff; --bs-btn-active-bg: color-mix(in srgb, var(--warning) 74%, #000); --bs-btn-active-border-color: color-mix(in srgb, var(--warning) 74%, #000); }
.form-control, .form-select { border-color: var(--input-border); background-color: var(--input-bg); color: var(--text-primary); }.form-control::placeholder { color: var(--text-muted); opacity: .8; }.form-control:focus, .form-select:focus, .form-check-input:focus, .btn:focus-visible, summary:focus-visible { border-color: var(--input-focus); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--input-focus) 28%, transparent); }.form-control[readonly] { background-color: var(--surface-muted); color: var(--text-primary); opacity: 1; }.form-control:disabled, .form-select:disabled { background-color: var(--surface-muted); color: var(--text-muted); }.form-select option { background: var(--input-bg); color: var(--text-primary); }.form-text { color: var(--text-muted); }
.table { --bs-table-bg: transparent; --bs-table-color: var(--text-primary); --bs-table-border-color: var(--border); --bs-table-striped-bg: var(--surface-muted); --bs-table-hover-bg: var(--table-row-hover); --bs-table-hover-color: var(--text-primary); color: var(--text-primary); }.table thead th { border-top: 0; color: var(--text-muted); font-size: .75rem; text-transform: uppercase; }.table > :not(caption) > * > * { background-color: inherit; }.table code, code { color: var(--primary); }
.alert { border-color: var(--border); }.alert-warning { background: var(--warning-soft); border-color: color-mix(in srgb, var(--warning) 36%, var(--border)); color: var(--warning); }.alert-danger { background: var(--danger-soft); border-color: color-mix(in srgb, var(--danger) 36%, var(--border)); color: var(--danger); }.alert-success { background: var(--success-soft); border-color: color-mix(in srgb, var(--success) 36%, var(--border)); color: var(--success); }.alert-info { background: var(--info-soft); border-color: color-mix(in srgb, var(--info) 36%, var(--border)); color: var(--info); }
.theme-switcher { position: relative; }.theme-switcher summary { display: inline-flex; align-items: center; gap: .4rem; padding: .38rem .55rem; border: 1px solid var(--border); border-radius: .5rem; background: var(--surface); color: var(--text-secondary); cursor: pointer; font-size: .78rem; font-weight: 700; list-style: none; }.theme-switcher summary::-webkit-details-marker { display: none; }.theme-switcher-menu { position: absolute; top: calc(100% + .4rem); right: 0; z-index: 1050; min-width: 145px; padding: .35rem; border: 1px solid var(--border); border-radius: .6rem; background: var(--surface); box-shadow: var(--shadow-md); }.theme-switcher-option { display: flex; width: 100%; align-items: center; gap: .55rem; padding: .48rem .55rem; border: 0; border-radius: .4rem; background: transparent; color: var(--text-secondary); font-size: .82rem; text-align: left; }.theme-switcher-option:hover, .theme-switcher-option[aria-checked="true"] { background: var(--primary-soft); color: var(--primary); }.theme-switcher-option i { width: 1rem; text-align: center; }
.monitoring-login-page { display: grid; min-height: 100vh; place-items: center; padding: 1rem; background: var(--app-bg); }.monitoring-login-card { width: min(420px, 100%); }.monitoring-login-mark { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 12px; background: var(--primary); color: #fff; font-weight: 800; }
.api-toolbar { display: flex; flex-wrap: wrap; gap: .6rem; }.api-toolbar > * { min-width: 140px; }.risk-safe_read { background: var(--success-soft); color: var(--success); }.risk-upload { background: var(--info-soft); color: var(--info); }.risk-mutation, .risk-external { background: var(--danger-soft); color: var(--danger); }.api-dialog { width: min(1000px, calc(100vw - 28px)); max-height: calc(100vh - 28px); padding: 0; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--text-primary); box-shadow: var(--shadow-md); }.api-dialog::backdrop { background: var(--overlay-bg); }.api-dialog-header, .api-dialog-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }.api-dialog-body { max-height: calc(100vh - 190px); overflow: auto; padding: 1.25rem; }.api-dialog-actions { position: sticky; bottom: 0; border-top: 1px solid var(--border); border-bottom: 0; background: var(--surface); }.api-close { border: 0; background: transparent; color: var(--text-muted); font-size: 1.6rem; line-height: 1; }.response-code { min-height: 220px; max-height: 420px; overflow: auto; padding: 1rem; border: 1px solid var(--border); border-radius: .6rem; background: var(--surface-muted); color: var(--text-primary); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: pre-wrap; word-break: break-word; }.api-tab-panel[hidden] { display: none; }.nav-tabs { border-bottom-color: var(--border); }.nav-tabs .nav-link { color: var(--text-secondary); }.nav-tabs .nav-link.active { border-color: var(--border) var(--border) var(--surface); background: var(--surface); color: var(--primary); }
::-webkit-scrollbar { width: 11px; height: 11px; } ::-webkit-scrollbar-track { background: var(--scrollbar-track); } ::-webkit-scrollbar-thumb { border: 3px solid var(--scrollbar-track); border-radius: 999px; background: var(--scrollbar-thumb); }
@media (max-width: 991px) { .sidebar { display: block; transform: translateX(-100%); transition: transform .2s ease; }.nav-toggle:checked + .sidebar { transform: translateX(0); }.nav-toggle-label { display: inline-flex; }.content { margin-left: 0; }.main { padding: 18px; }.topbar { padding: 12px 18px; }.footer { padding: 0 18px 18px; } }
@media (max-width: 575px) { .topbar .topbar-context { display: none; }.theme-switcher summary span { display: none; }.api-dialog-body { padding: 1rem; }.api-dialog-actions { align-items: stretch; flex-direction: column-reverse; }.api-dialog-actions .btn { width: 100%; } }

/* Per-user preset picker. Tokens stay in theme.css so legacy Bootstrap pages use the same palette. */
.theme-switcher { position: relative; }
.theme-switcher summary { min-width: 142px; justify-content: space-between; }
.theme-switcher-title { display: block; padding: .5rem .55rem .35rem; color: var(--text-muted); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.theme-switcher-menu { min-width: 245px; max-height: min(470px, calc(100vh - 84px)); overflow-y: auto; }
.theme-switcher-option { align-items: center; justify-content: flex-start; min-height: 38px; cursor: pointer; }
.theme-switcher-option .theme-swatch { display: inline-block; width: 22px; height: 22px; flex: 0 0 22px; border: 2px solid color-mix(in srgb, #fff 60%, transparent); border-radius: 7px; background: var(--theme-swatch); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
.theme-switcher-option .theme-option-label { flex: 1; }
.theme-switcher-option .theme-option-check { opacity: 0; color: currentColor; }
.theme-switcher-option[aria-checked="true"] .theme-option-check { opacity: 1; }
.theme-switcher-option[data-theme-option="light-blue"] { --theme-swatch: #2563eb; }
.theme-switcher-option[data-theme-option="midnight-orange"] { --theme-swatch: #f97316; }
.theme-switcher-option[data-theme-option="ocean"] { --theme-swatch: #087e8b; }
.theme-switcher-option[data-theme-option="emerald"] { --theme-swatch: #168b5a; }
.theme-switcher-option[data-theme-option="indigo"] { --theme-swatch: #4f46e5; }
.theme-switcher-option[data-theme-option="slate"] { --theme-swatch: #475569; }
.theme-switcher-option[data-theme-option="rose"] { --theme-swatch: #d14b72; }
.theme-switcher-option[data-theme-option="dark"] { --theme-swatch: #243249; }
.theme-switcher-option[data-theme-option="corporate-blue"] { --theme-swatch: #155eef; }
.theme-switcher-option[data-theme-option="royal-purple"] { --theme-swatch: #7047d7; }
.theme-switcher-option[data-theme-option="crimson"] { --theme-swatch: #c73757; }
.theme-switcher-option[data-theme-option="sunset-orange"] { --theme-swatch: #e66a18; }
.theme-switcher-option[data-theme-option="midnight"] { --theme-swatch: #18223a; }
.theme-switcher-option[data-theme-option="forest"] { --theme-swatch: #25765a; }
.theme-switcher-option[data-theme-option="aqua"] { --theme-swatch: #057f95; }
.theme-switcher-option[data-theme-option="dark-enterprise"] { --theme-swatch: #5c94ff; }
.theme-switcher-form { margin: 0; }

@media (max-width: 575px) {
    .theme-switcher summary { min-width: auto; }
    .theme-switcher-menu { right: -40px; min-width: min(245px, calc(100vw - 24px)); }
}

/* Shared responsive navigation. These classes are isolated from the Vite pilot. */
.sidebar { transition: width .2s ease, transform .2s ease; }
.sidebar-close, .sidebar-toggle { touch-action: manipulation; }
.sidebar-close { display: none; position: absolute; top: .85rem; right: .7rem; border: 0; background: transparent; color: var(--sidebar-text); font-size: 1.2rem; }
.sidebar-overlay { display: none; position: fixed; inset: 0; z-index: 1035; background: var(--overlay-bg); }
.topbar-account { display: none; position: relative; }.topbar-account summary { list-style: none; cursor: pointer; }.topbar-account summary::-webkit-details-marker { display: none; }.topbar-account-avatar { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--primary); color: #fff; font-size: .75rem; font-weight: 800; }.topbar-account-menu { position: absolute; top: calc(100% + .45rem); right: 0; z-index: 1050; display: grid; min-width: 190px; gap: .2rem; padding: .75rem; border: 1px solid var(--border); border-radius: .65rem; background: var(--surface); box-shadow: var(--shadow-md); }.topbar-account-menu strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (min-width: 992px) {
    html.sidebar-collapsed .sidebar { width: 76px; padding-inline: 10px; overflow: visible; }
    html.sidebar-collapsed .content { margin-left: 76px; }
    html.sidebar-collapsed .brand { justify-content: center; padding-inline: 0; }
    html.sidebar-collapsed .brand > span,
    html.sidebar-collapsed .module-label,
    html.sidebar-collapsed .sidebar-account-details,
    html.sidebar-collapsed .sidebar-account-logout { display: none; }
    html.sidebar-collapsed .side-link,
    html.sidebar-collapsed .module-group summary { display: flex; justify-content: center; padding-inline: 0; font-size: 0; }
    html.sidebar-collapsed .side-link i,
    html.sidebar-collapsed .module-group summary i { width: auto; margin: 0 !important; font-size: 1rem; }
    html.sidebar-collapsed .module-group { position: relative; }
    html.sidebar-collapsed .module-links { display: none; position: absolute; top: 0; left: calc(100% + 10px); width: 225px; padding: .45rem; border: 1px solid var(--border); border-radius: .65rem; background: var(--sidebar-bg); box-shadow: var(--shadow-md); }
    html.sidebar-collapsed .module-group[open] .module-links { display: block; }
    html.sidebar-collapsed .module-links .module-label { display: block; padding-top: .25rem; }
    html.sidebar-collapsed .module-links .side-link { display: block; padding: .55rem .7rem; color: var(--sidebar-muted); font-size: .84rem; }
    html.sidebar-collapsed .module-links .side-link i { width: 24px; margin-right: .35rem !important; }
    html.sidebar-collapsed .sidebar-account { justify-content: center; padding: .55rem; }
}

@media (max-width: 991px) {
    .sidebar { display: flex; width: min(320px, calc(100vw - 42px)); max-width: 100%; padding-top: 3.6rem; transform: translateX(-105%); }
    html.sidebar-collapsed .sidebar { width: min(320px, calc(100vw - 42px)); padding-inline: 14px; transform: translateX(-105%); }
    body.sidebar-drawer-open { overflow: hidden; }
    body.sidebar-drawer-open .sidebar { transform: translateX(0); }
    body.sidebar-drawer-open .sidebar-overlay { display: block; }
    .sidebar-close { display: block; }
    .sidebar-toggle { display: inline-flex; }
    .topbar-account { display: block; }
    .topbar-logout { display: none; }
    .sidebar-account { margin-top: 1rem; }
}

@media (max-width: 767px) {
    .main { padding: 16px; }
    .topbar { padding: 10px 16px; }
    .main > .d-flex.justify-content-between { align-items: flex-start !important; flex-direction: column; gap: .45rem; }
    .main .card-body { padding: 1rem; }
    .table-responsive, .report-table-wrap, .item-results, .response-code { -webkit-overflow-scrolling: touch; }
    .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
    .nav-tabs .nav-link { flex: 0 0 auto; }
    .pagination { flex-wrap: nowrap; max-width: 100%; overflow-x: auto; }
    .api-toolbar { display: grid; grid-template-columns: 1fr; }
    .api-toolbar > * { min-width: 0; }
    .api-dialog { width: min(100vw - 16px, 1000px); max-height: calc(100vh - 16px); }
    .api-dialog-header, .api-dialog-actions { align-items: stretch; padding: .85rem; }
    .api-dialog-actions { flex-direction: column-reverse; }
    .api-dialog-actions > *, .api-dialog-actions .btn { width: 100%; }
    .response-code { max-width: 100%; overflow: auto; white-space: pre; }
}

@media (max-width: 575px) {
    .topbar .badge-status { display: none; }
    .topbar { gap: .5rem; }
    .monitoring-filter-actions .filter-action-buttons { flex-wrap: wrap; }
    .monitoring-filter-actions .btn { min-height: 2.5rem; }
    .table-responsive .btn { min-height: 2.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar { transition: none; }
}

/* Theme-only defaults. */
:root { --radius-card: .875rem; --radius-control: .5rem; --density-card-padding: 1.25rem; --density-control-height: calc(1.5em + .75rem + 2px); --density-table-padding: .75rem; }
.card { border-radius: var(--radius-card); }.card-body { padding: var(--density-card-padding); }.btn, .form-control, .form-select, .badge-status, .pagination .page-link { border-radius: var(--radius-control); }.form-control, .form-select { min-height: var(--density-control-height); }.table td, .table th { padding: var(--density-table-padding); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
/* Bootstrap 4 compatibility: its light utility components use hard-coded white surfaces. */
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .card,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .card-header,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .card-footer,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .modal-content,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .dropdown-menu,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .popover,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .list-group-item,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .page-link {
    border-color: var(--border);
    background-color: var(--surface);
    color: var(--text-primary);
}

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .card-header,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .card-footer,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .dropdown-header,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .breadcrumb,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .thead-light th,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table thead th {
    border-color: var(--border);
    background-color: var(--table-header);
    color: var(--text-secondary);
}

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .form-control,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .custom-select,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .form-select,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .input-group-text {
    border-color: var(--input-border);
    background-color: var(--input-bg);
    color: var(--text-primary);
}

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .form-control::placeholder { color: var(--muted); opacity: 1; }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .custom-select option,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .form-select option { background: var(--input-bg); color: var(--text-primary); }

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table > tbody > tr > td,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table > tbody > tr > th,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-bordered,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-bordered td,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-bordered th {
    border-color: var(--border);
    background-color: var(--surface);
    color: var(--text-primary);
}

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-striped tbody tr:nth-of-type(odd) > * { background-color: var(--surface-muted); color: var(--text-primary); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-hover tbody tr:hover > * { background-color: var(--table-row-hover); color: var(--text-primary); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-light,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-light > th,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-light > td,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-active,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-active > th,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .table-active > td { background-color: var(--table-group-header) !important; color: var(--text-primary); }

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .dropdown-item,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .dropdown-item-text,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .breadcrumb-item,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .nav-tabs .nav-link,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .pagination .page-link { color: var(--text-secondary); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .pagination .page-item.disabled .page-link {
    border-color: var(--border);
    background-color: var(--surface-muted);
    color: var(--text-muted);
}
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .dropdown-item:hover,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .dropdown-item:focus,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .dropdown-item.active,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .pagination .page-link:hover,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .pagination .page-link:focus { background-color: var(--surface-elevated); color: var(--text-primary); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .nav-tabs { border-color: var(--border); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .nav-tabs .nav-link.active { border-color: var(--border) var(--border) var(--surface); background: var(--surface); color: var(--text-primary); }

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .btn-light,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .btn-outline-light,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .btn-outline-secondary { border-color: var(--border-strong); background-color: var(--surface-elevated); color: var(--text-primary); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .btn-light:hover,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .btn-outline-light:hover,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .btn-outline-secondary:hover { border-color: var(--input-border); background-color: var(--table-row-hover); color: var(--text-primary); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .badge-light,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .badge-secondary { border: 1px solid var(--border); background-color: var(--surface-elevated); color: var(--text-primary); }

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .alert { border-color: var(--border-strong); color: var(--text-primary); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .alert-secondary { background: var(--surface-elevated); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .text-muted,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .muted,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .form-text,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .breadcrumb-item + .breadcrumb-item::before { color: var(--muted) !important; }

html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .sidebar { border-right-color: color-mix(in srgb, var(--sidebar-text) 18%, transparent); box-shadow: 8px 0 24px rgba(0,0,0,.24); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .side-link { color: var(--sidebar-muted); }
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .side-link:hover,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .side-link.active,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .module-group summary:hover,
html:is([data-theme="midnight-orange"], [data-theme="dark"], [data-theme="midnight"], [data-theme="dark-enterprise"]) .module-group[open] summary { background-color: var(--sidebar-active); color: var(--sidebar-text); }