/* Motyw ciemny (27.09.2026, motyw.py) — włączany CSS-em po wklejeniu stylu strony (zmienne z :root nadpisujemy).
   Jasne wartości zostają w :root każdej strony; tu tylko NOWE zmienne (ich jasne wersje) i ciemne wartości wszystkich.
   Zasady: tło strony ciemne, karty o ton jaśniejsze, tekst jasny; ciemne bloki (pasek, czoło strony klienta) — jeszcze
   ciemniejsze; kolory tekstu (zieleń, bursztyn, czerwień, niebieski) — jaśniejsze, żeby miały kontrast na ciemnym. */
:root{
  --rgb-tekst:10,13,18;            /* do półprzezroczystych ramek i cieni: rgba(var(--rgb-tekst), .1) */
  --zielen-2:#155C45; --uwaga-tekst:#8A5B08; --fiolet:#7A4FD1; --tlo-pola:#FFFFFF;
  /* tła plakietek z BIAŁYM napisem — stałe w obu motywach (jaśniejsza czerwień w ciemnym nie trzyma kontrastu z bielą) */
  --czerwien-tlo:#C0392B; --zielen-tlo:#1F7A5C; --morze-tlo:#2E5E96;
  /* dawne kolory tekstu wpisane w szablonach: --k-<kolor> (jasny = ten sam kolor, ciemny = jaśniejszy) */
  --k-14533e:#14533e; --k-1b2a3d:#1b2a3d; --k-23497a:#23497a; --k-3b2470:#3b2470; --k-3c4250:#3c4250; --k-4a3275:#4a3275; --k-4a5260:#4a5260; --k-5b32a8:#5b32a8; --k-5b3f8c:#5b3f8c; --k-666:#666; --k-7a1f16:#7a1f16; --k-7a4f05:#7a4f05; --k-8c2b20:#8c2b20; --k-9a6206:#9a6206; --k-a5301f:#a5301f; --k-b42318:#b42318;
  color-scheme:light;
}

/* tylko EKRAN — wydruk (grafik trenera, raport) zawsze jasny */
@media screen{ html[data-motyw="ciemny"]{ color-scheme:dark;
  --rgb-tekst:232,235,240;
  /* panel (uklad.html) */
  --tlo:#0F1318; --karta:#171C23; --ciemny:#05070A;
  --tekst:#E8EBF0; --tekst-2:#AEB6C3; --tekst-3:#9AA2AF;
  --linia:rgba(255,255,255,.13); --morze:#8CB4EA; --zielen:#52C99E; --czerwien:#FF8373;
  --zielen-2:#86DDBC; --uwaga-tekst:#F2C14E; --fiolet:#B79BFF; --tlo-pola:#11161C;
  /* wspólny styl (premium.css, strona klienta) */
  --biel:#171C23; --mgla:#0F1318; --czarn:#05070A; --noc:#1A202A;
  --linia-noc:rgba(255,255,255,.14);
  --k-14533e:#86DDBC; --k-1b2a3d:#E8EBF0; --k-23497a:#8CB4EA; --k-3b2470:#C6B0FF; --k-3c4250:#AEB6C3; --k-4a3275:#C6B0FF; --k-4a5260:#AEB6C3; --k-5b32a8:#C6B0FF; --k-5b3f8c:#C6B0FF; --k-666:#AEB6C3; --k-7a1f16:#FF9A8C; --k-7a4f05:#F2C14E; --k-8c2b20:#FF9A8C; --k-9a6206:#F2C14E; --k-a5301f:#FF8373; --k-b42318:#FF8373; } }
@media screen and (prefers-color-scheme: dark){ html[data-motyw="system"]{ color-scheme:dark;
  --rgb-tekst:232,235,240;
  /* panel (uklad.html) */
  --tlo:#0F1318; --karta:#171C23; --ciemny:#05070A;
  --tekst:#E8EBF0; --tekst-2:#AEB6C3; --tekst-3:#9AA2AF;
  --linia:rgba(255,255,255,.13); --morze:#8CB4EA; --zielen:#52C99E; --czerwien:#FF8373;
  --zielen-2:#86DDBC; --uwaga-tekst:#F2C14E; --fiolet:#B79BFF; --tlo-pola:#11161C;
  /* wspólny styl (premium.css, strona klienta) */
  --biel:#171C23; --mgla:#0F1318; --czarn:#05070A; --noc:#1A202A;
  --linia-noc:rgba(255,255,255,.14);
  --k-14533e:#86DDBC; --k-1b2a3d:#E8EBF0; --k-23497a:#8CB4EA; --k-3b2470:#C6B0FF; --k-3c4250:#AEB6C3; --k-4a3275:#C6B0FF; --k-4a5260:#AEB6C3; --k-5b32a8:#C6B0FF; --k-5b3f8c:#C6B0FF; --k-666:#AEB6C3; --k-7a1f16:#FF9A8C; --k-7a4f05:#F2C14E; --k-8c2b20:#FF9A8C; --k-9a6206:#F2C14E; --k-a5301f:#FF8373; --k-b42318:#FF8373; } }

/* przełącznik motywu (w stopce) */
.motyw-wybor{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--linia);border-radius:999px;vertical-align:middle}
.motyw-wybor button{border:0;background:transparent;color:inherit;font:inherit;font-size:12.5px;padding:3px 10px;border-radius:999px;
  cursor:pointer;min-height:28px}
.motyw-wybor button[aria-pressed="true"]{background:rgba(var(--rgb-tekst),.12);font-weight:600}
html[data-motyw-blokada] .motyw-wybor{display:none}
:root{
  --sz-panel-gora:rgba(255,255,255,.90); --sz-panel-dol:rgba(255,255,255,.62); --sz-ramka:rgba(255,255,255,.95);
  --sz-krawedz:#FFFFFF; --sz-blask:#FFFFFF; --sz-cien-mocny:rgba(10,13,18,.16);
  --sz-cien-gleboki:0 1px 2px rgba(10,13,18,.05),0 16px 40px rgba(10,13,18,.11);
  --sz-pasek:rgba(6,8,12,.94); --sz-menu:rgba(255,255,255,.72); --sz-akcent:#06080C; --sz-akcent-tekst:#FFFFFF;
  --gz-gora:rgba(255,255,255,.98); --gz-dol:rgba(255,255,255,.52); --gz-refleks:#FFFFFF; --gz-cien-dol:rgba(10,13,18,.07);
  --sz-tlo-plaskie:#F5F5F7;
  --sz-tlo-szare:radial-gradient(60% 45% at 10% 8%,#C9CED6 0%,transparent 70%),radial-gradient(55% 40% at 95% 30%,#DADDE3 0%,transparent 70%),
    radial-gradient(60% 45% at 30% 95%,#BFC4CC 0%,transparent 70%),linear-gradient(180deg,#EEF0F3 0%,#E2E5EA 100%);
}

@media screen{ html[data-motyw="ciemny"]{ --sz-panel-gora:rgba(44,51,63,.78); --sz-panel-dol:rgba(28,33,42,.66); --sz-ramka:rgba(255,255,255,.10);
  --sz-krawedz:rgba(255,255,255,.14); --sz-blask:rgba(255,255,255,.07); --sz-cien-mocny:rgba(0,0,0,.55);
  --sz-cien-gleboki:0 1px 2px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.5);
  --sz-pasek:rgba(5,7,10,.82); --sz-menu:rgba(28,33,42,.78); --sz-akcent:rgba(255,255,255,.16); --sz-akcent-tekst:#FFFFFF;
  --gz-gora:rgba(70,78,92,.85); --gz-dol:rgba(34,40,50,.62); --gz-refleks:rgba(255,255,255,.22); --gz-cien-dol:rgba(0,0,0,.35);
  --sz-tlo-plaskie:#0F1318;
  --sz-tlo-szare:radial-gradient(60% 45% at 10% 8%,#252B35 0%,transparent 70%),radial-gradient(55% 40% at 95% 30%,#1D222A 0%,transparent 70%),
    radial-gradient(60% 45% at 30% 95%,#2A303A 0%,transparent 70%),linear-gradient(180deg,#12161C 0%,#0C0F13 100%); } }
@media screen and (prefers-color-scheme: dark){ html[data-motyw="system"]{ --sz-panel-gora:rgba(44,51,63,.78); --sz-panel-dol:rgba(28,33,42,.66); --sz-ramka:rgba(255,255,255,.10);
  --sz-krawedz:rgba(255,255,255,.14); --sz-blask:rgba(255,255,255,.07); --sz-cien-mocny:rgba(0,0,0,.55);
  --sz-cien-gleboki:0 1px 2px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.5);
  --sz-pasek:rgba(5,7,10,.82); --sz-menu:rgba(28,33,42,.78); --sz-akcent:rgba(255,255,255,.16); --sz-akcent-tekst:#FFFFFF;
  --gz-gora:rgba(70,78,92,.85); --gz-dol:rgba(34,40,50,.62); --gz-refleks:rgba(255,255,255,.22); --gz-cien-dol:rgba(0,0,0,.35);
  --sz-tlo-plaskie:#0F1318;
  --sz-tlo-szare:radial-gradient(60% 45% at 10% 8%,#252B35 0%,transparent 70%),radial-gradient(55% 40% at 95% 30%,#1D222A 0%,transparent 70%),
    radial-gradient(60% 45% at 30% 95%,#2A303A 0%,transparent 70%),linear-gradient(180deg,#12161C 0%,#0C0F13 100%); } }

@media screen{
  html[data-szklo="plaskie"] body{background:var(--sz-tlo-plaskie)}
  html[data-szklo="szare"] body{background:var(--sz-tlo-szare);background-attachment:fixed}
  /* tafle */
  html[data-szklo] .karta,html[data-szklo] .kafel,html[data-szklo] .osoba,html[data-szklo] details.edycja,
  html[data-szklo] .siatka-gr,html[data-szklo] .wiersz-l,html[data-szklo] .lista-os{
    background:linear-gradient(180deg,var(--sz-panel-gora),var(--sz-panel-dol));border:1px solid var(--sz-ramka);border-radius:22px;
    box-shadow:inset 0 1px 0 var(--sz-krawedz),var(--sz-cien-gleboki)}
  html[data-szklo] .kafel-l{border-radius:14px;box-shadow:inset 0 1px 0 var(--sz-blask),inset 0 0 0 1px rgba(255,255,255,.3),0 4px 12px rgba(10,13,18,.08)}
  html[data-szklo] .siatka-glowa{background:var(--sz-panel-gora);border-radius:22px 22px 0 0}
  /* wypukłe guziki (siłownia 29.09: „w każdym liquid glassie daj wypukłe guziki”) */
  html[data-szklo] .przycisk,html[data-szklo] .segment,html[data-szklo] .motyw-wybor,html[data-szklo] .wyglad-wybor,
  html[data-szklo] .pasek-dni a{
    background:linear-gradient(180deg,var(--gz-gora),var(--gz-dol));border:1px solid var(--sz-ramka);
    box-shadow:inset 0 1px 0 var(--gz-refleks),0 2px 6px var(--gz-cien-dol);border-radius:999px}
  html[data-szklo] .pasek-dni a{border-radius:16px}
  html[data-szklo] .segment a,html[data-szklo] .segment button{border-radius:999px}
  html[data-szklo] .przycisk.glowny,html[data-szklo] .segment [aria-current="true"],html[data-szklo] .segment [aria-pressed="true"],
  html[data-szklo] .pasek-dni a[aria-current="true"]{
    background:linear-gradient(180deg,#3A404B,#06080C);color:#fff;border-color:rgba(0,0,0,.6);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 10px rgba(0,0,0,.25)}
  html[data-szklo] .przycisk.czerwony{color:var(--czerwien)}
  /* przyklejone: pasek, dolne menu, okienko */
  html[data-szklo] .pasek{background:var(--sz-pasek);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
  html[data-szklo] .podmenu{background:rgba(22,27,34,.6)}
  /* telefon: dolne menu jako pływająca pigułka (siłownia 30.09: równo z krawędzią kart) */
  @media (max-width:700px){
    html[data-szklo] .dolny{left:16px;right:16px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:999px;
      background:var(--sz-menu);border:1px solid var(--sz-ramka);padding:4px 6px;
      -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
      box-shadow:inset 0 1px 0 var(--sz-blask),0 10px 28px var(--sz-cien-mocny)}
    html[data-szklo] .dolny a{min-height:52px;border-radius:999px}
    html[data-szklo] .dolny .tu{background:var(--sz-akcent);color:var(--sz-akcent-tekst)}
    html[data-szklo] main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  }
  html[data-szklo] .wd-okno{background:var(--sz-menu);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
    border:1px solid var(--sz-ramka);border-radius:22px}
  html[data-szklo] dialog{background:var(--sz-menu);border:1px solid var(--sz-ramka);
    -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
    box-shadow:inset 0 1px 0 var(--sz-blask),0 18px 44px var(--sz-cien-mocny)}
  html[data-szklo] input,html[data-szklo] select,html[data-szklo] textarea{border-radius:12px}
}
/* Tokeny asystenta 2 (jasne; ciemne w bloku niżej) — tła kafelków grafiku i wiersza listy [ADR 018] */
:root{--t-zapl:#E8EFF7;--t-odb:#E4F1EC;--t-potw:#FDF1DC;--t-odw:#F1F2F4;--t-czas:#EEF3F9}

@media screen{ html[data-motyw="ciemny"]{ --t-zapl:#1D2A3A;--t-odb:#17302A;--t-potw:#3A2E14;--t-odw:#20252D;--t-czas:#1B2230; } }
@media screen and (prefers-color-scheme: dark){ html[data-motyw="system"]{ --t-zapl:#1D2A3A;--t-odb:#17302A;--t-potw:#3A2E14;--t-odw:#20252D;--t-czas:#1B2230; } }
.stopka{margin-top:36px;text-align:center;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;align-items:center}
.wyglad-wybor{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--linia);border-radius:999px}
.wyglad-wybor button{border:0;background:transparent;color:inherit;font:inherit;font-size:12.5px;padding:3px 10px;border-radius:999px;cursor:pointer;min-height:28px}
.wyglad-wybor button[aria-pressed="true"]{background:rgba(var(--rgb-tekst),.12);font-weight:600}
html[data-wyglad-blokada] .wyglad-wybor{display:none}