/**
 * Panther.software · WStyle Purple-Chrome Surface & Brand Overrides
 */
.site-logo {
    block-size: 2.15rem;
    max-inline-size: 13.75rem;
}

.invoice-doc-brand .site-logo {
    max-block-size: 2.35rem;
    max-inline-size: 13.5rem;
}

.client-sidebar-logo {
    block-size: 1.85rem;
    max-inline-size: 11.25rem;
}

.topbar.chrome-dark {
    background: linear-gradient(90deg, #3c1653 0%, #522867 100%);
    border-block-end: 1px solid rgba(216, 180, 254, .2);
    color: #e4ccf4;
}

.topbar.chrome-dark .topbar-link,
.topbar.chrome-dark .locale-toggle {
    color: #e4ccf4;
}

.topbar.chrome-dark .topbar-link:hover,
.topbar.chrome-dark .locale-toggle:hover {
    color: #ffffff;
}

.site-header.chrome-dark {
    background: linear-gradient(90deg, color-mix(in oklab, #5e1d81 48%, #0c0417) 0%, color-mix(in oklab, #6a3683 56%, #120622) 50%, color-mix(in oklab, #5e1d81 48%, #0c0417) 100%);
    border-block-end: 1px solid var(--wstyle-chrome-border);
}

.chrome-overlay .site-header.chrome-dark:not(.is-scrolled) {
    background: linear-gradient(180deg, rgba(16, 4, 29, .78) 0%, rgba(16, 4, 29, 0) 100%);
    border-block-end-color: transparent;
}

.chrome-overlay .site-header.chrome-dark.is-scrolled {
    background: color-mix(in oklab, var(--wstyle-chrome-bg) 94%, transparent);
    border-block-end-color: var(--wstyle-chrome-border);
}

.page-hero.chrome-dark,
.site-footer.chrome-dark {
    background-color: var(--wstyle-chrome-bg-deep);
    background-image:
        radial-gradient(48rem 24rem at 14% -20%, color-mix(in oklab, var(--wstyle-secondary) 34%, transparent), transparent 68%),
        radial-gradient(40rem 22rem at 88% 8%, color-mix(in oklab, #5e1d81 42%, transparent), transparent 70%),
        linear-gradient(135deg, color-mix(in oklab, #5e1d81 36%, #0b0316) 0%, #07020f 100%);
}

.auth-stage.chrome-dark .auth-stage-scrim {
    background:
        radial-gradient(42rem 28rem at 18% 15%, rgba(147, 51, 234, .34), transparent 68%),
        linear-gradient(145deg, rgba(94, 29, 129, .86) 0%, rgba(15, 5, 28, .92) 64%, rgba(7, 2, 15, .96) 100%);
}

.client-sidebar.chrome-dark {
    background-image: linear-gradient(180deg, color-mix(in oklab, #5e1d81 36%, #0d051a) 0%, #080311 100%);
    border-inline-end: 1px solid var(--wstyle-chrome-border);
}

[data-bs-theme=dark] {
    --wstyle-primary-text: color-mix(in oklab, var(--wstyle-secondary) 68%, #ffffff);
    --wstyle-shadow-sm: 0 1px 2px rgba(4, 0, 10, .38);
    --wstyle-shadow: 0 6px 20px rgba(4, 0, 10, .48);
    --wstyle-shadow-lg: 0 14px 36px rgba(4, 0, 10, .65);
}

[data-bs-theme=dark] .btn-primary {
    --bs-btn-bg: color-mix(in oklab, var(--wstyle-primary) 58%, var(--wstyle-secondary));
    --bs-btn-border-color: color-mix(in oklab, var(--wstyle-primary) 50%, var(--wstyle-secondary));
    --bs-btn-hover-bg: color-mix(in oklab, var(--wstyle-secondary) 72%, #a855f7);
    --bs-btn-hover-border-color: color-mix(in oklab, var(--wstyle-secondary) 72%, #a855f7);
}

[data-bs-theme=dark] .card,
[data-bs-theme=dark] .dropdown-menu,
[data-bs-theme=dark] .modal-content,
[data-bs-theme=dark] .offcanvas {
    border-color: var(--wstyle-border-color);
}

[data-bs-theme=dark] .form-control,
[data-bs-theme=dark] .form-select {
    background-color: color-mix(in oklab, var(--wstyle-surface-bg) 82%, #090412);
    border-color: color-mix(in oklab, var(--wstyle-border-color) 88%, #4c3575);
    color: var(--wstyle-heading-color);
}

[data-bs-theme=dark] .form-control:focus,
[data-bs-theme=dark] .form-select:focus {
    border-color: var(--wstyle-secondary);
    box-shadow: 0 0 0 .22rem rgba(147, 51, 234, .25);
}

[data-bs-theme=dark] .form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .client-subnav {
    background: linear-gradient(180deg, var(--wstyle-surface-bg) 0%, var(--wstyle-body-bg) 100%);
}