/* B+ „Warsztat Premium” — warstwa szkieletu aplikacji po zalogowaniu (26.10.2026).
   Ładowana jako ostatnia. Zmienia wygląd: tokeny, ciemne menu boczne, karty Pulpitu,
   pasek etapów Generatora, ciemny pasek zbiorczy Terminarza, ruch. Nie dotyka
   identyfikatorów, atrybutów ani zachowania — tym zarządzają skrypty i testy. */
:root{--bp-bg:#eef3f1;--bp-paper:#fff;--bp-line:#c9d6d1;--bp-line-soft:#e3ebe8;--bp-ink:#17282e;--bp-ink-2:#3d4d54;--bp-muted:#52636b;--bp-accent:#126456;--bp-accent-soft:#e4f2ec;--bp-accent-tint:#cfe9de;--bp-scene:#0f3f36;--bp-scene-muted:#b9d9cf;--bp-amber:#805013;--bp-amber-soft:#fff4dc;--bp-amber-badge:#ffd79a;--bp-red:#a32e35;--bp-red-soft:#fff0ef;--bp-ease:cubic-bezier(.2,.7,.2,1)}
body.experience-app.body--logged-in{--xp-side:232px;--xp-bg:#eef3f1;--xp-line:#c9d6d1;--xp-accent-soft:#e4f2ec;--xp-radius:12px;--xp-radius-lg:22px;--xp-shadow:0 24px 50px -28px rgba(23,40,46,.55);background:var(--bp-bg)}

/* pasek górny i menu boczne */
body.experience-app.body--logged-in .topbar,body.body--logged-in .pilot-topbar{background:var(--bp-bg);border-bottom:1px solid var(--bp-line)}
body.experience-app.body--logged-in #appSide.pilot-sidebar{background:var(--bp-ink);border-right:0;color:#d7e2de;padding:20px 14px}
body.experience-app .pilot-sidebar .pilot-side-heading{color:#8fa49d}
body.experience-app .pilot-sidebar .app-side-nav a{color:#d7e2de;border-radius:12px;font-weight:600;min-height:46px;border:0;box-shadow:none}
body.experience-app .pilot-sidebar .app-side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
body.experience-app .pilot-sidebar .app-side-nav a[aria-current=page]{background:var(--bp-accent-tint);color:var(--bp-ink);box-shadow:none;border-color:transparent;font-weight:700}
body.experience-app .pilot-sidebar .asn-licznik{background:var(--bp-amber-badge);color:var(--bp-ink);font-weight:700;border-radius:999px;padding:2px 8px;font-size:12px}
body.experience-app .pilot-sidebar .app-side-nav a[aria-current=page] .asn-licznik{background:var(--bp-ink);color:#fff}
body.experience-app .pilot-sidebar .pilot-nav-divider{background:#2e3f46;border-color:#2e3f46}
body.experience-app .pilot-side-context{color:#8fa49d;border-top-color:#2e3f46}
body.experience-app .pilot-side-context strong{color:#fff}
body.experience-app .pilot-sidebar a:focus-visible{outline-color:var(--bp-accent-tint)}

/* przyciski i pola */
body.experience-app .btn{border-radius:12px}
body.experience-app .btn-primary{min-height:48px;font-weight:700;padding:10px 20px}
body.experience-app .btn-secondary{border-color:var(--bp-line)}
body.experience-app .btn-secondary:hover{border-color:var(--bp-ink)}

/* zmiana modułu: krzyżowe przenikanie 160 ms, bez przesuwania treści */
body.experience-app.body--logged-in main>section.widok--aktywny{animation:bp-fade .16s var(--bp-ease) both}
@keyframes bp-fade{from{opacity:0}to{opacity:1}}
@keyframes bp-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Pulpit: zdanie zamiast etykiet, karty zamiast kolumn */
body.experience-app .workspace-page-head{border-bottom:0;padding-bottom:0;margin-bottom:24px;align-items:flex-end}
body.experience-app #pulpit .workspace-page-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.experience-app #pulpitPowitanie{font-size:40px;letter-spacing:-.04em;line-height:1.05;margin-bottom:6px}
body.experience-app #pulpitPodtytul{font-size:17px;color:var(--bp-ink-2);max-width:none}
body.experience-app .pulpit-data{margin:0 0 6px;color:var(--bp-muted);font-size:15px}
body.experience-app .dashboard-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}
body.experience-app .dashboard-attention{background:var(--bp-paper);border:1px solid var(--bp-line);border-radius:22px;padding:24px}
body.experience-app .dashboard-attention>h2{font-size:24px;letter-spacing:-.03em;margin:0 0 4px}
body.experience-app .dashboard-intro{margin:0 0 16px}
body.experience-app .dashboard-attention .trm-karta,body.experience-app .dashboard-attention .trm-widget-empty,body.experience-app .dashboard-attention .trm-widget-error,body.experience-app .dashboard-attention .trm-widget-loading{border:0;background:transparent;padding:0;box-shadow:none;border-radius:0}
body.experience-app .dashboard-work{border:0;padding:0}
body.experience-app .dashboard-work .pulpit-ostatnie{background:var(--bp-paper);border:1px solid var(--bp-line);border-radius:22px;padding:24px}
body.experience-app .pulpit-ostatnie-head{border-bottom:0;padding-bottom:6px}
body.experience-app .pulpit-wiersz{border-radius:12px;padding:14px 10px;margin:0 -10px;width:calc(100% + 20px);border-bottom:1px solid var(--bp-line-soft)}
body.experience-app .pulpit-wiersz:hover{background:var(--bp-bg)}
body.experience-app .xp-radar-attention{margin-top:20px;border-top:0;padding:20px;background:var(--bp-scene);color:#fff;border-radius:16px}
body.experience-app .xp-radar-attention h3,body.experience-app .xp-radar-attention a,body.experience-app .xp-radar-attention strong{color:#fff}
body.experience-app .xp-radar-attention p,body.experience-app .xp-radar-attention small,body.experience-app .xp-radar-attention span{color:var(--bp-scene-muted)}
body.experience-app .xp-attention-row{border-bottom-color:rgba(255,255,255,.16)}
body.experience-app .xp-attention-row:hover strong{color:var(--bp-accent-tint)}
body.experience-app .xp-radar-attention .btn-secondary{background:#fff;color:var(--bp-scene);border-color:#fff}
body.experience-app .dashboard-support{background:var(--bp-paper);border:1px solid var(--bp-line);border-radius:22px;padding:20px 24px;margin-top:0}
body.experience-app .dashboard-support .pp-wartosc{font-family:var(--xp-display);font-size:20px;letter-spacing:-.02em}
body.experience-app .dashboard-links a{border-radius:12px;padding:8px 10px;margin:-8px -10px}
body.experience-app .dashboard-links a:hover{background:var(--bp-bg)}

/* nagłówki modułów */
body.experience-app :is(.workspace-page-head,.section-head,.radar-page-heading) h1{font-size:38px;letter-spacing:-.04em;line-height:1.05}
body.experience-app :is(.workspace-page-head,.section-head,.radar-page-heading) p{font-size:16px;color:var(--bp-ink-2)}
body.experience-app main>section>.section-head,body.experience-app .radar-page-heading{border-bottom:0;padding-bottom:0;margin-bottom:20px}
body.body--logged-in #terminarz .operations-heading{margin-bottom:16px}

/* Generator: pasek etapów jako cztery odcinki z etykietami; etapy przed aktywnym są zielone */
body.experience-app .tool-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0 0 18px;background:transparent;box-shadow:none}
body.experience-app .tool-rail .rail-step{display:flex;flex-direction:column;gap:8px;align-items:stretch;border:0;border-radius:8px;background:transparent;padding:4px 0;font:600 13.5px/1.3 var(--xp-body);color:var(--bp-muted);text-align:left;min-height:0;box-shadow:none;cursor:pointer}
body.experience-app .tool-rail .rail-step::before{content:"";display:block;height:6px;border-radius:999px;background:var(--bp-line);transition:background-color .2s var(--bp-ease)}
body.experience-app .tool-rail .rail-step:has(~ .rail-step.active){color:var(--bp-accent)}
body.experience-app .tool-rail .rail-step:has(~ .rail-step.active)::before{background:var(--bp-accent)}
body.experience-app .tool-rail .rail-step.active{color:var(--bp-ink);font-weight:700;background:transparent}
body.experience-app .tool-rail .rail-step.active::before{background:var(--bp-ink)}
body.experience-app .tool-rail .step-index{display:none}
body.experience-app .tool-rail .rail-step:hover{background:transparent;color:var(--bp-ink)}

/* Terminarz: ciemny pływający pasek zbiorczy, karty grup, kaskada wierszy */
body.body--logged-in #terminarz .trm-zbiorcze{background:var(--bp-ink);color:#fff;border:0;border-radius:18px;box-shadow:0 24px 50px -24px rgba(23,40,46,.7)}
body.body--logged-in #terminarz .trm-zbiorcze label{color:#d7e2de}
body.body--logged-in #terminarz .trm-zbiorcze input[type="date"]{border-color:#4f7a6f;border-radius:10px}
body.body--logged-in #terminarz .trm-zbiorcze .btn-primary{background:var(--bp-accent-tint);color:var(--bp-ink);border-color:var(--bp-accent-tint)}
body.body--logged-in #terminarz .trm-zbiorcze .btn-primary:hover{background:#fff;border-color:#fff}
body.body--logged-in #terminarz .trm-zbiorcze .btn-ghost{color:#fff;border:1px solid #4f7a6f;background:transparent}
body.body--logged-in #terminarz .trm-agenda-group{border-radius:22px}
body.body--logged-in #terminarz .trm-agenda-grupa h3 .trm-grupa-nazwa{font-size:18px}
@media(prefers-reduced-motion:no-preference){
 body.body--logged-in #terminarz .trm-agenda-record,body.experience-app #radar .radar-case{animation:bp-rise .25s var(--bp-ease) both}
 body.body--logged-in #terminarz .trm-agenda-record:nth-child(2),body.experience-app #radar .radar-case:nth-child(2){animation-delay:30ms}
 body.body--logged-in #terminarz .trm-agenda-record:nth-child(3),body.experience-app #radar .radar-case:nth-child(3){animation-delay:60ms}
 body.body--logged-in #terminarz .trm-agenda-record:nth-child(4),body.experience-app #radar .radar-case:nth-child(4){animation-delay:90ms}
 body.body--logged-in #terminarz .trm-agenda-record:nth-child(5),body.experience-app #radar .radar-case:nth-child(5){animation-delay:120ms}
 body.body--logged-in #terminarz .trm-agenda-record:nth-child(6),body.experience-app #radar .radar-case:nth-child(6){animation-delay:150ms}
 body.body--logged-in #terminarz .trm-agenda-record:nth-child(7),body.experience-app #radar .radar-case:nth-child(7){animation-delay:180ms}
 body.body--logged-in #terminarz .trm-agenda-record:nth-child(8),body.experience-app #radar .radar-case:nth-child(8){animation-delay:210ms}
}

/* Radar: karty spraw z większym promieniem, szczegóły jako karta */
body.experience-app.body--logged-in #radar .radar-list-pane,body.experience-app.body--logged-in #radar #radarDetail{border-radius:22px}

@media(max-width:1050px){body.experience-app .dashboard-body{grid-template-columns:1fr}}
@media(max-width:760px){
 body.experience-app #pulpitPowitanie{font-size:28px}
 body.experience-app .dashboard-attention,body.experience-app .dashboard-work .pulpit-ostatnie,body.experience-app .dashboard-support{padding:18px;border-radius:18px}
 body.experience-app .tool-rail{gap:6px}
 body.experience-app .tool-rail .rail-step{font-size:12px}
 body.experience-app .tool-rail .rail-step:not(.active){font-size:0}
 body.experience-app .tool-rail .rail-step:not(.active)::before{height:6px}
 body.experience-app.body--logged-in #appSide.pilot-sidebar{background:var(--bp-ink);border-bottom:0}
 body.experience-app.body--logged-in .xp-mobile-nav{background:var(--bp-paper)}
}
@media print{body.experience-app.body--logged-in main>section.widok--aktywny{animation:none}}
/* tytuł i link w ciemnej karcie Radaru na Pulpicie — nadpisanie reguł nagłówka z innych warstw */
body.experience-app #pulpit .xp-radar-attention .xp-attention-heading h3,body.experience-app #pulpit .xp-radar-attention .xp-attention-heading a{color:#fff}
body.experience-app #pulpit .xp-radar-attention .xp-attention-heading a{color:var(--bp-accent-tint)}