/* ==========================================================
   BeautyGrafik — adaptive theme polish v1
   Ładować PO panel-themes.css
   Cel: dopracowanie widoków premium bez blokowania motywów
   ========================================================== */

@media(min-width:851px){
    html[data-bg-theme] body{
        color:var(--bg-theme-text)!important;
    }

    /* Hero / duże sekcje premium */
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-desktop-hero,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-hero,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-hero{
        border-color:color-mix(in srgb, var(--bg-theme-line) 92%, transparent)!important;
        background:
            radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--bg-theme-accent-1) 18%, transparent), transparent 26%),
            radial-gradient(circle at 12% 90%, color-mix(in srgb, var(--bg-theme-accent-2) 11%, transparent), transparent 28%),
            linear-gradient(135deg,
                color-mix(in srgb, var(--bg-theme-surface) 96%, transparent),
                color-mix(in srgb, var(--bg-theme-surface-soft) 96%, transparent)
            )!important;
        box-shadow:0 22px 52px var(--bg-theme-shadow)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-desktop-hero::after,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-hero::after,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-hero::after{
        background:color-mix(in srgb, var(--bg-theme-accent-2) 10%, transparent)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-eyebrow,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-eyebrow,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-kicker,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-side-kicker{
        background:color-mix(in srgb, var(--bg-theme-surface) 82%, transparent)!important;
        color:var(--bg-theme-pill-text)!important;
        border-color:color-mix(in srgb, var(--bg-theme-accent-2) 28%, var(--bg-theme-line))!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-hero-copy h1,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-title,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-hero h1{
        color:var(--bg-theme-text)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-hero-copy p,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-description,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-hero p{
        color:var(--bg-theme-muted)!important;
    }

    /* Karty, sidebary, katalogi */
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-date-card,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-side-card,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-metric,
    html[data-bg-theme] .bg-desktop-owner-stage .card.today-panel,
    html[data-bg-theme] .bg-desktop-owner-stage .timeline-card,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-summary-card,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-directory,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-side-card,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-stat,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-main-card,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-side-card,
    html[data-bg-theme] .bg-desktop-owner-stage .dsp-summary-card,
    html[data-bg-theme] .bg-desktop-owner-stage .dsp-toolbar,
    html[data-bg-theme] .bg-desktop-owner-stage .dsp-view{
        background:var(--bg-theme-surface)!important;
        border-color:var(--bg-theme-line)!important;
        box-shadow:0 16px 38px var(--bg-theme-shadow)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-date-summary-row,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-next-meta div,
    html[data-bg-theme] .bg-desktop-owner-stage .today-empty,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-side-stat,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-side-stat,
    html[data-bg-theme] .bg-desktop-owner-stage .dsp-summary-card,
    html[data-bg-theme] .bg-desktop-owner-stage .dsp-period,
    html[data-bg-theme] .bg-desktop-owner-stage .dsp-summary > *,
    html[data-bg-theme] .bg-desktop-owner-stage .sg-card,
    html[data-bg-theme] .bg-desktop-owner-stage .sg-stat{
        background:var(--bg-theme-surface-soft)!important;
        border-color:var(--bg-theme-line)!important;
        color:var(--bg-theme-text)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-date-card-label,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-metric-label,
    html[data-bg-theme] .bg-desktop-owner-stage .timeline-title,
    html[data-bg-theme] .bg-desktop-owner-stage .timeline-more,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-side-kicker,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-summary-card span,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-stat span{
        color:var(--bg-theme-pill-text)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-date-card-date,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-date-summary-row strong,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-metric strong,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-side-card h3,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-next-meta strong,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-summary-card strong,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-directory-head h2,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-stat strong{
        color:var(--bg-theme-text)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-date-summary-row span,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-metric p,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-side-card p,
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-next-meta span,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-summary-card small,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-directory-head p,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-stat small,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-side-card p{
        color:var(--bg-theme-muted)!important;
    }

    /* Akcentowe ciemniejsze karty */
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-metric.accent,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-summary-card.highlight,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-stat.dark,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-side-card.dark,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-side-card.dark{
        background:
            linear-gradient(135deg,
                color-mix(in srgb, var(--bg-theme-sidebar-2) 88%, var(--bg-theme-accent-2)),
                color-mix(in srgb, var(--bg-theme-sidebar-1) 82%, var(--bg-theme-accent-1))
            )!important;
        border-color:color-mix(in srgb, var(--bg-theme-line) 54%, var(--bg-theme-accent-2))!important;
        box-shadow:0 18px 42px var(--bg-theme-shadow)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-metric.accent *,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-summary-card.highlight *,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-stat.dark *,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-side-card.dark *,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-side-card.dark *{
        color:var(--bg-theme-accent-text)!important;
    }

    /* Przyciski i filtrowanie */
    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-hero-actions .btn-primary,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-hero-actions .btn-primary,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-hero-actions .btn-primary,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-side-actions .btn-primary,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-side-actions .btn-primary{
        background:linear-gradient(135deg,var(--bg-theme-accent-1),var(--bg-theme-accent-2))!important;
        color:var(--bg-theme-accent-text)!important;
        border-color:transparent!important;
        box-shadow:0 15px 30px color-mix(in srgb, var(--bg-theme-shadow) 86%, transparent)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .dashboard-hero-actions .btn-primary:hover,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-hero-actions .btn-primary:hover,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-hero-actions .btn-primary:hover,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-side-actions .btn-primary:hover,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-side-actions .btn-primary:hover{
        background:linear-gradient(135deg,var(--bg-theme-accent-hover-1),var(--bg-theme-accent-hover-2))!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .today-filter,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-filter-pill,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-pill,
    html[data-bg-theme] .bg-desktop-owner-stage .dsp-tab,
    html[data-bg-theme] .bg-desktop-owner-stage .sg-tab{
        background:var(--bg-theme-surface)!important;
        color:var(--bg-theme-text)!important;
        border-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .today-filter.active,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-filter-pill.active,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-pill.active,
    html[data-bg-theme] .bg-desktop-owner-stage .dsp-tab.active,
    html[data-bg-theme] .bg-desktop-owner-stage .sg-tab.active{
        background:linear-gradient(135deg,var(--bg-theme-accent-1),var(--bg-theme-accent-2))!important;
        color:var(--bg-theme-accent-text)!important;
        border-color:transparent!important;
        box-shadow:0 12px 24px var(--bg-theme-shadow)!important;
    }

    /* Grafik / oś / kalendarz */
    html[data-bg-theme] .bg-desktop-owner-stage .timeline-line,
    html[data-bg-theme] .bg-desktop-owner-stage .timeline-tick{
        background:color-mix(in srgb, var(--bg-theme-line) 88%, var(--bg-theme-muted))!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .timeline-hours span{
        color:var(--bg-theme-muted)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .timeline-now-badge{
        background:linear-gradient(135deg,var(--bg-theme-accent-1),var(--bg-theme-accent-2))!important;
        color:var(--bg-theme-accent-text)!important;
        box-shadow:0 10px 22px var(--bg-theme-shadow)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .timeline-now-dot{
        background:var(--bg-theme-accent-2)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .today-row,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-table-wrap,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-table-wrap{
        background:var(--bg-theme-surface)!important;
        border-color:var(--bg-theme-line)!important;
        box-shadow:0 12px 26px var(--bg-theme-shadow)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .today-row:hover{
        border-color:var(--bg-theme-focus-border)!important;
        box-shadow:0 18px 36px var(--bg-theme-shadow)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .today-time,
    html[data-bg-theme] .bg-desktop-owner-stage .today-service,
    html[data-bg-theme] .bg-desktop-owner-stage .today-price{
        color:var(--bg-theme-text)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .today-client,
    html[data-bg-theme] .bg-desktop-owner-stage .today-time small{
        color:var(--bg-theme-muted)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .today-arrow{
        color:var(--bg-theme-accent-2)!important;
    }

    /* Tabele klientów i usług */
    html[data-bg-theme] .bg-desktop-owner-stage .crm-table,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-table{
        background:var(--bg-theme-surface)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .crm-table thead th,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-table thead th{
        background:var(--bg-theme-surface-soft)!important;
        color:var(--bg-theme-muted)!important;
        border-bottom-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .crm-table tbody td,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-table tbody td{
        color:var(--bg-theme-text)!important;
        border-bottom-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .crm-table tbody tr:hover td,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-table tbody tr:hover td{
        background:var(--bg-theme-surface-hover)!important;
    }

    /* Badge / statusy neutralne w rytmie motywu */
    html[data-bg-theme] .bg-desktop-owner-stage .crm-badge.gold,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-badge.green,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-badge.muted,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-status.active,
    html[data-bg-theme] .bg-desktop-owner-stage .svc-status.inactive{
        background:var(--bg-theme-pill-bg)!important;
        color:var(--bg-theme-pill-text)!important;
        border-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .today-status.approved,
    html[data-bg-theme] .bg-desktop-owner-stage .today-status.waiting,
    html[data-bg-theme] .bg-desktop-owner-stage .today-status.proposal{
        background:var(--bg-theme-pill-bg)!important;
        color:var(--bg-theme-pill-text)!important;
    }

    /* Lekko zachowujemy czerwony sygnał anulowania */
    html[data-bg-theme] .bg-desktop-owner-stage .today-status.cancelled{
        background:rgba(201,108,102,.14)!important;
        color:#c96c66!important;
    }

    /* Pola */
    html[data-bg-theme] .bg-desktop-owner-stage input,
    html[data-bg-theme] .bg-desktop-owner-stage select,
    html[data-bg-theme] .bg-desktop-owner-stage textarea,
    html[data-bg-theme] .bg-desktop-owner-stage .crm-search input{
        background:var(--bg-theme-surface)!important;
        color:var(--bg-theme-text)!important;
        border-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage input:focus,
    html[data-bg-theme] .bg-desktop-owner-stage select:focus,
    html[data-bg-theme] .bg-desktop-owner-stage textarea:focus{
        border-color:var(--bg-theme-focus-border)!important;
        box-shadow:0 0 0 4px var(--bg-theme-focus)!important;
    }
}

/* Mobile — szczególnie ważne dla ciemnych skórek */
@media(max-width:850px){
    html[data-bg-theme] body{
        background:linear-gradient(180deg,var(--bg-theme-shell-1),var(--bg-theme-shell-2))!important;
        color:var(--bg-theme-text)!important;
    }

    html[data-bg-theme] .container .card,
    html[data-bg-theme] .container .tap-card,
    html[data-bg-theme] input,
    html[data-bg-theme] select,
    html[data-bg-theme] textarea{
        background:var(--bg-theme-surface)!important;
        color:var(--bg-theme-text)!important;
        border-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .muted,
    html[data-bg-theme] small,
    html[data-bg-theme] label{
        color:var(--bg-theme-muted)!important;
    }

    html[data-bg-theme] .btn-primary,
    html[data-bg-theme] a.btn-primary,
    html[data-bg-theme] button.btn-primary{
        background:linear-gradient(135deg,var(--bg-theme-accent-1),var(--bg-theme-accent-2))!important;
        color:var(--bg-theme-accent-text)!important;
    }

    html[data-bg-theme] .badge{
        background:var(--bg-theme-pill-bg)!important;
        color:var(--bg-theme-pill-text)!important;
        border-color:var(--bg-theme-line)!important;
    }
}


/* === BeautyGrafik HOTFIX V18.2: widoczny tekst w jasnych przyciskach ===
   Naprawia niewidoczny napis w jasnym przycisku w ciemnej karcie „Szybkie działania”.
   Wersja V18.2 jest do wklejenia w publiczny CSS, np. /public_html/beautygrafik/assets/css/*.css */
.btn-soft,
a.btn-soft,
button.btn-soft,
input.btn-soft,
.bg-btn-soft,
.quick-actions .btn-soft,
.quick-actions-card .btn-soft,
.crm-quick-actions .btn-soft,
.customer-quick-actions .btn-soft,
.dashboard-side-actions .btn-soft,
[class*="quick"] [class*="action"] .btn-soft,
[class*="quick"] [class*="action"] a,
[class*="szybkie"] a,
[class*="szybkie"] button,
.bg-mobile-home-actions a:not(.btn-primary),
.bg-mobile-home-actions button:not(.btn-primary),
.bg-desktop-actions a:not(.btn-primary),
.bg-desktop-actions button:not(.btn-primary),
.today-command a:not(.btn-primary),
.today-command button:not(.btn-primary) {
    color:#2f1824!important;
    text-shadow:none!important;
}

.btn-soft *,
a.btn-soft *,
button.btn-soft *,
.quick-actions .btn-soft *,
.quick-actions-card .btn-soft *,
.crm-quick-actions .btn-soft *,
.customer-quick-actions .btn-soft *,
.dashboard-side-actions .btn-soft *,
.bg-mobile-home-actions a:not(.btn-primary) *,
.bg-mobile-home-actions button:not(.btn-primary) *,
.bg-desktop-actions a:not(.btn-primary) *,
.bg-desktop-actions button:not(.btn-primary) * {
    color:inherit!important;
    text-shadow:none!important;
}

.quick-actions .btn-soft,
.quick-actions-card .btn-soft,
.crm-quick-actions .btn-soft,
.customer-quick-actions .btn-soft,
.dashboard-side-actions .btn-soft,
[class*="quick"] [class*="action"] .btn-soft,
.bg-mobile-home-actions a:not(.btn-primary),
.bg-mobile-home-actions button:not(.btn-primary),
.bg-desktop-actions a:not(.btn-primary),
.bg-desktop-actions button:not(.btn-primary),
.today-command a:not(.btn-primary),
.today-command button:not(.btn-primary) {
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(255,255,255,.54)!important;
    box-shadow:0 12px 28px rgba(42,20,30,.10)!important;
}

.btn-primary,
a.btn-primary,
button.btn-primary,
.quick-actions .btn-primary,
.quick-actions-card .btn-primary,
.crm-quick-actions .btn-primary,
.customer-quick-actions .btn-primary,
.dashboard-side-actions .btn-primary,
.bg-mobile-home-actions .btn-primary,
.bg-desktop-actions .btn-primary,
.today-command .btn-primary {
    color:#ffffff!important;
}

.btn-primary *,
a.btn-primary *,
button.btn-primary * {
    color:inherit!important;
}
/* === /BeautyGrafik HOTFIX V18.2 === */

/* ==========================================================
   BeautyGrafik HOTFIX V18.5 — /konto/ustawienia w ciemnych motywach
   Plik docelowy: /public_html/beautygrafik/css/panel-color-polish.css
   Cel: dark theme = ciemne karty, ciemne pola, jasny tekst
   ========================================================== */

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage,
html[data-bg-theme="graphite-gold"] .bg-account-settings-page,
html[data-bg-theme="ink-dark"] .bg-account-settings-page{
    --bg-settings-dark-card:var(--bg-theme-surface);
    --bg-settings-dark-card-2:var(--bg-theme-surface-soft);
    --bg-settings-dark-hover:var(--bg-theme-surface-hover);
    --bg-settings-dark-text:var(--bg-theme-text);
    --bg-settings-dark-muted:var(--bg-theme-muted);
    --bg-settings-dark-line:var(--bg-theme-line);
    --bg-settings-dark-accent:var(--bg-theme-accent-1);
    --bg-settings-dark-accent-2:var(--bg-theme-accent-2);
    color:var(--bg-settings-dark-text)!important;
}

/* Główne karty ustawień */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .settings-block,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .settings-block,
html[data-bg-theme="graphite-gold"] .bg-account-settings-page .settings-block,
html[data-bg-theme="ink-dark"] .bg-account-settings-page .settings-block{
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--bg-theme-accent-1) 8%, transparent), transparent 34%),
        linear-gradient(180deg, var(--bg-settings-dark-card) 0%, color-mix(in srgb, var(--bg-settings-dark-card) 84%, #000 16%) 100%)!important;
    color:var(--bg-settings-dark-text)!important;
    border-color:color-mix(in srgb, var(--bg-settings-dark-line) 88%, transparent)!important;
    box-shadow:0 22px 52px var(--bg-theme-shadow)!important;
}

/* Nagłówki i teksty */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .settings-block h2,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .settings-block h3,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .settings-block strong,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .side-info-value,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-config-head strong,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-default-info strong,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .workday-name,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-theme-card strong,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .settings-block h2,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .settings-block h3,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .settings-block strong,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .side-info-value,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-config-head strong,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-default-info strong,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .workday-name,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-theme-card strong{
    color:var(--bg-settings-dark-text)!important;
    text-shadow:none!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .block-desc,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .settings-hint,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .side-info-label,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-config-head span,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-default-info p,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .workday-status,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-theme-card span,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .block-desc,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .settings-hint,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .side-info-label,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-config-head span,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-default-info p,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .workday-status,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-theme-card span{
    color:var(--bg-settings-dark-muted)!important;
    text-shadow:none!important;
}

/* Pola formularza */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage input,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage textarea,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage select,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage input,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage textarea,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage select{
    background:color-mix(in srgb, var(--bg-settings-dark-card-2) 86%, #000 14%)!important;
    color:var(--bg-settings-dark-text)!important;
    border-color:var(--bg-settings-dark-line)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.10)!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage input::placeholder,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage textarea::placeholder,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage input::placeholder,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage textarea::placeholder{
    color:color-mix(in srgb, var(--bg-settings-dark-muted) 72%, transparent)!important;
    opacity:1!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage input:focus,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage textarea:focus,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage select:focus,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage input:focus,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage textarea:focus,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage select:focus{
    border-color:var(--bg-theme-focus-border)!important;
    box-shadow:0 0 0 4px var(--bg-theme-focus), inset 0 1px 0 rgba(255,255,255,.04)!important;
    outline:none!important;
}

/* Wewnętrzne karty i moduły */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .logo-card,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-config-card,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-slot-box,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-default-info,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .workday-card,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .side-info-item,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-mode-box,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-theme-card,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .logo-card,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-config-card,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-slot-box,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-default-info,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .workday-card,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .side-info-item,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-mode-box,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-theme-card{
    background:color-mix(in srgb, var(--bg-settings-dark-card-2) 88%, #000 12%)!important;
    color:var(--bg-settings-dark-text)!important;
    border-color:var(--bg-settings-dark-line)!important;
    box-shadow:none!important;
}

/* Hover / zaznaczone opcje */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .quick-links a:hover,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-theme-card:hover,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-mode-option input:checked + .schedule-mode-box,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .quick-links a:hover,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-theme-card:hover,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-mode-option input:checked + .schedule-mode-box{
    background:var(--bg-settings-dark-hover)!important;
    border-color:var(--bg-theme-focus-border)!important;
    box-shadow:0 0 0 4px var(--bg-theme-focus)!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-theme-option input:checked + .bg-theme-card,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-theme-option input:checked + .bg-theme-card{
    border-color:var(--bg-theme-focus-border)!important;
    box-shadow:0 0 0 4px var(--bg-theme-focus), 0 16px 32px var(--bg-theme-shadow)!important;
}

/* Skróty konta */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .quick-links a,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .quick-links a{
    background:color-mix(in srgb, var(--bg-settings-dark-card-2) 90%, #000 10%)!important;
    color:var(--bg-settings-dark-text)!important;
    border-color:var(--bg-settings-dark-line)!important;
    box-shadow:0 12px 24px rgba(0,0,0,.12)!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .quick-links a span,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .quick-links a span{
    color:inherit!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .quick-links a span:last-child,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .quick-links a span:last-child{
    color:var(--bg-theme-accent-1)!important;
}

/* Badge, chipy, statusy */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .badge,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-config-badge,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-slot-chip,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .workday-status,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .badge,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-config-badge,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-slot-chip,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .workday-status{
    background:var(--bg-theme-pill-bg)!important;
    color:var(--bg-theme-pill-text)!important;
    border-color:var(--bg-settings-dark-line)!important;
}

/* Logo i placeholder */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .logo-placeholder,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .logo-placeholder{
    background:var(--bg-theme-pill-bg)!important;
    color:var(--bg-theme-pill-text)!important;
    border-color:var(--bg-settings-dark-line)!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .logo-card img,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .logo-card img{
    background:var(--bg-settings-dark-card-2)!important;
    border-color:var(--bg-settings-dark-line)!important;
}

/* Karty wyboru motywu — podgląd zostaje kolorowy, ramka i tekst są ciemne */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-theme-preview,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-theme-preview{
    border-color:var(--bg-settings-dark-line)!important;
}

/* Jasne przyciski w ustawieniach w dark theme nie mogą być białe */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .btn-soft,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage a.btn-soft,
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage button.btn-soft,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .btn-soft,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage a.btn-soft,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage button.btn-soft{
    background:color-mix(in srgb, var(--bg-settings-dark-card-2) 88%, #000 12%)!important;
    color:var(--bg-settings-dark-text)!important;
    border-color:var(--bg-settings-dark-line)!important;
}

/* Floating save bar */
html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-settings-floating-save,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-settings-floating-save{
    background:color-mix(in srgb, var(--bg-settings-dark-card) 94%, transparent)!important;
    color:var(--bg-settings-dark-text)!important;
    border-color:var(--bg-settings-dark-line)!important;
    box-shadow:0 -18px 45px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(14px)!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-settings-floating-save-copy strong,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-settings-floating-save-copy strong{
    color:var(--bg-settings-dark-text)!important;
}

html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .bg-settings-floating-save-copy span,
html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .bg-settings-floating-save-copy span{
    color:var(--bg-settings-dark-muted)!important;
}

/* Mobile settings też mają być dark w dark theme */
@media(max-width:850px){
    html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .settings-block,
    html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .settings-block,
    html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .logo-card,
    html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .logo-card,
    html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .schedule-config-card,
    html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .schedule-config-card,
    html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .workday-card,
    html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .workday-card,
    html[data-bg-theme="graphite-gold"] #bgAccountSettingsPage .side-info-item,
    html[data-bg-theme="ink-dark"] #bgAccountSettingsPage .side-info-item{
        background:var(--bg-theme-surface)!important;
        color:var(--bg-theme-text)!important;
        border-color:var(--bg-theme-line)!important;
    }
}
/* ==========================================================
   /BeautyGrafik HOTFIX V18.5
   ========================================================== */