:root {
    --ha-light-page: #f1efe9;
    --ha-light-page-soft: #f7f5f0;
    --ha-light-surface: #ffffff;
    --ha-light-surface-muted: #f7f5f0;
    --ha-light-surface-soft: #faf9f5;
    --ha-light-border: #e3dfd5;
    --ha-light-border-strong: #cfc9bb;
    --ha-light-text: #2b2925;
    --ha-light-muted: #6d685c;
    /* Theme-aware muted text. Components must use this rather than --ha-light-muted
       or a hardcoded grey, otherwise muted copy keeps light values on dark surfaces. */
    --ha-muted: #6d685c;
    --ha-light-primary: #1f6b43;
    --ha-accent: #1f6b43;
    --ha-accent-strong: #175434;
    --ha-accent-tint: #e9f2ec;
    --ha-accent-border: #b9d4c5;
    --ha-light-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    --ha-dark-page: #131310;
    --ha-dark-surface: #1b1a16;
    --ha-dark-surface-muted: #161511;
    --ha-dark-surface-soft: #232219;
    --ha-dark-border: #37352c;
    --ha-dark-border-strong: #4a473a;
    --ha-dark-text: #ece9e0;
    --ha-dark-muted: #b3ad9e;
    --ha-dark-link: #7ccfa2;
    --ha-dark-primary: #58b586;
    --ha-dark-accent-tint: #1c3a2a;
    --ha-dark-accent-border: #2f5c44;
    --ha-dark-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --ha-focus-ring: 0 0 0 3px rgba(31, 107, 67, 0.22);
    --ha-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    --ha-control-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    /* real elevation is reserved for overlays: modals, dropdowns, floating hints */
    --ha-overlay-shadow: 0 12px 32px rgba(15, 23, 42, 0.2);
    --ha-dark-overlay-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
    --ha-row-hover: #f4f2ec;
    --ha-row-focus: #ecf3ee;
    --ha-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --ha-duration-fast: 160ms;
    --ha-duration-medium: 240ms;
    /* spacing scale — all NEW spacing uses these; 4px only for icon-text gaps */
    --ha-space-1: 4px;
    --ha-space-2: 8px;
    --ha-space-3: 16px;
    --ha-space-4: 24px;
    --ha-space-5: 32px;
    --ha-space-6: 48px;
    /* type scale */
    --ha-text-title: 22px;
    --ha-text-section: 16px;
    --ha-text-body: 14px;
    --ha-text-caption: 12px;
    color-scheme: light;
}

html[data-house-account-theme="light"] {
    color-scheme: light;
}

html[data-house-account-theme="light"] body.house-account-shell {
    background: var(--ha-light-page);
    color: var(--ha-light-text);
}

.house-account-theme-toggle {
    align-items: center;
    appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    border: 1px solid #d8e3ee;
    border-radius: 8px;
    color: #344255;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 36px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
    width: 36px;
}

.house-account-theme-toggle i {
    font-size: 14px;
    margin: 0;
}

.house-account-theme-toggle:hover,
.house-account-theme-toggle:focus {
    background: #f5f8fb;
    border-color: #cfd9e4;
    box-shadow: var(--ha-focus-ring);
    color: #1a3550;
    outline: none;
    text-decoration: none;
}

.house-account-nav-footer-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.house-account-nav-footer-actions form {
    flex: 1 1 auto;
    min-width: 0;
}

.house-account-nav-dev-link {
    align-items: center;
    border: 1px solid #d8e3ee;
    border-radius: 8px;
    color: #344255;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 10px;
    line-height: 1.2;
    margin-bottom: 10px;
    min-height: 36px;
    padding: 9px 10px;
    text-decoration: none;
    transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
}

.house-account-nav-dev-link i {
    color: #5b6673;
    flex: 0 0 auto;
    width: 16px;
    text-align: center;
}

.house-account-nav-dev-link:hover,
.house-account-nav-dev-link:focus,
.house-account-nav-dev-link.active {
    background: #f5f8fb;
    border-color: #cfd9e4;
    box-shadow: var(--ha-focus-ring);
    color: #1a3550;
    outline: none;
    text-decoration: none;
}

.auth-theme-toggle {
    position: fixed;
    right: 18px;
    top: 18px;
    z-index: 10;
}
.ha-skip-link {
    background: #ffffff;
    border: 1px solid #cfd9e4;
    border-radius: 8px;
    box-shadow: var(--ha-card-shadow);
    color: #0b4f84;
    font-size: 13px;
    font-weight: 700;
    left: 18px;
    line-height: 1;
    padding: 12px 14px;
    position: fixed;
    top: 12px;
    transform: translateY(-160%);
    transition: transform var(--ha-duration-fast) var(--ha-ease-standard), box-shadow var(--ha-duration-fast) var(--ha-ease-standard);
    z-index: 10000;
}

.ha-skip-link:focus,
.ha-skip-link:focus-visible {
    color: #0b4f84;
    outline: none;
    text-decoration: none;
    transform: translateY(0);
}

body.house-account-shell {
    background-color: var(--ha-light-page);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.house-account-shell main:focus {
    outline: none;
}


body.house-account-shell :where(a, button, input, select, textarea, summary, .btn, .ha-button, .statement-history-button, .statement-status-button, .statement-next-action, .statement-row-link, .statement-icon-action):focus-visible {
    box-shadow: var(--ha-focus-ring);
    outline: none;
}

body.house-account-shell :where(input, select, textarea, .form-control, .house-account-theme-toggle, .ha-button, .ls-page .btn, .statement-history-button, .statement-status-button, .statement-next-action, .statement-row-link, .statement-icon-action) {
    transition-duration: var(--ha-duration-fast);
    transition-timing-function: var(--ha-ease-standard);
}

body.house-account-shell :where(.ls-card, .statement-month-overview, .statement-history-toolbar, .statement-month-card, .statement-history-empty, .payment-activity-overview, .statement-cycle-strip, .ha-summary-band) {
    border-color: var(--ha-light-border);
    box-shadow: var(--ha-card-shadow);
}

body.house-account-shell :where(.ls-card, .statement-month-overview, .statement-history-toolbar, .statement-month-card, .statement-history-empty, .payment-activity-overview, .statement-cycle-strip) {
    transition: border-color var(--ha-duration-fast) var(--ha-ease-standard), box-shadow var(--ha-duration-fast) var(--ha-ease-standard), transform var(--ha-duration-fast) var(--ha-ease-standard);
}

body.house-account-shell :where(.ls-card, .statement-month-card, .statement-cycle-status-card, .payment-activity-overview):focus-within {
    border-color: var(--ha-light-border-strong);
    box-shadow: var(--ha-focus-ring);
}

body.house-account-shell .nav-side-menu.house-account-nav li {
    position: relative;
    transition: background-color var(--ha-duration-fast) var(--ha-ease-standard), color var(--ha-duration-fast) var(--ha-ease-standard), box-shadow var(--ha-duration-fast) var(--ha-ease-standard), transform var(--ha-duration-fast) var(--ha-ease-standard);
}

body.house-account-shell .nav-side-menu.house-account-nav li.active,
body.house-account-shell .nav-side-menu.house-account-nav li > a[aria-current="page"] {
    background: var(--ha-accent-tint);
    color: var(--ha-accent);
}

body.house-account-shell .nav-side-menu.house-account-nav li > a[aria-current="page"] i {
    color: var(--ha-accent);
}

body.house-account-shell :where(.ha-table, .statement-history-table, .statement-run-table, .ls-club-table, .ls-location-table) {
    font-variant-numeric: tabular-nums;
}

body.house-account-shell .ls-page table tbody tr:focus-within > td,
body.house-account-shell .ls-statements-page table tbody tr:focus-within > td,
body.house-account-shell .statement-status-page table tbody tr:focus-within > td {
    background: var(--ha-row-focus);
}

body.house-account-shell .ls-page table tbody tr:not(.is-attention):hover > td,
body.house-account-shell .ls-statements-page table tbody tr:not(.is-attention):hover > td,
body.house-account-shell .statement-status-page table tbody tr:not(.is-attention):hover > td {
    background: var(--ha-row-hover);
}

body.house-account-shell :where(.ls-header, .ls-page-header) {
    position: relative;
}

body.house-account-shell .ls-header::after,
body.house-account-shell .ls-page-header::after {
    background: var(--ha-accent);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0.78;
    position: absolute;
    width: 72px;
}

:where(body.house-account-shell) :where(main, .ls-page, .container) a:where(:not(.btn):not(.ha-button):not(.ls-route-card):not(.portal-state-chip):not(.statement-status-button):not(.statement-history-button):not(.statement-row-link):not(.statement-icon-action):not(.statement-next-action):not(.ls-headline-stat):not(.ls-hero-meter-link):not(.statement-detail-button):not(.ha-filter-chip):not(.ha-page-size-chip)):hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    body.house-account-shell *,
    body.house-account-shell *::before,
    body.house-account-shell *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

.ha-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 6px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    min-height: 38px;
    padding: 0 15px;
    text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
    white-space: nowrap;
}

.ha-button,
.ha-button:visited {
    color: var(--ha-accent);
}

.ha-button i {
    margin-right: 0;
}

.ha-button:hover,
.ha-button:focus {
    outline: none;
    text-decoration: none;
}

.ha-button.btn-primary {
    background: var(--ha-accent);
    border-color: var(--ha-accent);
    color: #ffffff;
}

.ha-button.btn-primary:hover,
.ha-button.btn-primary:focus {
    background: var(--ha-accent-strong);
    border-color: var(--ha-accent-strong);
    color: #ffffff;
}

.ha-button.btn-default,
.ha-button.btn-back {
    background: #ffffff;
    border-color: #cfd9e4;
    box-shadow: var(--ha-control-shadow);
    color: var(--ha-accent);
}

.ha-button.btn-default:hover,
.ha-button.btn-default:focus,
.ha-button.btn-back:hover,
.ha-button.btn-back:focus {
    background: #f5f8fb;
    border-color: #cfd9e4;
    box-shadow: var(--ha-control-shadow);
    color: var(--ha-accent-strong);
}

.ha-button.btn-primary:active,
body.house-account-shell .ls-page .btn-primary:active {
    background: var(--ha-accent-strong);
    border-color: var(--ha-accent-strong);
}

.ha-button.btn-default:active,
.ha-button.btn-back:active,
body.house-account-shell .ls-page .btn-default:active {
    background: var(--ha-accent-tint);
}

.ha-button.btn-danger {
    background: #b42318;
    border-color: #b42318;
    color: #ffffff;
}

.ha-button.btn-danger:hover,
.ha-button.btn-danger:focus {
    background: #8e1a12;
    border-color: #8e1a12;
    color: #ffffff;
}

.ha-button[disabled],
.ha-button.disabled {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.62;
    transform: none;
}

.ha-button-form {
    display: inline-flex;
    margin: 0;
}

.ha-status-pill {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: var(--ha-text-caption, 12px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 5px 9px;
    white-space: nowrap;
}

.ha-status-pill.owes,
.ha-status-pill.pending {
    background: #fff4db;
    border-color: #f2d495;
    color: #8a5d00;
}

.ha-status-pill.credit {
    background: #e7f1ff;
    border-color: #bfd9ff;
    color: #0f67cf;
}

.ha-status-pill.settled,
.ha-status-pill.completed {
    background: #e8f8ef;
    border-color: #bfe8cf;
    color: #0f7c34;
}

.ha-status-pill.danger {
    background: #fff0ef;
    border-color: #f2c2bd;
    color: #b42318;
}

.ha-summary-band {
    background: #e3e8ef;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    overflow: hidden;
}

.ha-summary-cell {
    background: #ffffff;
    min-width: 0;
    padding: 18px 20px;
}

.ha-summary-cell-content {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-width: 0;
}

.ha-summary-cell-content > div:first-child {
    min-width: 0;
}

.ha-summary-label {
    color: var(--ha-muted);
    font-size: var(--ha-text-caption, 12px);
    font-weight: 600;
    letter-spacing: 0;
}

.ha-summary-value {
    color: #1f2d3d;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;
    margin-top: 8px;
    overflow-wrap: anywhere;
}

.ha-summary-copy {
    color: var(--ha-muted);
    font-size: 13px;
    line-height: 1.5;
    margin-top: 6px;
}

.ha-summary-cell .ha-button {
    flex: 0 0 auto;
    margin-top: 2px;
}

.ha-summary-cell.balance.owes,
.ha-summary-cell.balance.pending {
    background: #fff8ef;
}

.ha-summary-cell.balance.credit {
    background: #f5fbff;
}

.ha-summary-cell.balance.settled,
.ha-summary-cell.balance.completed {
    background: #f5fbf7;
}

.ha-summary-cell.balance.danger {
    background: #fff0ef;
}

html[data-house-account-theme="dark"] {
    --bg: var(--ha-dark-page);
    --panel: var(--ha-dark-surface);
    --border: var(--ha-dark-border);
    --text: var(--ha-dark-text);
    --muted: var(--ha-dark-muted);
    --ha-muted: var(--ha-dark-muted);
    --primary: var(--ha-dark-primary);
    --primary-dark: #7cc4ff;
    --danger: #ff9d96;
    --ha-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
    --ha-control-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    --ha-row-hover: #1c2734;
    --ha-row-focus: #17314f;
    color-scheme: dark;
}

html[data-house-account-theme="dark"] body {
    background: var(--ha-dark-page);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] a {
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] .ha-skip-link {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border-strong);
    box-shadow: var(--ha-card-shadow);
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell :where(.ls-card, .statement-month-card, .statement-cycle-status-card, .payment-activity-overview):focus-within {
    border-color: var(--ha-dark-border-strong);
    box-shadow: var(--ha-focus-ring);
}
html[data-house-account-theme="dark"] .house-account-theme-toggle {
    background: #223049;
    border-color: var(--ha-dark-border-strong);
    color: #f7c873;
}

html[data-house-account-theme="dark"] .house-account-theme-toggle:hover,
html[data-house-account-theme="dark"] .house-account-theme-toggle:focus {
    background: #2a3a56;
    border-color: #5b6f90;
    box-shadow: 0 0 0 3px rgba(88, 181, 134, 0.24);
    color: #ffd98c;
}

html[data-house-account-theme="dark"] body.house-account-shell {
    background: var(--ha-dark-page);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border);
    box-shadow: var(--ha-dark-shadow);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-top,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-footer,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-mobile-panel {
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-mobile-panel,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-mobile-bar {
    background: var(--ha-dark-surface);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-brand-name,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-logout,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-logout-button,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav a,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li span {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-brand-mark {
    background: var(--ha-dark-accent-tint);
    color: var(--ha-dark-primary);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-brand-copy,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-powered,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-mobile-copy,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-section-label {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li > a i {
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li#lightspeed i,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li#lightspeed-mobile i {
    color: #ff918a;
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-toggle,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-search input {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-search button {
    background: transparent;
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-search input::placeholder {
    color: #8fa0b4;
}

html[data-house-account-theme="dark"] body.house-account-shell .house-account-nav-dev-link {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] body.house-account-shell .house-account-nav-dev-link i {
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell .house-account-nav-dev-link:hover,
html[data-house-account-theme="dark"] body.house-account-shell .house-account-nav-dev-link:focus,
html[data-house-account-theme="dark"] body.house-account-shell .house-account-nav-dev-link.active {
    background: var(--ha-dark-surface-soft);
    border-color: #5b6f90;
    box-shadow: 0 0 0 3px rgba(88, 181, 134, 0.24);
    color: #ffffff;
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li:hover,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav a:hover li,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav a:focus-visible li {
    background: rgba(28, 58, 42, 0.6);
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-toggle:hover,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-toggle:focus,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-search button:hover,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-search button:focus {
    background: var(--ha-dark-surface-soft);
    color: #ffffff;
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li:hover span,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav a:hover li span,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav a:focus-visible li span {
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li.active,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li > a[aria-current="page"],
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav ul .active,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li.active {
    background: var(--ha-dark-accent-tint);
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li.active .house-account-nav-item-label,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li > a[aria-current="page"] .house-account-nav-item-label {
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav ul .active i,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li.active i,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li > a[aria-current="page"] i {
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-badge {
    background: #d97706;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
    color: #fff7ed;
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-divider {
    background: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-logout:hover,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-logout:focus {
    color: #ffffff;
}

html[data-house-account-theme="dark"] .ls-page,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page,
html[data-house-account-theme="dark"] .ls-statements-page,
html[data-house-account-theme="dark"] .ls-locations-page {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-card,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-card,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-metric,
html[data-house-account-theme="dark"] .ls-summary-card,
html[data-house-account-theme="dark"] .ls-loc-card,
html[data-house-account-theme="dark"] .ls-financial-card,
html[data-house-account-theme="dark"] .ls-statement-scope-strip,
html[data-house-account-theme="dark"] .ha-summary-band,
html[data-house-account-theme="dark"] .ls-process-status,
html[data-house-account-theme="dark"] .ls-empty-state,
html[data-house-account-theme="dark"] .panel,
html[data-house-account-theme="dark"] .dashcard,
html[data-house-account-theme="dark"] .statscard,
html[data-house-account-theme="dark"] .eventWrapper,
html[data-house-account-theme="dark"] .modal-content,
html[data-house-account-theme="dark"] main.login-shell,
html[data-house-account-theme="dark"] body:not(.house-account-shell) main {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border);
    box-shadow: var(--ha-dark-shadow);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-card-header,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-card-header,
html[data-house-account-theme="dark"] .ls-loc-card-header,
html[data-house-account-theme="dark"] .ha-account-card,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config-head,
html[data-house-account-theme="dark"] .modal-header,
html[data-house-account-theme="dark"] .modal-footer,
html[data-house-account-theme="dark"] header,
html[data-house-account-theme="dark"] .login-header {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-header,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-header,
html[data-house-account-theme="dark"] .ls-financial-band {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    box-shadow: var(--ha-dark-shadow);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .login-brand-panel {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .login-brand-mark {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border-strong);
    box-shadow: none;
}

html[data-house-account-theme="dark"] .login-brand-panel h1 {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .login-brand-logo {
    color: #E91C1D;
}

html[data-house-account-theme="dark"] .login-brand-powered {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] h1,
html[data-house-account-theme="dark"] h2,
html[data-house-account-theme="dark"] h3,
html[data-house-account-theme="dark"] h4,
html[data-house-account-theme="dark"] .ls-card-title,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-card-title,
html[data-house-account-theme="dark"] .ls-page-header h1,
html[data-house-account-theme="dark"] .ls-page-header h2,
html[data-house-account-theme="dark"] .ls-financial-band-title,
html[data-house-account-theme="dark"] .loc-name,
html[data-house-account-theme="dark"] .ha-account-kicker + h2,
html[data-house-account-theme="dark"] .ha-profile-name,
html[data-house-account-theme="dark"] .ha-member-name,
html[data-house-account-theme="dark"] .ha-summary-value,
html[data-house-account-theme="dark"] .ha-statement-stat-value,
html[data-house-account-theme="dark"] .ha-link-value,
html[data-house-account-theme="dark"] .ha-balance,
html[data-house-account-theme="dark"] .summary-total,
html[data-house-account-theme="dark"] .ls-summary-stat strong,
html[data-house-account-theme="dark"] .ls-financial-value,
html[data-house-account-theme="dark"] .ls-scope-item strong,
html[data-house-account-theme="dark"] .ls-loc-summary-value,
html[data-house-account-theme="dark"] .ls-location-statement-value,
html[data-house-account-theme="dark"] .ls-loc-priority strong,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-metric-value,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-club-name,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-detail-value,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-title,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-setup-title,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-checkbox,
html[data-house-account-theme="dark"] .ls-process-status-heading h3,
html[data-house-account-theme="dark"] .ls-process-next-step span,
html[data-house-account-theme="dark"] .ls-process-detail-progress-head span,
html[data-house-account-theme="dark"] .ls-process-step-copy strong,
html[data-house-account-theme="dark"] .ls-process-backfill-stat strong,
html[data-house-account-theme="dark"] .ls-process-detail-stat strong,
html[data-house-account-theme="dark"] .ls-process-job-row strong {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] p,
html[data-house-account-theme="dark"] .muted,
html[data-house-account-theme="dark"] .text-muted,
html[data-house-account-theme="dark"] .help-block,
html[data-house-account-theme="dark"] .ls-muted,
html[data-house-account-theme="dark"] .ls-card-copy,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-card-copy,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-muted,
html[data-house-account-theme="dark"] .ls-subtitle,
html[data-house-account-theme="dark"] .ls-page-subtitle,
html[data-house-account-theme="dark"] .ha-muted,
html[data-house-account-theme="dark"] .ha-inline-meta,
html[data-house-account-theme="dark"] .ha-table-text-muted,
html[data-house-account-theme="dark"] .ha-summary-copy,
html[data-house-account-theme="dark"] .ha-statement-stat-copy,
html[data-house-account-theme="dark"] .ha-next-step-copy,
html[data-house-account-theme="dark"] .ha-next-step-interest-copy,
html[data-house-account-theme="dark"] .ha-focus-list,
html[data-house-account-theme="dark"] .ha-contact-row,
html[data-house-account-theme="dark"] .ha-profile-subtitle,
html[data-house-account-theme="dark"] .ls-financial-copy,
html[data-house-account-theme="dark"] .ls-scope-item span,
html[data-house-account-theme="dark"] .ls-scope-item p,
html[data-house-account-theme="dark"] .ls-loc-priority p,
html[data-house-account-theme="dark"] .ls-loc-summary-value.empty,
html[data-house-account-theme="dark"] .ls-summary-stat,
html[data-house-account-theme="dark"] .ls-empty-state,
html[data-house-account-theme="dark"] .ls-process-status-copy p,
html[data-house-account-theme="dark"] .ls-process-detail-progress p,
html[data-house-account-theme="dark"] .ls-process-detail-progress-head strong,
html[data-house-account-theme="dark"] .ls-process-step-copy span,
html[data-house-account-theme="dark"] .ls-process-backfill-stat span,
html[data-house-account-theme="dark"] .ls-process-detail-stat span,
html[data-house-account-theme="dark"] .ls-process-job-row p,
html[data-house-account-theme="dark"] .ls-process-progress-value,
html[data-house-account-theme="dark"] .ls-process-live-row {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .ls-financial-band {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

html[data-house-account-theme="dark"] .ls-statement-scope-strip {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ls-scope-item {
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ls-analytics-yoy-panel,
html[data-house-account-theme="dark"] .ls-analytics-chart-card,
html[data-house-account-theme="dark"] .ls-analytics-panel,
html[data-house-account-theme="dark"] .ls-yoy-row {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border);
    box-shadow: var(--ha-dark-shadow);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-analytics-section-head h4,
html[data-house-account-theme="dark"] .ls-yoy-row-head strong,
html[data-house-account-theme="dark"] .ls-rank-title,
html[data-house-account-theme="dark"] .ls-rank-row strong,
html[data-house-account-theme="dark"] .ls-location-bar-label strong,
html[data-house-account-theme="dark"] .ls-location-net,
html[data-house-account-theme="dark"] .ls-month-column strong {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-analytics-section-head span,
html[data-house-account-theme="dark"] .ls-yoy-row-head span,
html[data-house-account-theme="dark"] .ls-rank-meta,
html[data-house-account-theme="dark"] .ls-rank-amount span,
html[data-house-account-theme="dark"] .ls-location-net span,
html[data-house-account-theme="dark"] .ls-month-column em,
html[data-house-account-theme="dark"] .ls-chart-legend,
html[data-house-account-theme="dark"] .ls-analytics-empty {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .ls-yoy-track,
html[data-house-account-theme="dark"] .ls-rank-track,
html[data-house-account-theme="dark"] .ls-location-track {
    background: var(--ha-dark-surface-muted);
}

html[data-house-account-theme="dark"] .ls-rank-row.link:hover,
html[data-house-account-theme="dark"] .ls-rank-row.link:focus {
    background: var(--ha-dark-surface-soft);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-rank-row.link:hover .ls-rank-title,
html[data-house-account-theme="dark"] .ls-rank-row.link:focus .ls-rank-title,
html[data-house-account-theme="dark"] .ls-rank-row.link:hover strong,
html[data-house-account-theme="dark"] .ls-rank-row.link:focus strong {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-rank-row.link:hover .ls-rank-meta,
html[data-house-account-theme="dark"] .ls-rank-row.link:focus .ls-rank-meta {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .ls-month-chart-shell {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ls-month-gridline {
    background: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ls-month-bars {
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ls-month-column.active .ls-month-bars {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
}

html[data-house-account-theme="dark"] label,
html[data-house-account-theme="dark"] .ls-form-grid label,
html[data-house-account-theme="dark"] .ls-config-field label,
html[data-house-account-theme="dark"] .ls-filter-field label,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-metric-label,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-filter-field label,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-form-grid label,
html[data-house-account-theme="dark"] .ha-summary-label,
html[data-house-account-theme="dark"] .ha-statement-stat-label,
html[data-house-account-theme="dark"] .summary-title,
html[data-house-account-theme="dark"] .ha-profile-section-title,
html[data-house-account-theme="dark"] .ha-meta-label,
html[data-house-account-theme="dark"] .ha-link-label,
html[data-house-account-theme="dark"] .ls-financial-label,
html[data-house-account-theme="dark"] .ls-loc-summary-label,
html[data-house-account-theme="dark"] .ls-location-statement-label,
html[data-house-account-theme="dark"] .ls-loc-label {
    color: #b8c3d2;
}

html[data-house-account-theme="dark"] input,
html[data-house-account-theme="dark"] select,
html[data-house-account-theme="dark"] textarea,
html[data-house-account-theme="dark"] .ls-loc-select,
html[data-house-account-theme="dark"] .ls-cycle-builder input,
html[data-house-account-theme="dark"] .ls-cycle-builder select,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-form-grid input,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-form-grid select,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-filter-field input,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-filter-field select,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-field input,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-field select,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-field textarea,
html[data-house-account-theme="dark"] .ha-search-field input,
html[data-house-account-theme="dark"] .ha-card-header-month select {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] input:focus,
html[data-house-account-theme="dark"] select:focus,
html[data-house-account-theme="dark"] textarea:focus,
html[data-house-account-theme="dark"] .ha-search-field input:focus,
html[data-house-account-theme="dark"] .nav-side-menu.house-account-nav .house-account-nav-search input:focus {
    border-color: var(--ha-dark-primary);
    box-shadow: 0 0 0 3px rgba(53, 163, 244, 0.18);
    outline: none;
}

html[data-house-account-theme="dark"] body.house-account-shell input:focus,
html[data-house-account-theme="dark"] body.house-account-shell select:focus,
html[data-house-account-theme="dark"] body.house-account-shell textarea:focus {
    box-shadow: var(--ha-focus-ring);
}

html[data-house-account-theme="dark"] .ha-search-label {
    background: var(--ha-dark-surface);
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .ha-search-icon,
html[data-house-account-theme="dark"] .ha-sort-link.active,
html[data-house-account-theme="dark"] .ha-sort-link:hover,
html[data-house-account-theme="dark"] .ha-sort-link:focus {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] input::placeholder,
html[data-house-account-theme="dark"] textarea::placeholder {
    color: #8393aa;
}

html[data-house-account-theme="dark"] input:-webkit-autofill,
html[data-house-account-theme="dark"] input:-webkit-autofill:hover,
html[data-house-account-theme="dark"] input:-webkit-autofill:focus,
html[data-house-account-theme="dark"] input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--ha-dark-surface-muted) inset !important;
    -webkit-text-fill-color: var(--ha-dark-text) !important;
}

html[data-house-account-theme="dark"] table,
html[data-house-account-theme="dark"] .table,
html[data-house-account-theme="dark"] .base-table,
html[data-house-account-theme="dark"] #profileTabs,
html[data-house-account-theme="dark"] #reportTabs,
html[data-house-account-theme="dark"] .tab-content,
html[data-house-account-theme="dark"] .tab-content-blank,
html[data-house-account-theme="dark"] .chartArea,
html[data-house-account-theme="dark"] .ha-table {
    background: var(--ha-dark-surface);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-table thead th,
html[data-house-account-theme="dark"] .ls-table th,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-table thead th,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-table th,
html[data-house-account-theme="dark"] .ha-table thead th,
html[data-house-account-theme="dark"] .ha-table th,
html[data-house-account-theme="dark"] .table > thead > tr > th {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    color: #b8c3d2;
}

html[data-house-account-theme="dark"] .ls-table tbody td,
html[data-house-account-theme="dark"] .ls-table td,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-table tbody td,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-table td,
html[data-house-account-theme="dark"] .ha-table tbody td,
html[data-house-account-theme="dark"] .ha-table td,
html[data-house-account-theme="dark"] .table > tbody > tr > td,
html[data-house-account-theme="dark"] .event-row {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ha-table tbody tr:hover td,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-table tbody tr:hover td,
html[data-house-account-theme="dark"] .table-hover > tbody > tr:hover > td {
    background: var(--ha-dark-surface-soft);
}

html[data-house-account-theme="dark"] .ha-table .ha-line-item-row td {
    background: var(--ha-dark-surface-muted);
    color: var(--ha-dark-muted);
}

/* The statement editor preview represents the generated PDF, so it stays light in dark mode. */
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-page,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-page table,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-page thead,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-page tbody,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-page tfoot,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-page tr {
    background: #ffffff;
    color: #000000;
}

html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-summary-table th,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-transactions-table th {
    background: var(--ls-theme-header-bg);
    border-color: #333333;
    color: var(--ls-theme-header-text);
}

html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-summary-table td,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-transactions-table td {
    background: #ffffff;
    border-color: #dddddd;
    color: #000000;
}

html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-summary-table tfoot td,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-transactions-table tr.is-charge-header td {
    background: #f5f5f5;
    color: #000000;
}

html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-transactions-table tr.is-line-item td,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-line-item-ref,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-footer-empty {
    color: #5a6878;
}

html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-transactions-table tr.is-payment td,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-summary-table .is-positive {
    color: #2e7d32;
}

html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-summary-table .is-negative {
    color: #c62828;
}

html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-line-item,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-support-text,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-support-title,
html[data-house-account-theme="dark"] .ls-page.ha-theme-page .ls-theme-statement-support-body p {
    color: #000000;
}

html[data-house-account-theme="dark"] .ha-line-detail strong,
html[data-house-account-theme="dark"] .ha-line-marker {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ha-line-marker {
    border-color: var(--ha-dark-border-strong);
}

html[data-house-account-theme="dark"] .ha-line-meta {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .btn-default,
html[data-house-account-theme="dark"] .ls-page .btn.btn-default,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .btn.btn-default,
html[data-house-account-theme="dark"] .btn-back,
html[data-house-account-theme="dark"] .ls-page-header .btn-back,
html[data-house-account-theme="dark"] .pagination > li > a,
html[data-house-account-theme="dark"] .paginator_page_number {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    box-shadow: none;
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] .btn-default:hover,
html[data-house-account-theme="dark"] .btn-default:focus,
html[data-house-account-theme="dark"] .ls-page .btn.btn-default:hover,
html[data-house-account-theme="dark"] .ls-page .btn.btn-default:focus,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .btn.btn-default:hover,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .btn.btn-default:focus,
html[data-house-account-theme="dark"] .btn-back:hover,
html[data-house-account-theme="dark"] .btn-back:focus {
    background: var(--ha-dark-surface-soft);
    border-color: #5b6f90;
    color: var(--ha-dark-link);
}

/* Pressed override: the shared .ha-button.btn-default:active /
   .ls-page .btn-default:active rule (site-theme.css, unscoped) sets
   background: var(--ha-accent-tint), a near-white light-theme color that
   would strand dark-theme text at ~1:1. These re-specify the dark
   press with dark-theme tokens so contrast holds. */
html[data-house-account-theme="dark"] .btn-default:active,
html[data-house-account-theme="dark"] .ls-page .btn.btn-default:active,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .btn.btn-default:active,
html[data-house-account-theme="dark"] .btn-back:active {
    background: var(--ha-dark-accent-tint);
    border-color: var(--ha-dark-accent-border);
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] .btn-primary,
html[data-house-account-theme="dark"] .btn-add,
html[data-house-account-theme="dark"] .ls-page .btn.btn-primary,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .btn.btn-primary,
html[data-house-account-theme="dark"] body:not(.house-account-shell) button:not(.house-account-theme-toggle),
html[data-house-account-theme="dark"] a.button {
    background: var(--ha-dark-primary);
    border-color: var(--ha-dark-primary);
    /* Dark-mode primary is a bright fairway green (#58b586); white text
       lands ~2.5:1, sub-AA. Dark ink clears ~7:1. */
    color: #10241a;
}

html[data-house-account-theme="dark"] .btn-primary:hover,
html[data-house-account-theme="dark"] .btn-primary:focus,
html[data-house-account-theme="dark"] .btn-add:hover,
html[data-house-account-theme="dark"] .btn-add:focus,
html[data-house-account-theme="dark"] .ls-page .btn.btn-primary:hover,
html[data-house-account-theme="dark"] .ls-page .btn.btn-primary:focus,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .btn.btn-primary:hover,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .btn.btn-primary:focus {
    background: #6cc497;
    border-color: #6cc497;
    color: #10241a;
}

/* Pressed override: same reasoning as the .btn-default:active override
   above -- without this, the shared .ha-button.btn-primary:active rule's
   var(--ha-accent-strong) (#175434, a light-theme dark green) would sit
   under the dark-ink text at well under AA contrast. */
html[data-house-account-theme="dark"] .btn-primary:active,
html[data-house-account-theme="dark"] .btn-add:active,
html[data-house-account-theme="dark"] .ls-page .btn.btn-primary:active,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .btn.btn-primary:active {
    background: #6cc497;
    border-color: #6cc497;
    color: #10241a;
}

html[data-house-account-theme="dark"] .ls-page .btn.btn-danger {
    background: #3a1f25;
    border-color: #7f3540;
    color: #ffb7b7;
}

html[data-house-account-theme="dark"] .ls-status,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-status,
html[data-house-account-theme="dark"] .ha-table-chip,
html[data-house-account-theme="dark"] .ha-status-pill,
html[data-house-account-theme="dark"] .ls-status-pill,
html[data-house-account-theme="dark"] .ls-badge,
html[data-house-account-theme="dark"] .ha-inline-tag,
html[data-house-account-theme="dark"] .ls-period-pill,
html[data-house-account-theme="dark"] .ls-month-selector-form,
html[data-house-account-theme="dark"] .ls-player-type-filter-form,
html[data-house-account-theme="dark"] .ha-filter-select-control {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-month-selector-form select,
html[data-house-account-theme="dark"] .ls-player-type-filter-form select,
html[data-house-account-theme="dark"] .ha-filter-select-control select {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ha-filter-chip,
html[data-house-account-theme="dark"] .ha-page-size-chip,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-card-toggle {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ha-filter-chip:hover,
html[data-house-account-theme="dark"] .ha-filter-chip:focus,
html[data-house-account-theme="dark"] .ha-page-size-chip:hover,
html[data-house-account-theme="dark"] .ha-page-size-chip:focus,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-card-toggle:hover,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-card-toggle:focus {
    background: var(--ha-dark-surface-soft);
    border-color: #5b6f90;
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] .ha-filter-chip.active,
html[data-house-account-theme="dark"] .ha-page-size-chip.active {
    background: #123622;
    border-color: #256b42;
    color: #8be2a9;
}

html[data-house-account-theme="dark"] .ls-status.connected,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-status.connected,
html[data-house-account-theme="dark"] .ls-status-completed,
html[data-house-account-theme="dark"] .ls-process-status-badge.connected,
html[data-house-account-theme="dark"] .ha-table-chip.status-settled,
html[data-house-account-theme="dark"] .ha-table-chip.payment-success,
html[data-house-account-theme="dark"] .ha-status-pill.settled,
html[data-house-account-theme="dark"] .ha-status-pill.completed,
html[data-house-account-theme="dark"] .ls-status-pill.settled,
html[data-house-account-theme="dark"] .ls-badge-active,
html[data-house-account-theme="dark"] .ls-badge-mapped {
    background: #123622;
    border-color: #256b42;
    color: #8be2a9;
}

html[data-house-account-theme="dark"] .ls-status.pending,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-status.pending,
html[data-house-account-theme="dark"] .ls-status-pending,
html[data-house-account-theme="dark"] .ls-status-polling,
html[data-house-account-theme="dark"] .ls-status-running,
html[data-house-account-theme="dark"] .ls-process-status-badge.pending,
html[data-house-account-theme="dark"] .ha-table-chip.status-attention,
html[data-house-account-theme="dark"] .ha-table-chip.status-pending,
html[data-house-account-theme="dark"] .ha-table-chip.payment-warning,
html[data-house-account-theme="dark"] .ha-status-pill.owes,
html[data-house-account-theme="dark"] .ha-status-pill.pending,
html[data-house-account-theme="dark"] .ls-status-pill.owes,
html[data-house-account-theme="dark"] .ls-badge-needs-action {
    background: #3a2a13;
    border-color: #7c5522;
    color: #ffd38a;
}

html[data-house-account-theme="dark"] .ls-status.danger,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-status.danger,
html[data-house-account-theme="dark"] .ls-process-status-badge.danger,
html[data-house-account-theme="dark"] .ha-table-chip.status-owes,
html[data-house-account-theme="dark"] .ha-table-chip.payment-danger,
html[data-house-account-theme="dark"] .ls-status-failed,
html[data-house-account-theme="dark"] .alert-danger,
html[data-house-account-theme="dark"] .errors {
    background: #3a1f25;
    border-color: #7f3540;
    color: #ffb7b7;
}

html[data-house-account-theme="dark"] .ha-table-chip.status-credit,
html[data-house-account-theme="dark"] .ha-status-pill.credit,
html[data-house-account-theme="dark"] .ls-status-generated,
html[data-house-account-theme="dark"] .ls-badge-primary {
    background: #14345a;
    border-color: #245c96;
    color: #9ed1ff;
}

html[data-house-account-theme="dark"] .ls-info-banner i {
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] .ha-payment-note {
    color: var(--ha-dark-text-muted);
}

html[data-house-account-theme="dark"] .ls-process-detail-progress p.ls-process-detail-warning {
    color: #ffd38a;
}

html[data-house-account-theme="dark"] .alert-info,
html[data-house-account-theme="dark"] .alert-success {
    background: #123622;
    border-color: #256b42;
    color: #8be2a9;
}

html[data-house-account-theme="dark"] .alert-warning {
    background: #3a2a13;
    border-color: #7c5522;
    color: #ffd38a;
}

html[data-house-account-theme="dark"] .ha-table-chip.status-watch {
    background: #2e2545;
    border-color: #645090;
    color: #d6c3ff;
}

html[data-house-account-theme="dark"] .ls-context-note,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-context-note,
html[data-house-account-theme="dark"] .ls-info-banner,
html[data-house-account-theme="dark"] .ls-location-statement,
html[data-house-account-theme="dark"] .ls-loc-summary-card,
html[data-house-account-theme="dark"] .ha-link-item,
html[data-house-account-theme="dark"] .ls-process-next-step,
html[data-house-account-theme="dark"] .ls-process-detail-progress,
html[data-house-account-theme="dark"] .ls-process-backfill-summary,
html[data-house-account-theme="dark"] .ls-process-backfill-stat,
html[data-house-account-theme="dark"] .ls-process-detail-stat,
html[data-house-account-theme="dark"] .ls-process-job-progress,
html[data-house-account-theme="dark"] .ls-background-job-progress,
html[data-house-account-theme="dark"] .ls-process-step,
html[data-house-account-theme="dark"] .ls-process-job-row,
html[data-house-account-theme="dark"] .ls-location-config,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-payment-type-panel,
html[data-house-account-theme="dark"] .ls-setup-item,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-setup-item,
html[data-house-account-theme="dark"] .ha-next-step-interest-card {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config-list {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-payment-type-head {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-payment-type-head h3 {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-form {
    background: var(--ha-dark-surface);
    background-color: var(--ha-dark-surface);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-form .form-control,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-form input,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-form select,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-form textarea {
    background: var(--ha-dark-surface-muted);
    background-color: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config .ls-config-form {
    background: var(--ha-dark-surface);
    background-color: var(--ha-dark-surface);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config .ls-config-field input,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config .ls-config-field select,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config .ls-config-field textarea {
    background: var(--ha-dark-surface-muted);
    background-color: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config .ls-config-field input:focus,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config .ls-config-field select:focus,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-location-config .ls-config-field textarea:focus {
    border-color: var(--ha-dark-primary);
    box-shadow: var(--ha-focus-ring);
    outline: none;
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-setup-icon {
    background: #3a2a13;
    color: #ffd38a;
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-setup-icon i {
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1;
    margin: 0;
    width: 1em;
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-setup-item.complete .ls-setup-icon {
    background: #123622;
    color: #8be2a9;
}

/* Club Manage uses the shared dark surface hierarchy throughout. */
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-header h1 {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-subtitle,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-field label,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-table th {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-config-field label.ls-checkbox {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-choice > input,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-checkbox input[type="checkbox"] {
    accent-color: var(--ha-dark-primary);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-status i {
    color: currentColor;
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-setup-progress-bar {
    background: var(--ha-dark-primary);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-option,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-tier-select {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-choice:hover .ls-collection-policy-option {
    border-color: var(--ha-dark-primary);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-choice > input:focus-visible + .ls-collection-policy-option {
    border-color: var(--ha-dark-primary);
    box-shadow: 0 0 0 3px rgba(88, 181, 134, 0.24);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-choice > input:checked + .ls-collection-policy-option {
    background: var(--ha-dark-accent-tint);
    border-color: var(--ha-dark-accent-border);
    box-shadow: inset 0 0 0 1px rgba(88, 181, 134, 0.14);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-copy strong,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-table-name {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-copy > span,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-note,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-detail-label,
html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-cell-sub {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-collection-policy-footer {
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] body.house-account-shell .ls-page.us-reseller-page .ls-table tbody tr:not(.is-attention):hover > td,
html[data-house-account-theme="dark"] body.house-account-shell .ls-page.us-reseller-page .ls-table tbody tr:focus-within > td {
    background: var(--ha-dark-surface-soft);
}

html[data-house-account-theme="dark"] .monthly-readiness {
    --monthly-ready: var(--ha-dark-link);
    --monthly-ready-soft: var(--ha-dark-accent-tint);
    --monthly-review: #ffd38a;
    --monthly-review-soft: #3a2a13;
    --monthly-blocked: #ffb7b7;
    --monthly-blocked-soft: #3a1f25;
    background: var(--ha-dark-surface);
    border: 1px solid var(--ha-dark-border);
    box-shadow: var(--ha-dark-shadow), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .monthly-readiness-overview h3,
html[data-house-account-theme="dark"] .monthly-readiness-score strong,
html[data-house-account-theme="dark"] .monthly-readiness-stage-heading strong,
html[data-house-account-theme="dark"] .monthly-readiness-item strong {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .monthly-readiness-overview p,
html[data-house-account-theme="dark"] .monthly-readiness-score span,
html[data-house-account-theme="dark"] .monthly-readiness-stage-heading small,
html[data-house-account-theme="dark"] .monthly-readiness-item p,
html[data-house-account-theme="dark"] .monthly-readiness-reassurance {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .monthly-readiness-track,
html[data-house-account-theme="dark"] .monthly-readiness-reassurance,
html[data-house-account-theme="dark"] .monthly-readiness-stage {
    background: var(--ha-dark-surface-muted);
}

html[data-house-account-theme="dark"] .monthly-readiness-reassurance {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html[data-house-account-theme="dark"] .monthly-readiness-stage,
html[data-house-account-theme="dark"] .monthly-readiness-stage[open] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html[data-house-account-theme="dark"] .monthly-readiness-stage[open] {
    background: var(--ha-dark-surface-soft);
}

html[data-house-account-theme="dark"] .monthly-readiness-item + .monthly-readiness-item {
    box-shadow: inset 0 1px var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ls-process-status-pending {
    --ls-process-accent: #f6b84a;
    --ls-process-accent-border: #7c5522;
    --ls-process-accent-soft: #3a2a13;
    --ls-process-accent-strong: #ffd38a;
}

html[data-house-account-theme="dark"] .ls-process-status-connected {
    --ls-process-accent: #49c879;
    --ls-process-accent-border: #256b42;
    --ls-process-accent-soft: #123622;
    --ls-process-accent-strong: #8be2a9;
}

html[data-house-account-theme="dark"] .ls-process-status-danger {
    --ls-process-accent: #ff7d75;
    --ls-process-accent-border: #7f3540;
    --ls-process-accent-soft: #3a1f25;
    --ls-process-accent-strong: #ffb7b7;
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-health-item {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ls-page.us-reseller-page .ls-health-item.warn {
    color: #ffd38a;
}

html[data-house-account-theme="dark"] .club-debug-panel {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border-strong);
    box-shadow: var(--ha-dark-shadow);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .club-debug-panel-summary {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .club-debug-panel-status {
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] .club-debug-panel-section,
html[data-house-account-theme="dark"] .club-debug-panel-meta div,
html[data-house-account-theme="dark"] .club-debug-panel-counts div,
html[data-house-account-theme="dark"] .club-debug-panel-job,
html[data-house-account-theme="dark"] .club-debug-panel-job-details div {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .club-debug-panel-meta div,
html[data-house-account-theme="dark"] .club-debug-panel-counts div,
html[data-house-account-theme="dark"] .club-debug-panel-job {
    background: var(--ha-dark-surface);
}

html[data-house-account-theme="dark"] .club-debug-panel-heading,
html[data-house-account-theme="dark"] .club-debug-panel-meta strong,
html[data-house-account-theme="dark"] .club-debug-panel-counts strong,
html[data-house-account-theme="dark"] .club-debug-panel-job strong,
html[data-house-account-theme="dark"] .club-debug-panel-job-details strong,
html[data-house-account-theme="dark"] .club-debug-panel-form label {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .club-debug-panel-meta span,
html[data-house-account-theme="dark"] .club-debug-panel-counts span,
html[data-house-account-theme="dark"] .club-debug-panel-job span,
html[data-house-account-theme="dark"] .club-debug-panel-job-details span,
html[data-house-account-theme="dark"] .club-debug-panel-copy,
html[data-house-account-theme="dark"] .club-debug-panel-job p {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .club-debug-panel-form select {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .club-debug-settlement-preview div,
html[data-house-account-theme="dark"] .club-debug-settlement-placeholder,
html[data-house-account-theme="dark"] .club-debug-settlement-link-result {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .club-debug-settlement-preview strong,
html[data-house-account-theme="dark"] .club-debug-settlement-link-result strong {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .club-debug-settlement-placeholder,
html[data-house-account-theme="dark"] .club-debug-settlement-preview span,
html[data-house-account-theme="dark"] .club-debug-settlement-link-result span,
html[data-house-account-theme="dark"] .club-debug-settlement-link-result p {
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .club-debug-settlement-link-result a {
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] .club-debug-settlement-link-result code {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .club-debug-settlement-error {
    background: #3a1f25;
    border-color: #7f3540;
    color: #ffb7b7;
}

html[data-house-account-theme="dark"] .ha-summary-band {
    background: var(--ha-dark-border);
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ha-summary-cell {
    background: var(--ha-dark-surface);
}

html[data-house-account-theme="dark"] .ha-summary-cell,
html[data-house-account-theme="dark"] .ha-statement-stat,
html[data-house-account-theme="dark"] .ha-next-step-inline,
html[data-house-account-theme="dark"] .ha-profile-section,
html[data-house-account-theme="dark"] .ls-detail-row,
html[data-house-account-theme="dark"] .ls-summary-breakdown,
html[data-house-account-theme="dark"] .ls-process-live-row,
html[data-house-account-theme="dark"] .ls-process-job-grid,
html[data-house-account-theme="dark"] .ls-location-config-head {
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] .ha-summary-cell.balance.owes,
html[data-house-account-theme="dark"] .ls-loc-priority {
    background: #302416;
    border-color: #62461f;
}

html[data-house-account-theme="dark"] .ha-summary-cell.balance.credit {
    background: #142b46;
}

html[data-house-account-theme="dark"] .ha-summary-cell.balance.settled,
html[data-house-account-theme="dark"] .ls-loc-priority.mapped {
    background: #122c20;
}

html[data-house-account-theme="dark"] .ha-profile-avatar,
html[data-house-account-theme="dark"] .summary-icon,
html[data-house-account-theme="dark"] .ls-card-title i,
html[data-house-account-theme="dark"] .ls-process-step-marker,
html[data-house-account-theme="dark"] .ls-process-detail-progress-track,
html[data-house-account-theme="dark"] .ls-process-progress-track,
html[data-house-account-theme="dark"] .ls-setup-progress {
    background: var(--ha-dark-surface-soft);
    color: var(--ha-dark-link);
}

html[data-house-account-theme="dark"] .ls-process-status-icon {
    background: var(--ls-process-accent-soft);
    border-color: var(--ls-process-accent-border);
    color: var(--ls-process-accent-strong);
}

html[data-house-account-theme="dark"] .ls-process-step.complete {
    background: #122c20;
    border-color: #256b42;
}

html[data-house-account-theme="dark"] .ls-process-step.current {
    background: #302416;
    border-color: #62461f;
}

html[data-house-account-theme="dark"] .ls-process-step.danger {
    background: #3a1f25;
    border-color: #7f3540;
}

html[data-house-account-theme="dark"] .ls-process-step.complete .ls-process-step-marker {
    background: #1f9d55;
    color: #ffffff;
}

html[data-house-account-theme="dark"] .ls-process-step.current .ls-process-step-marker {
    background: #d88900;
    color: #ffffff;
}

html[data-house-account-theme="dark"] .ls-process-step.danger .ls-process-step-marker {
    background: #c0392b;
    color: #ffffff;
}

html[data-house-account-theme="dark"] .ui-menu,
html[data-house-account-theme="dark"] .ui-autocomplete,
html[data-house-account-theme="dark"] .dropdown-menu {
    background: var(--ha-dark-surface);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .ui-menu-item > a.ui-corner-all,
html[data-house-account-theme="dark"] .dropdown-menu > li > a {
    color: var(--ha-dark-text);
}

html[data-house-account-theme="dark"] .masthead .alert {
    box-shadow: var(--ha-dark-shadow);
}

@media (max-width: 600px) {
    .auth-theme-toggle {
        right: 12px;
        top: 12px;
    }

    .ha-summary-cell-content {
        flex-direction: column;
    }

    .ha-summary-cell .ha-button,
    .ha-summary-cell .ha-button-form {
        width: 100%;
    }
}

/* Club staff access (Team page) — dark mode */
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-table th {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border);
    color: var(--ha-dark-muted);
}
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-table td {
    border-color: var(--ha-dark-border);
}
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-name,
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-level {
    color: var(--ha-dark-text);
}
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-email,
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-empty,
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-field label,
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-invite-title {
    color: var(--ha-dark-muted);
}
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-select,
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-field input,
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-field select {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-text);
}
html[data-house-account-theme="dark"] .ls-staff-access .btn-default {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-link);
}
html[data-house-account-theme="dark"] .ls-staff-access .ls-team-invite-form {
    border-color: var(--ha-dark-border);
}
html[data-house-account-theme="dark"] .ls-staff-access .ls-status-pill-muted {
    background: var(--ha-dark-surface-muted);
    border-color: var(--ha-dark-border-strong);
    color: var(--ha-dark-muted);
}

html[data-house-account-theme="dark"] .ls-staff-access .ls-team-table tr {
    border-color: var(--ha-dark-border);
}

/* Dark-mode counterparts for the grouped house-account navigation. */
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav {
    scrollbar-color: #4a473a transparent;
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav::-webkit-scrollbar-thumb {
    background: #4a473a;
    border-color: transparent;
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-group + .house-account-nav-group {
    border-color: var(--ha-dark-border);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-footer {
    background: var(--ha-dark-surface-muted);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li.active,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li:focus-within {
    box-shadow: inset 0 0 0 1px rgba(88, 181, 134, 0.12);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav li.active::before {
    background: var(--ha-dark-primary);
}

html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-logout-button:hover,
html[data-house-account-theme="dark"] body.house-account-shell .nav-side-menu.house-account-nav .house-account-nav-logout-button:focus-visible {
    background: rgba(88, 181, 134, 0.1);
}
/* Bootstrap defaults visible captions to #999, which is 2.7:1 on our light surfaces.
   Visually hidden captions are unaffected either way. */
caption {
    color: var(--ha-muted);
}