:root[data-zota-theme="dark"] {
    --black: #e8edf4;
    --gray: #a8b1bd;
    --light-gray: #344050;
    --zota-theme-background: #0f141b;
    --zota-theme-surface: #171e28;
    --zota-theme-elevated: #1d2632;
    --zota-theme-subtle: #222c38;
    --zota-theme-line: #344050;
    --zota-theme-ink: #e8edf4;
    --zota-theme-muted: #a8b1bd;
    --zota-theme-accent: #ff9837;
    --zota-logo-text: #fff;
    --zota-icon-surface: #171e28;
}

:root[data-zota-theme="dark"] .zota-route-skeleton {
    --zota-skeleton-base: #1d2632;
    --zota-skeleton-highlight: #2a3543;
}

[data-zota-theme="dark"] body,
[data-zota-theme="dark"] app,
[data-zota-theme="dark"] .main,
[data-zota-theme="dark"] .Body,
[data-zota-theme="dark"] .content {
    background: var(--zota-theme-background);
    color: var(--zota-theme-ink);
}

[data-zota-theme="dark"] .User-Menu {
    border-color: var(--zota-theme-line);
    background: #131a23;
}

[data-zota-theme="dark"] footer,
[data-zota-theme="dark"] .Footer {
    background: rgb(15 20 27 / 92%);
}

[data-zota-theme="dark"] .Menu,
[data-zota-theme="dark"] .zota-main-menu__content,
[data-zota-theme="dark"] .zota-panel-info-sheet,
[data-zota-theme="dark"] .zota-language-selector__popover {
    border-color: var(--zota-theme-line);
    background: var(--zota-theme-surface);
    color: var(--zota-theme-ink);
    box-shadow: 0 12px 36px rgb(0 0 0 / 45%);
}

[data-zota-theme="dark"] .BigCard,
[data-zota-theme="dark"] .zota-inline-panel,
[data-zota-theme="dark"] .zota-qr-result,
[data-zota-theme="dark"] .zota-service-card,
[data-zota-theme="dark"] .zota-runtime-card,
[data-zota-theme="dark"] .zota-boiler-overview-card,
[data-zota-theme="dark"] .zota-boiler-owners,
[data-zota-theme="dark"] .zota-boiler-snapshot,
[data-zota-theme="dark"] .zota-boiler-more-actions-panel,
[data-zota-theme="dark"] .zota-command-metric-card,
[data-zota-theme="dark"] .zota-history-chart,
[data-zota-theme="dark"] .zota-chart-tooltip {
    border-color: var(--zota-theme-line);
    background: var(--zota-theme-surface);
    color: var(--zota-theme-ink);
}

[data-zota-theme="dark"] .BigCard:hover,
[data-zota-theme="dark"] .BoilerList > tbody > tr:hover,
[data-zota-theme="dark"] .MenuEl:hover {
    background: var(--zota-theme-subtle);
}

[data-zota-theme="dark"] .form-control,
[data-zota-theme="dark"] .form-select,
[data-zota-theme="dark"] input,
[data-zota-theme="dark"] textarea,
[data-zota-theme="dark"] select {
    border-color: var(--zota-theme-line);
    background-color: var(--zota-theme-elevated);
    color: var(--zota-theme-ink);
}

[data-zota-theme="dark"] input::placeholder,
[data-zota-theme="dark"] textarea::placeholder {
    color: #7f8a99;
}

[data-zota-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--zota-theme-ink);
    --bs-table-border-color: var(--zota-theme-line);
    --bs-table-striped-bg: rgb(255 255 255 / 3%);
    --bs-table-striped-color: var(--zota-theme-ink);
    --bs-table-hover-bg: var(--zota-theme-subtle);
    --bs-table-hover-color: var(--zota-theme-ink);
}

[data-zota-theme="dark"] .zota-service-boiler-table thead,
[data-zota-theme="dark"] .zota-boiler-owners-table thead {
    background: rgb(23 30 40 / 96%);
}

[data-zota-theme="dark"] .bg-white,
[data-zota-theme="dark"] thead.bg-white {
    background: rgb(23 30 40 / 96%) !important;
}

[data-zota-theme="dark"] .table-light {
    --bs-table-bg: var(--zota-theme-elevated);
    --bs-table-color: var(--zota-theme-ink);
    --bs-table-border-color: var(--zota-theme-line);
}

[data-zota-theme="dark"] .zota-admin-workspace {
    --admin-ink: var(--zota-theme-ink);
    --admin-muted: var(--zota-theme-muted);
    --admin-line: var(--zota-theme-line);
    --admin-surface: var(--zota-theme-background);
    --admin-accent: var(--zota-theme-accent);
    --admin-sidebar-surface: var(--zota-theme-surface);
}

[data-zota-theme="dark"] .zota-service-window {
    background: var(--zota-theme-background);
}

[data-zota-theme="dark"] .zota-network-history-view-switch,
[data-zota-theme="dark"] .zota-network-history-chart {
    border-color: var(--zota-theme-line);
    background: var(--zota-theme-subtle);
}

[data-zota-theme="dark"] .zota-network-history-view-button {
    color: var(--zota-theme-muted);
}

[data-zota-theme="dark"] .zota-network-history-view-button:hover,
[data-zota-theme="dark"] .zota-network-history-view-button:focus-visible,
[data-zota-theme="dark"] .zota-network-history-view-button.active {
    background: var(--zota-theme-elevated);
    color: var(--zota-theme-ink);
}

[data-zota-theme="dark"] .zota-network-history-table thead {
    background: rgb(23 30 40 / 96%);
}

[data-zota-theme="dark"] .zota-active-boiler-table,
[data-zota-theme="dark"] .zota-active-boiler-filter .form-select {
    border-color: var(--zota-theme-line);
}

[data-zota-theme="dark"] .zota-active-boiler-table thead {
    background: rgb(23 30 40 / 96%);
}

[data-zota-theme="dark"] .zota-admin-sidebar,
[data-zota-theme="dark"] .zota-admin-metric,
[data-zota-theme="dark"] .zota-admin-section-card,
[data-zota-theme="dark"] .zota-admin-content .table-responsive,
[data-zota-theme="dark"] .zota-admin-content .zota-service-table-shell,
[data-zota-theme="dark"] .zota-admin-content .card,
[data-zota-theme="dark"] .zota-admin-content pre.bg-body-tertiary,
[data-zota-theme="dark"] .zota-admin-preview,
[data-zota-theme="dark"] .zota-search-field,
[data-zota-theme="dark"] .zota-user-role-filters span,
[data-zota-theme="dark"] .zota-admin-role-chip {
    border-color: var(--zota-theme-line) !important;
    background: var(--zota-theme-surface);
    color: var(--zota-theme-ink);
    box-shadow: none;
}

[data-zota-theme="dark"] .zota-admin-nav-link {
    color: var(--zota-theme-muted);
}

[data-zota-theme="dark"] .zota-admin-nav-link:hover,
[data-zota-theme="dark"] .zota-search-field > button:hover,
[data-zota-theme="dark"] .zota-search-field > button:focus-visible {
    background: var(--zota-theme-subtle);
    color: var(--zota-theme-ink);
}

[data-zota-theme="dark"] .zota-access-code-reset {
    color: var(--zota-theme-muted);
}

[data-zota-theme="dark"] .zota-access-code-reset:hover,
[data-zota-theme="dark"] .zota-access-code-reset:focus-visible {
    background: rgb(255 152 55 / 14%);
    color: var(--zota-theme-accent);
}

[data-zota-theme="dark"] .zota-edit-boiler-form .zota-line-control.invalid {
    background: rgb(220 53 69 / 12%);
}

[data-zota-theme="dark"] .zota-admin-nav-link.active,
[data-zota-theme="dark"] .zota-user-role-filters input:checked + span,
[data-zota-theme="dark"] .zota-admin-template-list button {
    border-color: #92531e;
    background: #352313;
    color: #ffad61;
}

[data-zota-theme="dark"] .zota-presence-tabs ul,
[data-zota-theme="dark"] .zota-boiler-snapshot-actions,
[data-zota-theme="dark"] .zota-boiler-gateway-summary,
[data-zota-theme="dark"] .zota-command-owner-row > td,
[data-zota-theme="dark"] .zota-history-table__grid tbody tr:hover,
[data-zota-theme="dark"] .zota-setting-summary,
[data-zota-theme="dark"] .zota-alerts-list li {
    border-color: var(--zota-theme-line);
    background: var(--zota-theme-subtle);
}

[data-zota-theme="dark"] .zota-boiler-overview-card > header,
[data-zota-theme="dark"] .zota-boiler-owners > summary,
[data-zota-theme="dark"] .zota-boiler-owners[open] > summary,
[data-zota-theme="dark"] .zota-boiler-snapshot-actions,
[data-zota-theme="dark"] .zota-service-card h2 {
    border-color: var(--zota-theme-line);
}

[data-zota-theme="dark"] .zota-boiler-overview-card > header > span,
[data-zota-theme="dark"] .zota-boiler-owners > summary > span:first-child,
[data-zota-theme="dark"] .zota-boiler-snapshot > summary > span,
[data-zota-theme="dark"] .zota-boiler-overview-card dd,
[data-zota-theme="dark"] .zota-command-metric-value,
[data-zota-theme="dark"] .zota-command-legend strong,
[data-zota-theme="dark"] .zota-service-card h2,
[data-zota-theme="dark"] .zota-command-tabs button:hover {
    color: var(--zota-theme-ink);
}

[data-zota-theme="dark"] .zota-boiler-overview-card dt,
[data-zota-theme="dark"] .zota-boiler-more-actions-panel p,
[data-zota-theme="dark"] .zota-command-metric-card dt,
[data-zota-theme="dark"] .zota-command-legend li,
[data-zota-theme="dark"] .zota-command-histogram-row,
[data-zota-theme="dark"] .zota-boiler-gateway-summary h3,
[data-zota-theme="dark"] .zota-boiler-overview-card > header > strong,
[data-zota-theme="dark"] .zota-boiler-snapshot > summary small,
[data-zota-theme="dark"] .zota-command-tabs button,
[data-zota-theme="dark"] .zota-boiler-chart-switch > button,
[data-zota-theme="dark"] .zota-boiler-pie-legend li,
[data-zota-theme="dark"] .zota-boiler-gateway-metrics dt,
[data-zota-theme="dark"] .zota-boiler-recent-errors h3,
[data-zota-theme="dark"] .zota-boiler-recent-errors p,
[data-zota-theme="dark"] .zota-boiler-recent-errors time,
[data-zota-theme="dark"] .zota-boiler-recent-errors small {
    color: var(--zota-theme-muted);
}

[data-zota-theme="dark"] .zota-boiler-chart-switch > button.active,
[data-zota-theme="dark"] .zota-boiler-pie-legend strong,
[data-zota-theme="dark"] .zota-boiler-gateway-metrics dd,
[data-zota-theme="dark"] .zota-boiler-recent-errors strong {
    color: var(--zota-theme-ink);
}

[data-zota-theme="dark"] .zota-command-tabs,
[data-zota-theme="dark"] .zota-boiler-chart-switch,
[data-zota-theme="dark"] .zota-statistics-view-switch,
[data-zota-theme="dark"] .zota-command-histogram-row > div {
    border-color: var(--zota-theme-line);
    background: var(--zota-theme-subtle);
}

[data-zota-theme="dark"] .zota-boiler-chart-switch > i,
[data-zota-theme="dark"] .zota-statistics-view-button.active,
[data-zota-theme="dark"] .zota-command-donut::before {
    background: var(--zota-theme-elevated);
}

[data-zota-theme="dark"] .zota-history-chart,
[data-zota-theme="dark"] .zota-weather-curve-chart,
[data-zota-theme="dark"] .uplot {
    background: var(--zota-theme-surface);
}

[data-zota-theme="dark"] .zota-command-rate-chart {
    overflow: hidden;
    border-radius: 6px;
    background: var(--zota-theme-surface);
}

[data-zota-theme="dark"] .zota-notification-icon svg [fill="white"],
[data-zota-theme="dark"] .zota-live-card svg [fill="white"] {
    fill: var(--zota-icon-surface);
}

[data-zota-theme="dark"] .text-muted,
[data-zota-theme="dark"] .caption.text-muted {
    color: var(--zota-theme-muted) !important;
}

[data-zota-theme="dark"] .badge.text-bg-light {
    border: 1px solid var(--zota-theme-line);
    background: var(--zota-theme-subtle) !important;
    color: var(--zota-theme-ink) !important;
}

.zota-footer-preferences {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.zota-theme-toggle {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #ef8206;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}

.zota-theme-toggle:hover,
.zota-theme-toggle:focus-visible {
    background: rgb(239 130 6 / 12%);
    outline: none;
}

.zota-theme-toggle:focus-visible {
    box-shadow: 0 0 0 2px rgb(239 130 6 / 35%);
}