:root {
    --ha-light-page: #e6ebf1;
    --ha-light-page-soft: #f1f5f8;
    --ha-light-surface: #ffffff;
    --ha-light-surface-muted: #f8f9fa;
    --ha-light-surface-soft: #fbfcfd;
    --ha-light-border: #e3e8ef;
    --ha-light-border-strong: #cfd9e4;
    --ha-light-text: #1f2d3d;
    --ha-light-muted: #62707d;
    --ha-light-primary: #0b84d8;
    --ha-light-shadow: 0 12px 26px rgba(15, 23, 42, 0.07);
    --ha-dark-page: #10141b;
    --ha-dark-surface: #181f29;
    --ha-dark-surface-muted: #121821;
    --ha-dark-surface-soft: #202a36;
    --ha-dark-border: #303a49;
    --ha-dark-border-strong: #465366;
    --ha-dark-text: #edf3fa;
    --ha-dark-muted: #b1bfce;
    --ha-dark-link: #86c9ff;
    --ha-dark-primary: #35a3f4;
    --ha-dark-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
    --ha-focus-ring: 0 0 0 3px rgba(11, 132, 216, 0.18);
    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: #c9d7e5;
    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: #c9d7e5;
    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-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: #0b84d8;
}

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

.ha-button:hover,
.ha-button:focus {
    outline: none;
    text-decoration: none;
    transform: translateY(-1px);
}

.ha-button.btn-primary {
    background: #0b84d8;
    border-color: #0b84d8;
    box-shadow: 0 8px 18px rgba(11, 132, 216, 0.24);
    color: #ffffff;
}

.ha-button.btn-primary:hover,
.ha-button.btn-primary:focus {
    background: #085b95;
    border-color: #085b95;
    box-shadow: 0 10px 22px rgba(8, 91, 149, 0.28);
    color: #ffffff;
}

.ha-button.btn-default,
.ha-button.btn-back {
    background: #ffffff;
    border-color: #d8e3ee;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
    color: #0b84d8;
}

.ha-button.btn-default:hover,
.ha-button.btn-default:focus,
.ha-button.btn-back:hover,
.ha-button.btn-back:focus {
    background: #f5f8fb;
    border-color: #c9d7e5;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
    color: #085b95;
}

.ha-button.btn-danger {
    background: #c0392b;
    border-color: #c0392b;
    box-shadow: 0 8px 18px rgba(192, 57, 43, 0.22);
    color: #ffffff;
}

.ha-button.btn-danger:hover,
.ha-button.btn-danger:focus {
    background: #9f2f24;
    border-color: #9f2f24;
    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: 11px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    padding: 5px 9px;
    text-transform: uppercase;
    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: #edf1f4;
    border: 1px solid #edf1f4;
    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: #667085;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

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

.ha-summary-copy {
    color: #667085;
    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: #fff5f5;
}

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);
    --primary: var(--ha-dark-primary);
    --primary-dark: #7cc4ff;
    --danger: #ff9d96;
    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"] .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(124, 196, 255, 0.18);
    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"] .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"] .nav-side-menu.house-account-nav .house-account-nav-top,
html[data-house-account-theme="dark"] .nav-side-menu.house-account-nav .house-account-nav-footer,
html[data-house-account-theme="dark"] .nav-side-menu.house-account-nav .house-account-nav-mobile-panel {
    border-color: var(--ha-dark-border);
}

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

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

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

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

html[data-house-account-theme="dark"] .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"] .house-account-nav-dev-link i {
    color: #92ccff;
}

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

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

html[data-house-account-theme="dark"] .nav-side-menu.house-account-nav ul .active,
html[data-house-account-theme="dark"] .nav-side-menu.house-account-nav li .active {
    background: #18314f;
    color: #92ccff;
}

html[data-house-account-theme="dark"] .nav-side-menu.house-account-nav ul .active i,
html[data-house-account-theme="dark"] .nav-side-menu.house-account-nav li .active i,
html[data-house-account-theme="dark"] .nav-side-menu.house-account-nav a li i {
    color: #92ccff;
}

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"] .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: linear-gradient(135deg, #172033 0%, #223049 100%);
    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 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-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-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-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"] 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"] .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);
}

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: #b7ddff;
}

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: #0b84d8;
    border-color: #0b84d8;
    color: #ffffff;
}

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: #1697ef;
    border-color: #1697ef;
    color: #ffffff;
}

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 {
    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,
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-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-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"] .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"] .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-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-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: 0 0 0 3px rgba(53, 163, 244, 0.18);
    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;
}

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"] .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%;
    }
}