/* Okazjonalna oprawa obejmuje nagłówki. Formularze, kwoty i znaczenie przycisków pozostają stałe. */
.podglad-motywow { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px 20px; padding:16px 24px; background:#edf6f4; color:#172e2a; border-bottom:1px solid #bdcfc9; font:600 14px/1.5 system-ui,sans-serif; }
.podglad-motywow select { box-sizing:border-box; max-width:100%; min-height:44px; padding:8px 36px 8px 12px; border:1px solid #77998e; border-radius:6px; background:#fff; color:#172e2a; font:inherit; }
.podglad-motywow a { display:inline-flex; align-items:center; min-height:44px; color:#175745; text-decoration:underline; text-underline-offset:3px; }
.podglad-motywow :is(select,a):focus-visible { outline:3px solid #175745; outline-offset:3px; }
@media (max-width:480px) { .podglad-motywow { gap:8px 16px; padding:12px 16px; } .podglad-motywow label { flex-basis:100%; text-align:center; } }
@media print { .podglad-motywow { display:none; } }
body[data-motyw-konta] { --konto-okazja-akcent: #48d9bb; --konto-okazja-tlo: #07131c; }
body[data-motyw-konta="halloween"] { --konto-okazja-akcent: #ffb86c; --konto-okazja-tlo: #251b15; }
body[data-motyw-konta="niepodleglosc"] { --konto-okazja-akcent: #ffb9c1; --konto-okazja-tlo: #24131b; }
body[data-motyw-konta="boze_narodzenie"] { --konto-okazja-akcent: #8ed8aa; --konto-okazja-tlo: #0b251c; }
body[data-motyw-konta="sylwester"] { --konto-okazja-akcent: #e9cc80; --konto-okazja-tlo: #231f12; }
body[data-motyw-konta]:not([data-motyw-konta="standard"]) .panel-hero {
    background: var(--konto-okazja-tlo) !important;
    border-bottom: 3px solid var(--konto-okazja-akcent);
}
body[data-motyw-konta]:not([data-motyw-konta="standard"]) .auth-modal-content { border-top: 4px solid var(--konto-okazja-akcent); }
body[data-motyw-konta]:not([data-motyw-konta="standard"]) .panel-hero .panel-user-info h1,
body[data-motyw-konta]:not([data-motyw-konta="standard"]) .panel-hero .panel-user-info > p { color: #f2f7fa !important; }
body[data-motyw-konta]:not([data-motyw-konta="standard"]) .panel-hero .panel-user-info > .konto-okazja { color: var(--konto-okazja-akcent) !important; }
body[data-motyw-konta]:not([data-motyw-konta="standard"]) .auth-modal-content .auth-icon {
    color: var(--konto-okazja-akcent); background: var(--konto-okazja-tlo);
}
.konto-okazja { display: flex; align-items: center; gap: 10px; width: fit-content; max-width: 100%; box-sizing: border-box; padding: 8px 12px; margin: 12px 0 0 !important; border-radius: 8px; background: var(--konto-okazja-tlo); color: var(--konto-okazja-akcent) !important; font-size: .875rem !important; font-weight: 600; line-height: 1.5; }
.konto-okazja::before { flex: 0 0 auto; font-size: 1.1em; }
[data-motyw-konta="halloween"] .konto-okazja::before { content: '◔'; }
[data-motyw-konta="niepodleglosc"] .konto-okazja::before { content: ''; width: 24px; height: 16px; background: linear-gradient(#fff 50%, #dc143c 50%); }
[data-motyw-konta="boze_narodzenie"] .konto-okazja::before { content: '✦'; }
[data-motyw-konta="sylwester"] .konto-okazja::before { content: '✧'; }
@media (prefers-reduced-motion: reduce) { .konto-okazja, .konto-okazja::before { animation: none !important; transition: none !important; } }

/* Pełne zestawy ilustracji z katalogu; znaczenie alertów i przycisków rezygnacji pozostaje stałe. */
body[data-oprawa-konta="1"] { --konto-okazja-akcent:var(--motyw-akcent); --konto-okazja-tlo:var(--motyw-naglowek); }
body.styl-lkh[data-current-page][data-oprawa-konta="1"] {
    --lkh-tlo:var(--motyw-tlo-jasne);
    --lkh-panel:color-mix(in srgb,var(--motyw-akcent) 10%,#fff);
    --lkh-linia:color-mix(in srgb,var(--motyw-akcent-jasny) 20%,#eee);
    --lkh-akcent:var(--motyw-akcent-jasny); --lkh-przycisk:var(--motyw-akcent-jasny); --lkh-na-przycisku:#fff;
    --konto-tlo:var(--lkh-tlo); --konto-karta:var(--lkh-powierzchnia); --konto-pole:var(--lkh-panel); --konto-akcent:var(--lkh-akcent);
    --konto-akcent-tlo:var(--lkh-panel); --konto-powitanie:var(--motyw-naglowek);
}
body.styl-lkh.dark-mode[data-current-page][data-oprawa-konta="1"] {
    --lkh-tlo:var(--motyw-tlo-ciemne); --lkh-powierzchnia:var(--motyw-powierzchnia-ciemna);
    --lkh-panel:color-mix(in srgb,var(--motyw-powierzchnia-ciemna) 90%,var(--motyw-akcent));
    --lkh-linia:color-mix(in srgb,var(--motyw-akcent) 24%,var(--motyw-tlo-ciemne));
    --lkh-akcent:var(--motyw-akcent); --lkh-przycisk:var(--motyw-akcent); --lkh-na-przycisku:var(--motyw-tlo-ciemne);
}
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] {
    --konto-tlo:var(--motyw-tlo-jasne); --konto-pole:var(--motyw-tlo-jasne); --konto-akcent:var(--motyw-akcent-jasny);
    background-color:var(--motyw-tlo-jasne) !important;
}
body.dark-mode[data-oprawa-konta="1"][data-current-page="panel-klienta"] {
    --konto-tlo:var(--motyw-tlo-ciemne); --konto-pole:var(--motyw-powierzchnia-ciemna); --konto-karta:var(--motyw-powierzchnia-ciemna); --konto-akcent:var(--motyw-akcent);
    background-color:var(--motyw-tlo-ciemne) !important;
}
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-hero {
    background:linear-gradient(90deg,var(--motyw-naglowek),transparent),var(--motyw-obraz-dom) right 52% / cover no-repeat !important;
    min-height:220px; display:flex; align-items:center; border-bottom-color:var(--motyw-akcent);
}
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-hero-content { width:90%; margin-inline:auto; }
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-user-info::before { color:var(--motyw-akcent); }
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] :is(.panel-dashboard-title,.tab-content > h2) {
    --motyw-naglowek-obraz:var(--motyw-obraz-swiatlowod);
    background:linear-gradient(90deg,var(--motyw-naglowek),#00000030),var(--motyw-naglowek-obraz) right 52% / cover no-repeat !important;
    padding:28px !important; border-radius:12px; min-height:160px; box-sizing:border-box;
    display:flex; flex-direction:column; justify-content:center; color:#fff !important; gap:10px; text-shadow:0 1px 5px #000;
}
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-dashboard-title { width:100%; }
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-content :is(.panel-dashboard-title h2,.panel-dashboard-title p,.tab-content > h2 i) { color:#fff !important; background:none !important; margin:0; }
body.styl-lkh[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-content :is(.panel-dashboard-title h2,.tab-content > h2) > i { color:#fff !important; background:transparent !important; }
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] :is(#panel-tab-payments,#panel-tab-contracts,#panel-tab-orders) > h2 { --motyw-naglowek-obraz:var(--motyw-obraz-dokumenty); }
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] #panel-tab-gems > h2 { --motyw-naglowek-obraz:var(--motyw-obraz-gemy); }
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] :is(#panel-tab-profile,#panel-tab-messages,#panel-tab-chat,#panel-tab-faults) > h2 { --motyw-naglowek-obraz:var(--motyw-obraz-dom); }
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-nav-btn.active,
body[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-content :is(.dashboard-action.primary,.panel-action-btn.primary,.service-action-btn.primary) {
    background:var(--motyw-akcent-jasny) !important; border-color:var(--motyw-akcent-jasny) !important; color:#fff !important;
}
body[data-oprawa-konta="1"] .auth-modal { background:linear-gradient(#00000055,#00000088),var(--motyw-obraz-dom) center / cover no-repeat; }
body[data-oprawa-konta="1"] .auth-modal-content { border-top-color:var(--motyw-akcent); }
body[data-oprawa-konta="1"] .auth-modal-content .auth-header {
    margin-right:0; padding:24px 18px; min-height:150px; border-radius:12px; align-items:center;
    background:linear-gradient(90deg,var(--motyw-naglowek),#00000020),var(--motyw-obraz-dom) right center / cover no-repeat;
}
body[data-oprawa-konta="1"] .auth-modal-content .auth-header :is(h2,p) { color:#fff !important; }
body[data-oprawa-konta="1"] .auth-modal-content .auth-icon { background:var(--motyw-naglowek); color:var(--motyw-akcent); }
body[data-oprawa-konta="1"] .auth-modal-content .auth-button { background:var(--motyw-akcent-jasny) !important; color:#fff !important; }
@media(max-width:760px) {
    body[data-oprawa-konta="1"][data-current-page="panel-klienta"] .panel-hero { min-height:200px; }
    body[data-oprawa-konta="1"][data-current-page="panel-klienta"] :is(.panel-dashboard-title,.tab-content > h2) { padding:22px !important; min-height:150px; }
}