/* ==========================================================
   BeautyGrafik — panel themes v2
   Public asset: /public_html/beautygrafik/css/panel-themes.css
   ========================================================== */

html[data-bg-theme="nude-premium"]{
    --bg-theme-shell-1:#fbf7f2;
    --bg-theme-shell-2:#f4eee7;
    --bg-theme-sidebar-1:#2b1c17;
    --bg-theme-sidebar-2:#33221c;
    --bg-theme-sidebar-3:#241713;
    --bg-theme-surface:#fffaf6;
    --bg-theme-surface-soft:#f8f1ea;
    --bg-theme-surface-hover:#fdf7f1;
    --bg-theme-text:#33241d;
    --bg-theme-muted:#8b7465;
    --bg-theme-line:#eaded4;
    --bg-theme-accent-1:#d4aa7d;
    --bg-theme-accent-2:#ad784d;
    --bg-theme-accent-hover-1:#c99664;
    --bg-theme-accent-hover-2:#9f693f;
    --bg-theme-accent-text:#fffaf4;
    --bg-theme-pill-bg:#f5e7d8;
    --bg-theme-pill-text:#986537;
    --bg-theme-shadow:rgba(86,58,42,.10);
    --bg-theme-focus:rgba(196,147,101,.16);
    --bg-theme-focus-border:#c49365;
}

html[data-bg-theme="rose-beauty"]{
    --bg-theme-shell-1:#fff6f8;
    --bg-theme-shell-2:#fae9ef;
    --bg-theme-sidebar-1:#3b202b;
    --bg-theme-sidebar-2:#482734;
    --bg-theme-sidebar-3:#2c1720;
    --bg-theme-surface:#fffafd;
    --bg-theme-surface-soft:#fbe3eb;
    --bg-theme-surface-hover:#fff0f5;
    --bg-theme-text:#3e2430;
    --bg-theme-muted:#8b6172;
    --bg-theme-line:#efccd8;
    --bg-theme-accent-1:#e19ab4;
    --bg-theme-accent-2:#c96c90;
    --bg-theme-accent-hover-1:#d47f9f;
    --bg-theme-accent-hover-2:#b95379;
    --bg-theme-accent-text:#fff9fb;
    --bg-theme-pill-bg:#f8dce7;
    --bg-theme-pill-text:#ad5578;
    --bg-theme-shadow:rgba(120,52,77,.10);
    --bg-theme-focus:rgba(201,108,144,.18);
    --bg-theme-focus-border:#c96c90;
}

html[data-bg-theme="sage-studio"]{
    --bg-theme-shell-1:#f4f8f3;
    --bg-theme-shell-2:#e8f0e7;
    --bg-theme-sidebar-1:#233229;
    --bg-theme-sidebar-2:#2d4034;
    --bg-theme-sidebar-3:#18231d;
    --bg-theme-surface:#fbfdf9;
    --bg-theme-surface-soft:#e4eee2;
    --bg-theme-surface-hover:#f1f7ef;
    --bg-theme-text:#263128;
    --bg-theme-muted:#647465;
    --bg-theme-line:#d2dfd0;
    --bg-theme-accent-1:#93aa8e;
    --bg-theme-accent-2:#6d866e;
    --bg-theme-accent-hover-1:#839e7d;
    --bg-theme-accent-hover-2:#5d765e;
    --bg-theme-accent-text:#f9fff8;
    --bg-theme-pill-bg:#e1eadf;
    --bg-theme-pill-text:#506b54;
    --bg-theme-shadow:rgba(53,79,57,.10);
    --bg-theme-focus:rgba(109,134,110,.17);
    --bg-theme-focus-border:#789178;
}

html[data-bg-theme="graphite-gold"]{
    --bg-theme-shell-1:#202124;
    --bg-theme-shell-2:#17181b;
    --bg-theme-sidebar-1:#111216;
    --bg-theme-sidebar-2:#18191e;
    --bg-theme-sidebar-3:#0c0d10;
    --bg-theme-surface:#2a2c31;
    --bg-theme-surface-soft:#33363d;
    --bg-theme-surface-hover:#373a41;
    --bg-theme-text:#f4eee4;
    --bg-theme-muted:#c4b49d;
    --bg-theme-line:#464952;
    --bg-theme-accent-1:#d1ad66;
    --bg-theme-accent-2:#b98839;
    --bg-theme-accent-hover-1:#c39a4f;
    --bg-theme-accent-hover-2:#9f732b;
    --bg-theme-accent-text:#151311;
    --bg-theme-pill-bg:#3a352b;
    --bg-theme-pill-text:#e2bf78;
    --bg-theme-shadow:rgba(0,0,0,.28);
    --bg-theme-focus:rgba(209,173,102,.18);
    --bg-theme-focus-border:#c39a4f;
}

html[data-bg-theme="clean-mocha"]{
    --bg-theme-shell-1:#f8f5f1;
    --bg-theme-shell-2:#eee6df;
    --bg-theme-sidebar-1:#362820;
    --bg-theme-sidebar-2:#433228;
    --bg-theme-sidebar-3:#281d17;
    --bg-theme-surface:#fffdfb;
    --bg-theme-surface-soft:#efe5dc;
    --bg-theme-surface-hover:#f8f0e8;
    --bg-theme-text:#342720;
    --bg-theme-muted:#786557;
    --bg-theme-line:#e1d2c5;
    --bg-theme-accent-1:#b48a68;
    --bg-theme-accent-2:#8f694d;
    --bg-theme-accent-hover-1:#a47758;
    --bg-theme-accent-hover-2:#7c573e;
    --bg-theme-accent-text:#fffaf5;
    --bg-theme-pill-bg:#eadccd;
    --bg-theme-pill-text:#7b543c;
    --bg-theme-shadow:rgba(80,58,43,.10);
    --bg-theme-focus:rgba(143,105,77,.16);
    --bg-theme-focus-border:#9f7658;
}

html[data-bg-theme="ink-dark"]{
    --bg-theme-shell-1:#14161b;
    --bg-theme-shell-2:#0f1115;
    --bg-theme-sidebar-1:#090b0f;
    --bg-theme-sidebar-2:#12151b;
    --bg-theme-sidebar-3:#06070a;
    --bg-theme-surface:#1c2027;
    --bg-theme-surface-soft:#252a33;
    --bg-theme-surface-hover:#2a303a;
    --bg-theme-text:#f5f5f5;
    --bg-theme-muted:#a9afb9;
    --bg-theme-line:#363d48;
    --bg-theme-accent-1:#e05b5b;
    --bg-theme-accent-2:#bb3838;
    --bg-theme-accent-hover-1:#d34a4a;
    --bg-theme-accent-hover-2:#a92f2f;
    --bg-theme-accent-text:#fff8f8;
    --bg-theme-pill-bg:#352225;
    --bg-theme-pill-text:#ff9090;
    --bg-theme-shadow:rgba(0,0,0,.35);
    --bg-theme-focus:rgba(224,91,91,.19);
    --bg-theme-focus-border:#d34a4a;
}

@media(min-width:851px){
    html[data-bg-theme] .bg-desktop-owner-shell{
        background:
            radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--bg-theme-accent-1) 14%, transparent), transparent 27%),
            radial-gradient(circle at 18% 100%, color-mix(in srgb, var(--bg-theme-accent-2) 10%, transparent), transparent 30%),
            linear-gradient(180deg,var(--bg-theme-shell-1) 0%,var(--bg-theme-shell-2) 100%)!important;
    }

    html[data-bg-theme] .bg-desktop-sidebar{
        background:
            radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--bg-theme-accent-1) 13%, transparent), transparent 30%),
            linear-gradient(180deg,var(--bg-theme-sidebar-1) 0%,var(--bg-theme-sidebar-2) 52%,var(--bg-theme-sidebar-3) 100%)!important;
        border-right-color:color-mix(in srgb, var(--bg-theme-line) 28%, transparent)!important;
        box-shadow:24px 0 60px var(--bg-theme-shadow)!important;
    }

    html[data-bg-theme] .bg-sidebar-brand-mark,
    html[data-bg-theme] .bg-sidebar-link.active,
    html[data-bg-theme] .bg-desktop-topbar-link.primary,
    html[data-bg-theme] .bg-desktop-owner-stage .btn-primary,
    html[data-bg-theme] .bg-desktop-owner-stage button.btn-primary,
    html[data-bg-theme] .bg-desktop-owner-stage a.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] .bg-desktop-owner-stage .btn-primary:hover,
    html[data-bg-theme] .bg-desktop-owner-stage button.btn-primary:hover,
    html[data-bg-theme] .bg-desktop-owner-stage a.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-topbar{
        background:color-mix(in srgb, var(--bg-theme-shell-1) 88%, transparent)!important;
        border-bottom-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-topbar h2,
    html[data-bg-theme] .bg-desktop-owner-stage h1,
    html[data-bg-theme] .bg-desktop-owner-stage h2,
    html[data-bg-theme] .bg-desktop-owner-stage h3,
    html[data-bg-theme] .bg-desktop-owner-stage .stat,
    html[data-bg-theme] .bg-desktop-owner-stage .page-title,
    html[data-bg-theme] .bg-desktop-owner-stage strong{
        color:var(--bg-theme-text)!important;
    }

    html[data-bg-theme] .bg-desktop-topbar-kicker,
    html[data-bg-theme] .bg-desktop-owner-stage .muted,
    html[data-bg-theme] .bg-desktop-owner-stage .small,
    html[data-bg-theme] .bg-desktop-owner-stage small,
    html[data-bg-theme] .bg-desktop-owner-stage th{
        color:var(--bg-theme-muted)!important;
    }

    html[data-bg-theme] .bg-desktop-topbar-date,
    html[data-bg-theme] .bg-desktop-topbar-link,
    html[data-bg-theme] .bg-desktop-owner-stage .btn-soft,
    html[data-bg-theme] .bg-desktop-owner-stage button.btn-soft,
    html[data-bg-theme] .bg-desktop-owner-stage a.btn-soft,
    html[data-bg-theme] .bg-desktop-owner-stage .card,
    html[data-bg-theme] .bg-desktop-owner-stage .tap-card,
    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{
        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 .card,
    html[data-bg-theme] .bg-desktop-owner-stage .tap-card{
        box-shadow:0 18px 48px var(--bg-theme-shadow)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .btn-soft:hover,
    html[data-bg-theme] .bg-desktop-owner-stage button.btn-soft:hover,
    html[data-bg-theme] .bg-desktop-owner-stage a.btn-soft:hover,
    html[data-bg-theme] .bg-desktop-topbar-link:hover{
        background:var(--bg-theme-surface-soft)!important;
        border-color:var(--bg-theme-focus-border)!important;
        color:var(--bg-theme-text)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .btn-blue,
    html[data-bg-theme] .bg-desktop-owner-stage button.btn-blue,
    html[data-bg-theme] .bg-desktop-owner-stage a.btn-blue{
        background:var(--bg-theme-surface-soft)!important;
        color:var(--bg-theme-pill-text)!important;
        border-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage .badge,
    html[data-bg-theme] .bg-sidebar-mini-pill{
        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 table{
        border-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage th{
        background:var(--bg-theme-surface-soft)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage td{
        background:var(--bg-theme-surface)!important;
        color:var(--bg-theme-text)!important;
        border-bottom-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-desktop-owner-stage tbody tr:hover td{
        background:var(--bg-theme-surface-hover)!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;
    }

    html[data-bg-theme="graphite-gold"] .bg-sidebar-company,
    html[data-bg-theme="graphite-gold"] .bg-sidebar-user,
    html[data-bg-theme="ink-dark"] .bg-sidebar-company,
    html[data-bg-theme="ink-dark"] .bg-sidebar-user{
        background:rgba(255,255,255,.045)!important;
    }
}

@media(max-width:850px){
    html[data-bg-theme="graphite-gold"] body,
    html[data-bg-theme="ink-dark"] body{
        background:var(--bg-theme-shell-2)!important;
        color:var(--bg-theme-text)!important;
    }

    html[data-bg-theme] .bg-owner-mobile-nav{
        background:color-mix(in srgb, var(--bg-theme-surface) 96%, transparent)!important;
        border-top-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme] .bg-owner-mobile-nav a.active{
        background:var(--bg-theme-pill-bg)!important;
        color:var(--bg-theme-pill-text)!important;
    }

    html[data-bg-theme] .bg-owner-mobile-nav a{
        color:var(--bg-theme-muted)!important;
    }

    html[data-bg-theme="graphite-gold"] .container .card,
    html[data-bg-theme="ink-dark"] .container .card,
    html[data-bg-theme="graphite-gold"] .container .tap-card,
    html[data-bg-theme="ink-dark"] .container .tap-card,
    html[data-bg-theme="graphite-gold"] input,
    html[data-bg-theme="ink-dark"] input,
    html[data-bg-theme="graphite-gold"] select,
    html[data-bg-theme="ink-dark"] select,
    html[data-bg-theme="graphite-gold"] textarea,
    html[data-bg-theme="ink-dark"] textarea{
        background:var(--bg-theme-surface)!important;
        color:var(--bg-theme-text)!important;
        border-color:var(--bg-theme-line)!important;
    }

    html[data-bg-theme="graphite-gold"] .muted,
    html[data-bg-theme="ink-dark"] .muted,
    html[data-bg-theme="graphite-gold"] small,
    html[data-bg-theme="ink-dark"] small,
    html[data-bg-theme="graphite-gold"] label,
    html[data-bg-theme="ink-dark"] label{
        color:var(--bg-theme-muted)!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 === */

