/*
 * Shared dark-theme polish for application/auth surfaces and Home Page 3.
 * Loaded after generated tenant styles so semantic tokens remain admin-driven.
 */

:root[data-theme='dark'],
:root[lw-theme-mode='dark'] {
    --lw-dark-page-color: #101318;
    --lw-dark-surface-color: #171b22;
    --lw-dark-elevated-color: #1d2530;
    --lw-dark-border-color: #2b3643;
    --lw-dark-text-color: #f3f6fa;
    --lw-dark-muted-color: #aab4c2;
    --lw-dark-pattern-start: rgba(16, 19, 24, 0.48);
    --lw-dark-pattern-end: rgba(16, 19, 24, 0.62);
    --lw-dark-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
    --lw-dark-divider-color: rgba(255, 255, 255, 0.06);
    --lw-auth-boundary-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), 0 3px 10px rgba(0, 0, 0, 0.06);
    --lw-dark-color-scheme: dark;
    --lw-dark-danger-color: #dc2626;
    --lw-dark-danger-hover-color: #b91c1c;
}

@media (prefers-color-scheme: dark) {
    :root[data-theme='system_default'],
    :root[lw-theme-mode='system_default'] {
        --lw-dark-page-color: #101318;
        --lw-dark-surface-color: #171b22;
        --lw-dark-elevated-color: #1d2530;
        --lw-dark-border-color: #2b3643;
        --lw-dark-text-color: #f3f6fa;
        --lw-dark-muted-color: #aab4c2;
        --lw-dark-pattern-start: rgba(16, 19, 24, 0.48);
        --lw-dark-pattern-end: rgba(16, 19, 24, 0.62);
        --lw-dark-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
        --lw-dark-divider-color: rgba(255, 255, 255, 0.06);
        --lw-auth-boundary-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), 0 3px 10px rgba(0, 0, 0, 0.06);
        --lw-dark-color-scheme: dark;
        --lw-dark-danger-color: #dc2626;
        --lw-dark-danger-hover-color: #b91c1c;
    }
}

/* Dark App BG Color picker: color and real transparency share one preview. */
.lw-dark-bg-picker-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 44px;
}

.lw-dark-bg-color-picker {
    width: 76px;
    min-width: 76px;
    height: 44px;
    padding: 0.2rem;
    cursor: pointer;
}

.lw-dark-bg-color-picker:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.lw-dark-bg-preview {
    min-height: 72px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.6rem;
    background-color: #101318;
    background-image: url('../../imgs/wa-message-bg-dark.png');
    background-position: center;
    background-repeat: repeat;
    background-size: 180px auto;
}

.lw-dark-bg-preview-layer {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 0.75rem;
    transition: background-color 160ms ease;
}

.lw-dark-bg-preview-layer > span {
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: rgba(16, 19, 24, 0.78);
    color: #f3f6fa;
    font-size: 0.78rem;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .lw-dark-bg-picker-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.65rem;
    }
}

/* Application, Vendor, Partner and shared authentication shell. */
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) > body {
    background-color: var(--lw-dark-page-color) !important;
    color: var(--lw-dark-text-color);
    color-scheme: var(--lw-dark-color-scheme);
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) > body.lw-theme-pattern-enabled {
    background-image:
        linear-gradient(var(--lw-dark-pattern-start), var(--lw-dark-pattern-end)),
        url('../../imgs/wa-message-bg-dark.png') !important;
    background-attachment: fixed, fixed !important;
    background-position: center, top left !important;
    background-repeat: no-repeat, repeat !important;
    background-size: cover, 540px auto !important;
}

@media (max-width: 767.98px) {
    html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) > body.lw-theme-pattern-enabled {
        background-attachment: scroll, scroll !important;
    }
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .main-content,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .header,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page > footer {
    background: transparent !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .navbar-top {
    background: transparent !important;
    border-bottom: 1px solid var(--lw-dark-border-color) !important;
    box-shadow: var(--lw-dark-shadow) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .navbar-top #navbar-collapse-main,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-home-page-3 #mainNav #navbarResponsive {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-form-card-box {
    background: var(--lw-dark-surface-color) !important;
    background: color-mix(in srgb, var(--lw-dark-surface-color) 94%, transparent) !important;
    border: 1px solid var(--lw-dark-border-color) !important;
    box-shadow: var(--lw-dark-shadow) !important;
    color: var(--lw-dark-text-color);
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-form-card-box .card-header,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-form-card-box .card-body,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-form-card-box .card-footer {
    background: transparent !important;
    color: var(--lw-dark-text-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-form-card-box .card-header,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-form-card-box hr {
    border-color: var(--lw-dark-border-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .input-group-alternative,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .form-control,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .input-group-text,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-password-toggle {
    background-color: var(--lw-dark-elevated-color) !important;
    border-color: var(--lw-dark-border-color) !important;
    color: var(--lw-dark-text-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .form-control::placeholder {
    color: var(--lw-dark-muted-color) !important;
    opacity: 0.9;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .text-light,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .text-muted,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page label,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page footer {
    color: var(--lw-dark-muted-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .text-dark,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-partner-auth-name {
    color: var(--lw-dark-text-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-partner-auth-tagline {
    color: var(--lw-dark-muted-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .navbar-brand-img,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-partner-auth-logo {
    object-fit: contain;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .custom-control-input:not(:checked):not(:indeterminate) ~ .custom-control-label::before {
    background-color: var(--lw-dark-elevated-color) !important;
    border-color: var(--lw-dark-border-color) !important;
}

@media (max-width: 575.98px) {
    html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-guest-page-container-block {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-auth-login-page .lw-form-card-box {
        margin-top: 1rem;
    }
}

/* Remove full-width shadow bands from public auth boundaries in explicit dark mode. */
html[lw-theme-mode='dark'] body.lw-guest-page.main-content-has-bg::before {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none;
}

html[lw-theme-mode='dark'] body.lw-guest-page.main-content-has-bg .main-content,
html[lw-theme-mode='dark'] body.lw-guest-page.main-content-has-bg .header,
html[lw-theme-mode='dark'] body.lw-guest-page.main-content-has-bg > footer {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[lw-theme-mode='dark'] body.lw-guest-page.main-content-has-bg .navbar-top {
    border-bottom: 1px solid var(--lw-dark-divider-color) !important;
    box-shadow: var(--lw-auth-boundary-shadow) !important;
}

html[lw-theme-mode='dark'] body.lw-guest-page.main-content-has-bg .lw-form-card-box {
    border-color: var(--lw-dark-divider-color) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
}

@media (prefers-color-scheme: dark) {
    html[lw-theme-mode='system_default'] body.lw-guest-page.main-content-has-bg::before {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none;
    }

    html[lw-theme-mode='system_default'] body.lw-guest-page.main-content-has-bg .main-content,
    html[lw-theme-mode='system_default'] body.lw-guest-page.main-content-has-bg .header,
    html[lw-theme-mode='system_default'] body.lw-guest-page.main-content-has-bg > footer {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html[lw-theme-mode='system_default'] body.lw-guest-page.main-content-has-bg .navbar-top {
        border-bottom: 1px solid var(--lw-dark-divider-color) !important;
        box-shadow: var(--lw-auth-boundary-shadow) !important;
    }

    html[lw-theme-mode='system_default'] body.lw-guest-page.main-content-has-bg .lw-form-card-box {
        border-color: var(--lw-dark-divider-color) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
    }
}

/* The public dark login card uses its surface/shadow for separation. */
html[lw-theme-mode='dark'] body.lw-auth-login-page .lw-form-card-box {
    border: 0 !important;
}

@media (prefers-color-scheme: dark) {
    html[lw-theme-mode='system_default'] body.lw-auth-login-page .lw-form-card-box {
        border: 0 !important;
    }
}

/* Central Console > Configuration > Misc. */
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc {
    color: var(--lw-dark-text-color);
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc fieldset {
    background-color: var(--lw-dark-surface-color) !important;
    border: 1px solid var(--lw-dark-border-color) !important;
    box-shadow: var(--lw-dark-shadow) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc fieldset legend {
    background-color: var(--lw-dark-elevated-color) !important;
    border-color: var(--lw-dark-border-color) !important;
    color: var(--lw-dark-text-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .lw-form,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .row,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .col,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc [class^='col-'],
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc [class*=' col-'] {
    background-color: transparent !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .form-control,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .selectize-input,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .selectize-dropdown,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .input-group-text,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc textarea {
    background-color: var(--lw-dark-elevated-color) !important;
    border-color: var(--lw-dark-border-color) !important;
    color: var(--lw-dark-text-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .selectize-input input,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .form-control::placeholder {
    color: var(--lw-dark-muted-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .alert-light,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .alert-dark {
    background-color: var(--lw-dark-elevated-color) !important;
    border-color: var(--lw-dark-border-color) !important;
    color: var(--lw-dark-text-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc hr {
    border-color: var(--lw-dark-border-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc code,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc small,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc .text-muted {
    color: var(--lw-dark-muted-color) !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .lw-configuration-misc input[type='color'] {
    background-color: var(--lw-dark-elevated-color) !important;
    border: 1px solid var(--lw-dark-border-color) !important;
}

/* Home Page 3 keeps its layout and receives only palette/surface treatment. */
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page {
    background-color: var(--lw-dark-page-color) !important;
    color: var(--lw-dark-text-color);
    color-scheme: var(--lw-dark-color-scheme);
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page.lw-theme-pattern-enabled {
    background-image:
        linear-gradient(var(--lw-dark-pattern-start), var(--lw-dark-pattern-end)),
        url('../../imgs/wa-message-bg-dark.png') !important;
    background-attachment: fixed, fixed !important;
    background-position: center, top left !important;
    background-repeat: no-repeat, repeat !important;
    background-size: cover, auto !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page #mainNav {
    background: var(--lw-dark-surface-color) !important;
    background: color-mix(in srgb, var(--lw-dark-surface-color) 96%, transparent) !important;
    border-bottom: 1px solid var(--lw-dark-border-color);
    box-shadow: var(--lw-dark-shadow);
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page header.bg-dark-blue,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page section.bg-dark-blue,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page footer {
    background-color: var(--lw-dark-surface-color) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-why-choose-section,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-features-section,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-call-to-action-block,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-pricing-block-cards,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-testimonial-block {
    background-color: var(--lw-dark-page-color) !important;
    background-color: color-mix(in srgb, var(--lw-dark-page-color) 94%, transparent) !important;
    color: var(--lw-dark-text-color) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .card,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-ai-card,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-card-io-list {
    background-color: var(--lw-dark-elevated-color) !important;
    border-color: var(--lw-dark-border-color) !important;
    color: var(--lw-dark-text-color) !important;
    box-shadow: var(--lw-dark-shadow);
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .text-dark,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page h1,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page h2,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page h3,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page h4,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page h5,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page h6,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page li,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page p {
    color: var(--lw-dark-text-color) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .text-muted,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-secondary-text {
    color: var(--lw-dark-muted-color) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .dropdown-menu,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .navbar-collapse {
    background-color: var(--lw-dark-elevated-color) !important;
    border-color: var(--lw-dark-border-color) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page footer hr {
    border-color: var(--lw-dark-border-color) !important;
}

/*
 * Shared layered background contract.
 * The generated application stylesheet defines tenant-controlled surface
 * colors; this layer only normalizes the pattern opacity and prevents later
 * console/home wrappers from hiding the body background.
 */
html[lw-theme-mode='dark'] body.lw-theme-pattern-enabled .main-content,
html[lw-theme-mode='dark'] body.lw-theme-pattern-enabled.lw-partner-console {
    background-color: transparent !important;
    background-image: none !important;
}

@media (prefers-color-scheme: dark) {
    html[lw-theme-mode='system_default'] body.lw-theme-pattern-enabled .main-content,
    html[lw-theme-mode='system_default'] body.lw-theme-pattern-enabled.lw-partner-console {
        background-color: transparent !important;
        background-image: none !important;
    }
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-theme-pattern-enabled .main-content,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-theme-pattern-enabled .main-content > .header,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-theme-pattern-enabled .main-content > .container-fluid,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) body.lw-theme-pattern-enabled .main-content > .header > .container-fluid {
    background-color: transparent !important;
    background-image: none !important;
}

html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .main-content .modal-content,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .main-content .dropdown-menu,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .main-content .list-group-item,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .main-content .accordion-item,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .main-content .accordion-button,
html:is([lw-theme-mode='dark'], [lw-theme-mode='system_default']) .main-content .accordion-body {
    background-color: var(--lw-dark-surface-color) !important;
    border-color: var(--lw-dark-border-color) !important;
    color: var(--lw-dark-text-color) !important;
}

/* Home Page 3 sections remain intact while the shared pattern shows through. */
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page header.bg-dark-blue,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page section.bg-dark-blue,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page footer {
    background-color: color-mix(in srgb, var(--lw-dark-surface-color) 84%, transparent) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-why-choose-section,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-features-section,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-call-to-action-block,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-pricing-block-cards,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .lw-testimonial-block {
    background-color: color-mix(in srgb, var(--lw-dark-page-color) 82%, transparent) !important;
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .accordion-item,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .accordion-button,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .accordion-body,
:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .accordion-collapse {
    background-color: color-mix(in srgb, var(--lw-dark-elevated-color) 96%, transparent) !important;
    border-color: var(--lw-dark-border-color) !important;
    color: var(--lw-dark-text-color) !important;
}

:root[data-theme='dark'] body.lw-outer-home-page .accordion-button::after {
    filter: grayscale(1) invert(1);
}

@media (prefers-color-scheme: dark) {
    :root[data-theme='system_default'] body.lw-outer-home-page .accordion-button::after {
        filter: grayscale(1) invert(1);
    }
}

:root:is([data-theme='dark'], [data-theme='system_default']) body.lw-outer-home-page .accordion-button:focus {
    border-color: var(--lw-dark-border-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.18) !important;
}

/* Exact account-creation CTA family: shared red treatment in both themes. */
.lw-create-account-cta {
    background-color: #dc2626 !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(220, 38, 38, 0.22);
}

.lw-create-account-cta:hover,
.lw-create-account-cta:active,
.lw-create-account-cta:focus,
.lw-create-account-cta:focus-visible {
    background-color: #b91c1c !important;
    border-color: #991b1b !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.24) !important;
}