/* Klimat strony głównej w Platformie (29.09.2026, wybór użytkownika z show-me „platforma-klimat”):
   wariant B „karty jak na głównej” – kontur 2 px, twardy cień 4px 4px 0, promień kart 16 px, pigułki,
   kafle modułów w kolorze działu. Z wariantu C naklejka licznika w bazie pytań (.nakl), z wariantu A
   mapa wiedzy na pulpicie jako lista z paskami (bez zmian w .obszar/.mw – dlatego jej tu nie ma).
   Osobny arkusz ładowany po korki.css i wp.css: wycofanie klimatu = usunięcie jednego wp_enqueue_style. */
:root{--kontur:#18212B;--zolty:#FCE36B;--rk:16px;--k-brzeg:2px solid var(--kontur);--k-cien:4px 4px 0 var(--kontur)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--kontur:#5E6975;--zolty:#8A7A22}}
:root[data-theme="dark"]{--kontur:#5E6975;--zolty:#8A7A22}

/* nagłówek */
body.aplikacja nav.glowna a.akt{background:var(--sliwka);color:#fff;border:2px solid var(--kontur);box-shadow:2px 2px 0 var(--kontur);border-radius:999px}
body.aplikacja .szukaj{background:var(--pow);border:2px solid var(--kontur);border-radius:999px}
body.aplikacja .awatar{border:2px solid var(--kontur);box-shadow:2px 2px 0 var(--kontur)}

/* przyciski i pigułki */
body.aplikacja .btn{border:2px solid var(--kontur);border-radius:999px;box-shadow:3px 3px 0 var(--kontur);transition:transform .08s,box-shadow .08s}
body.aplikacja .btn:hover{border-color:var(--kontur);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--kontur)}
body.aplikacja .btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--kontur)}
body.aplikacja .btn.gl,body.aplikacja .btn.gl:hover{border-color:var(--kontur)}
body.aplikacja .btn.um{border-color:var(--kontur)}
body.aplikacja .btn.plaski,body.aplikacja .btn.plaski:hover{border-color:transparent;box-shadow:none;transform:none}
body.aplikacja .chip{border:2px solid var(--kontur)}
body.aplikacja .dz-pill{border:2px solid var(--kontur)}
body.aplikacja .przel{border:2px solid var(--kontur);background:var(--pow)}

/* karty: kontur i twardy cień jak karty działów na głównej */
body.aplikacja :is(.dalej,.boczna,.mod,.tematy,.najw,.cele-lekcji,.blok,.wykres,.tk,.pk,.gen-d,.tw-z,.odz,.plan-p,.form-egz,.ust-w,.rozgrzewka){border:var(--k-brzeg);box-shadow:var(--k-cien);border-radius:var(--rk)}
body.aplikacja .sprawdz-sie .pk{box-shadow:var(--k-cien)}
body.aplikacja .tabela{box-shadow:0 0 0 2px var(--kontur);border-radius:var(--rk)}
body.aplikacja .dalej:hover,body.aplikacja .mod:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--kontur)}
body.aplikacja .dalej,body.aplikacja .mod{transition:transform .1s,box-shadow .1s}

/* moduły: kafel w kolorze działu, nagłówek działu jako pigułka */
body.aplikacja .mod[style*='--k']{background:color-mix(in srgb,var(--k) 10%,var(--pow))}
body.aplikacja .mod[style*='--k'] h3{color:color-mix(in srgb,var(--k) 80%,var(--tusz))}
body.aplikacja .mod:hover{border-color:var(--kontur)}
body.aplikacja .obszar-g[style*='--k']{display:flex;align-items:center;width:max-content;max-width:100%;background:color-mix(in srgb,var(--k) 16%,var(--pow));border:2px solid var(--kontur);border-radius:999px;padding:6px 16px 6px 12px;box-shadow:3px 3px 0 var(--kontur);font-weight:700}

/* lekcja */
body.aplikacja .spis a.akt{border:2px solid var(--kontur);box-shadow:2px 2px 0 var(--kontur)}
body.aplikacja .fiszka{box-shadow:var(--k-cien);border:var(--k-brzeg);border-radius:var(--rk)}
body.aplikacja .fiszka.odwr{box-shadow:var(--k-cien)}

/* pytania */
body.aplikacja .odp button{border:2px solid var(--kontur);border-radius:12px;box-shadow:3px 3px 0 var(--kontur)}
body.aplikacja .odp button:hover:not(:disabled){border-color:var(--kontur);background:var(--sliwka-t)}
body.aplikacja .odp button.dobra,body.aplikacja .odp button.zla,body.aplikacja .odp button.wyb{border-color:var(--kontur)}
body.aplikacja .tp{height:14px;border:2px solid var(--kontur)}
body.aplikacja .postep-q .pasek{height:12px;border:2px solid var(--kontur)} body.aplikacja .postep-q .pasek i{background:var(--sliwka)}
/* naklejka licznika (z wariantu C): żółta pigułka pod kątem */
.nakl{display:inline-flex;align-items:center;gap:8px;background:var(--zolty);color:var(--tusz);border:2px solid var(--kontur);border-radius:999px;padding:5px 14px;font:700 16px var(--nag);box-shadow:3px 3px 0 var(--kontur);transform:rotate(-3deg);white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.nakl{animation:nakl-w .45s cubic-bezier(.3,1.6,.5,1) backwards}
  @keyframes nakl-w{from{opacity:0;transform:translateY(8px) scale(.75) rotate(-3deg)}}}

/* telefon: menu dolne z konturem, aktywna pozycja na jasnej śliwce (pigułka z nagłówka byłaby za ciasna) */
@media (max-width:920px){
  body.aplikacja nav.glowna{border-top:2px solid var(--kontur)}
  body.aplikacja nav.glowna a.akt{background:color-mix(in srgb,var(--sliwka) 12%,var(--pow));color:var(--sliwka);border:0;box-shadow:none;border-radius:12px}
}

/* sześciokąt postępu: tor widoczny także na kaflu w kolorze działu (jasny --pow2 ginął na tle), bez kropki przy 0 */
body.aplikacja .hex-tlo{stroke:color-mix(in srgb,var(--tusz) 20%,transparent)}

/* ustawienia platformy: koło zębate z podpisem w nagłówku (uwaga użytkownika 29.09.2026: „bardziej wyeksponować”) */
body.aplikacja .ust-lnk svg.i{width:18px;height:18px}
@media (max-width:920px){body.aplikacja .ust-lnk{width:44px;height:44px;padding:0;justify-content:center;box-shadow:2px 2px 0 var(--kontur)} body.aplikacja .ust-lnk span{display:none}}

/* karta leku: odnośniki do lekcji i pytań jako wiersze, nie przyciski – długi tytuł lekcji się zawija (29.09.2026) */
.karta-l{display:flex;flex-direction:column;margin-top:18px;border-top:1px solid var(--linia)}
.karta-l a{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--linia);text-decoration:none;color:var(--tusz)}
.karta-l a>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.karta-l b{font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.karta-l i{font-style:normal;font-size:24px;line-height:1;color:var(--sliwka);flex:none}
.karta-l a:hover b{color:var(--sliwka)}