/* Tryb ciemny (właściciel, 04.10.2026: "tryb ciemny") - PEŁNA kopia app.css z kolorami ciemnymi.
   Dołącza go layout.php po app.css tylko na ekranie (App\Wyglad): zawsze albo przy trybie ciemnym urządzenia;
   wydruk zostaje jasny. PLIK GENEROWANY: python3 toz_private/bin/ciemny-arkusz.py - po każdej zmianie app.css
   trzeba go uruchomić (pilnuje tego test unit-efekty). Ręczne poprawki stoją na końcu pliku, po znaczniku
   "Poprawki ręczne", i generowanie ich nie rusza. */
/* Wygenerowany z app.css sha1=e5444197e143599317bbe46b49fd34479a2cf1a3 */
:root {
    --toz-granat: #3a57a2;
    
    --toz-fokus: var(--toz-granat);
    --toz-fokus-ramka: var(--toz-granat);
    --toz-fokus-poswiata: rgba(58, 87, 162, .28);
    
    --toz-belka: #ffffff;
    --toz-belka-tekst: #2c4381;
    --toz-belka-linia: #e1e6f0;
    --toz-belka-tlo: #f3f5fa;
    --toz-granat-ciemny: #2c4381;
    --toz-granat-jasny: #eef1f9;
    --toz-zloto: #d7b56d;
    
    --flaga-czerwony: #d32f2f;
    --flaga-niebieski: #1d4ed8;
    --flaga-zielony: #2e7d32;
    --flaga-szary: #6b7280;
    --flaga-brazowy: #795548;
    --flaga-turkusowy: #00897b;
    --flaga-pomaranczowy: #d9590b;
    --flaga-fioletowy: #7b1fa2;
    --flaga-blekitny: #0277bd;
    --flaga-zolty: #a67c00;

    --toz-bg: #f2f4f8;
    --toz-plyta: #ffffff;
    
    --toz-naglowek-tlo: #e7ecf7;
    --toz-border: #dce0ea;
    
    --toz-pole-ramka: #858ca1;
    --toz-text: #23262f;
    --toz-muted: #586074;

    --toz-ok: #1f6b45;
    --toz-uwaga: #8a6100;
    --toz-blad: #a52834;
    
    --toz-tlo-ok: #e3f2ea;
    --toz-tlo-uwaga: #fdf4e0;
    --toz-tlo-blad: #fbe9ea;
    --toz-tlo-blad-kursor: #f7dcde;
    
    --toz-niebezpieczne: #a63a6d;
    
    --toz-przygaszone: #949aab;
    
    --mapa-plama: #2c4381;
    
    --mapa-podklad: #e6e6e6;

    --toz-cien: 0 1px 2px rgba(43, 42, 41, .05), 0 1px 8px rgba(58, 87, 162, .04);
    --toz-promien: 10px;
    --toz-margines: clamp(16px, 2.5vw, 40px);
}

* { box-sizing: border-box; }


html { overflow-x: hidden; overflow-x: clip; }


html { scrollbar-gutter: stable; }

@supports not (scrollbar-gutter: stable) {
    html { overflow-y: scroll; }
}

body {
    overflow-x: clip;
    margin: 0;
    background: var(--toz-bg);
    
    background-image: radial-gradient(1100px 420px at 50% -180px, rgba(58, 87, 162, .10), rgba(58, 87, 162, 0));
    background-repeat: no-repeat;
    color: var(--toz-text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
}


.container { width: 100%; max-width: none; margin: 0; padding: 0 var(--toz-margines); }

.topbar {
    background: var(--toz-belka);
    color: var(--toz-belka-tekst);
    border-bottom: 1px solid var(--toz-belka-linia);
    box-shadow: 0 6px 18px rgba(44, 67, 129, .06);
    
    position: sticky;
    top: 0;
    z-index: 30;
}

.topbar::before { content: ''; display: block; height: 3px; background: linear-gradient(90deg, var(--toz-granat), var(--toz-zloto)); }

.topbar-pusta .topbar-inner { min-height: 0; }
.topbar :focus-visible { outline-color: var(--toz-fokus); }
.topbar-inner { display: flex; align-items: center; justify-content: space-between; min-height: 60px; gap: 24px; flex-wrap: wrap; }
.brand { display: flex; align-items: center; gap: 10px; color: var(--toz-belka-tekst); font-weight: 700; text-decoration: none; letter-spacing: .01em; }
.brand:hover, .brand:focus-visible { color: var(--toz-granat-tekst); text-decoration: none; }

.brand img { display: block; width: 32px; height: 32px; object-fit: contain; }

.nav { display: flex; align-items: center; gap: 2px; flex-wrap: wrap; align-self: stretch; }
.nav a { color: var(--toz-belka-tekst); text-decoration: none; padding: 8px 12px; border-radius: 8px; font-weight: 500; }
.nav a:hover, .nav a:focus { background: var(--toz-belka-tlo); text-decoration: none; }
.nav a.aktywna { background: var(--toz-granat-jasny); box-shadow: inset 0 -2px 0 var(--toz-zloto); font-weight: 600;
    
    background-image: linear-gradient(180deg, #1f2128, #212634); }

.nav .nav-konto { color: var(--toz-muted); font-weight: 500; margin-left: 6px; }
.nav .nav-konto:hover, .nav .nav-konto:focus-visible, .nav .nav-konto.aktywna { color: var(--toz-belka-tekst); }



.nav-grupa { position: relative; align-self: stretch; display: flex; align-items: center; }
.nav-grupa > summary {
    list-style: none; cursor: pointer; padding: 8px 12px; border-radius: 8px;
    color: var(--toz-belka-tekst); font-weight: 500; white-space: nowrap; user-select: none;
}

.nav-grupa > summary::-webkit-details-marker { display: none; }

.nav-grupa > summary::after {
    content: ''; display: inline-block; width: 7px; height: 7px; margin-left: 8px; vertical-align: middle;
    border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); translate: 0 -3px;
    opacity: .7;
}
.nav-grupa > summary:hover, .nav-grupa > summary:focus-visible,
.nav-grupa[open] > summary { background: var(--toz-belka-tlo); }
.nav-grupa.aktywna > summary { background: var(--toz-granat-jasny); font-weight: 600;
    box-shadow: inset 0 -2px 0 var(--toz-zloto); }

.nav-rozwijane {
    
    position: absolute; top: calc(100% + 1px); left: 0; z-index: 40;
    display: flex; flex-direction: column; gap: 2px; min-width: 210px; padding: 6px;
    background: var(--toz-belka); border: 1px solid var(--toz-belka-linia);
    border-radius: 12px; box-shadow: 0 14px 34px rgba(44, 67, 129, .14);
}
.nav-rozwijane a { white-space: nowrap; }

.nav-rozwijane a.aktywna { box-shadow: inset 3px 0 0 var(--toz-zloto); }

.menu-licznik { display: inline-block; min-width: 1.7em; margin-left: .45em; padding: 0 .5em; border-radius: 999px;
    background: var(--toz-zloto); color: #c7cbd7; font-size: .72rem; font-weight: 700; line-height: 1.6; text-align: center;
    vertical-align: .12em; white-space: nowrap; }
.menu-licznik[hidden] { display: none; }
.menu-licznik-przycisk { margin-left: -2px; }
@media print { .menu-licznik { display: none !important; } }

@media (max-width: 760px) {
    
    .nav-grupa { display: block; align-self: auto; }
    .nav-rozwijane { position: static; box-shadow: none; margin-top: 4px; }
}

.menu-przelacznik { display: none; }

html.menu-zwiniete .topbar-inner { flex-wrap: nowrap; gap: 12px; }

html.menu-zwiniete .brand { min-width: 0; }
html.menu-zwiniete .brand span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.menu-zwiniete .menu-przelacznik {
    display: inline-flex; align-items: center; gap: 10px; margin-left: auto;
    min-height: 42px; padding: 0 14px; border-radius: 10px;
    border: 1px solid #3b4152; background: var(--toz-belka);
    color: var(--toz-belka-tekst); font: inherit; font-weight: 600; cursor: pointer;
}
html.menu-zwiniete .menu-przelacznik:hover,
html.menu-zwiniete .menu-przelacznik[aria-expanded="true"] { background: var(--toz-granat-jasny); border-color: #3c465e; }


.menu-ikona, .menu-ikona::before, .menu-ikona::after {
    display: block; width: 18px; height: 2px; border-radius: 1px; background: currentColor;
}
.menu-ikona { position: relative; }
.menu-ikona::before, .menu-ikona::after { content: ''; position: absolute; left: 0; }
.menu-ikona::before { top: -6px; }
.menu-ikona::after { top: 6px; }
.menu-przelacznik[aria-expanded="true"] .menu-ikona { background: transparent; }
.menu-przelacznik[aria-expanded="true"] .menu-ikona::before { top: 0; transform: rotate(45deg); }
.menu-przelacznik[aria-expanded="true"] .menu-ikona::after { top: 0; transform: rotate(-45deg); }


@media (max-width: 760px) {
    html.menu-zwiniete .topbar { position: relative; }
}
html.menu-zwiniete .nav {
    display: none;
    position: absolute; left: 0; right: 0; top: calc(100% + 1px); z-index: 40;
    flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 2px;
    padding: 8px var(--toz-margines) 16px;
    
    max-height: calc(100vh - 66px);
    max-height: calc(100svh - 66px);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--toz-belka);
    border-bottom: 1px solid var(--toz-belka-linia);
    box-shadow: 0 18px 36px rgba(44, 67, 129, .16);
}
html.menu-zwiniete.menu-otwarte .nav { display: flex; }


html.menu-zwiniete .nav a,
html.menu-zwiniete .nav .btn-link {
    display: flex; align-items: center; justify-content: flex-start; width: 100%; min-height: 44px;
    padding: 10px 12px; font-size: 1rem; font-weight: 400; text-align: left; white-space: normal;
}
html.menu-zwiniete .nav a.aktywna { box-shadow: inset 3px 0 0 var(--toz-zloto); background: var(--toz-granat-jasny); }


html.menu-zwiniete .nav-grupa { display: block; align-self: auto; }
html.menu-zwiniete .nav-grupa > summary {
    display: flex; align-items: center; justify-content: space-between; min-height: 44px;
    padding: 10px 12px; font-size: 1rem; font-weight: 600; white-space: normal;
}
html.menu-zwiniete .nav-grupa > summary::after { margin-left: 12px; flex: none; }
html.menu-zwiniete .nav-grupa[open] > summary::after { transform: rotate(-135deg); translate: 0 2px; }
html.menu-zwiniete .nav-grupa.aktywna > summary { box-shadow: inset 3px 0 0 var(--toz-zloto); }
html.menu-zwiniete .nav-rozwijane a { padding-left: 28px; }
html.menu-zwiniete .nav-rozwijane {
    position: static; min-width: 0; margin: 0; padding: 0; gap: 2px;
    background: none; border: 0; border-radius: 0; box-shadow: none;
}


html.menu-zwiniete .nav-konto {
    margin-top: 12px; padding-top: 14px; border-radius: 0; margin-left: 0;
    border-top: 1px solid var(--toz-belka-linia);
}
html.menu-zwiniete .nav .nav-oddzial { border-radius: 10px; margin-top: 6px; }
html.menu-zwiniete .nav-wyloguj { display: block; }


html.menu-mierzenie .nav-rozwijane { display: none !important; }


html.menu-ciasne .topbar-inner { gap: 12px; }
html.menu-ciasne .nav { gap: 0; }
html.menu-ciasne .nav > a,
html.menu-ciasne .nav-grupa > summary,
html.menu-ciasne .topbar .btn-link { padding-left: 6px; padding-right: 6px; font-size: .9375rem; }
html.menu-ciasne .nav-grupa > summary::after { margin-left: 6px; }
html.menu-ciasne .nav .nav-oddzial,
html.menu-ciasne .nav .nav-konto { margin-left: 4px; }

html.menu-ciasne .nav .nav-konto { max-width: 11em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html.menu-samo-logo .brand span {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.topbar .btn-link { color: var(--toz-muted); text-decoration: none; padding: 8px 12px; border-radius: 8px; min-height: 0; font-weight: 500; }
.topbar .btn-link:hover, .topbar .btn-link:focus-visible { background: var(--toz-belka-tlo); color: var(--toz-belka-tekst); }

.main { padding: 28px var(--toz-margines) 56px; }
.footer { padding: 0 var(--toz-margines) 24px; color: var(--toz-muted); }

.footer .stopka-wersja { display: block; margin-top: 4px; }

.card {
    background: var(--toz-plyta);
    border: 1px solid var(--toz-border);
    border-radius: var(--toz-promien);
    padding: clamp(16px, 2vw, 28px);
    margin-bottom: 24px;
    box-shadow: var(--toz-cien);
}
.card-narrow { max-width: 460px; margin-left: auto; margin-right: auto; }


.card[id] { scroll-margin-top: 76px; }


.h4 { font-size: 1.35rem; margin: 0 0 8px; letter-spacing: -.01em; text-wrap: balance; }

h1.h4 { font-size: 1.7rem; }
h3 { font-size: 1.05rem; margin: 28px 0 4px; letter-spacing: -.005em; }
.h5 { font-size: 1.05rem; margin: 24px 0 4px; letter-spacing: -.005em; }
.card-head + .h5, .card > .h5:first-child { margin-top: 0; }
.muted { color: var(--toz-muted); }
.small { font-size: .875rem; }
.mt { margin-top: 16px; }

.label { display: block; margin: 16px 0 6px; font-weight: 600; font-size: .95rem; }
.form-control {
    
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    padding: 9px 12px;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.2;
    border: 1px solid var(--toz-pole-ramka);
    border-radius: 8px;
    background: #1b1e25;
    color: var(--toz-text);
}

textarea.form-control {
    min-height: 4.5rem;
    line-height: 1.55;
    resize: vertical;
}


.form-control[inputmode="decimal"] { text-align: right; }


input.form-control[type="date"],
input.form-control[type="datetime-local"],
input.form-control[type="time"] {
    -webkit-appearance: none;
    appearance: none;
    min-width: 0;
    max-width: 100%;
    text-align: left;
}
input.form-control::-webkit-date-and-time-value { text-align: left; }


.data-skopiowana {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #20232a;
    color: var(--toz-granat-tekst);
    font-size: .82rem;
    white-space: nowrap;
}

.form-control:focus, .form-control:focus-visible { outline: 3px solid var(--toz-fokus-poswiata); outline-offset: 0; border-color: var(--toz-fokus-ramka); }

.form-control::placeholder { color: #a8aec4; opacity: 1; }
.form-control[readonly], .form-control:disabled { background: #1e2228; color: var(--toz-muted); }

:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 2px; }
.code-input { letter-spacing: .35em; font-size: 1.25rem; text-align: center; }


.btn {
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 42px;
    padding: 0 18px;
    font-family: inherit;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.2;
    border: 1px solid var(--toz-border);
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    background: #1b1e25;
    color: var(--toz-text);
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
}
.btn:hover { background: var(--toz-granat-jasny); border-color: #3d4354; }
.btn-primary { background: var(--toz-granat); color: #fff; }
.btn-primary:hover, .btn-primary:focus { background: var(--toz-granat-ciemny); }

.btn:disabled { opacity: .45; cursor: not-allowed; }
.btn:disabled:hover { background: #1b1e25; border-color: var(--toz-border); }
.btn-primary:disabled:hover, .btn-primary:disabled:focus { background: var(--toz-granat); }
.btn-block { display: flex; width: 100%; margin-top: 20px; }
.btn-link { background: none; border-color: transparent; min-height: 0; padding: 0; color: var(--toz-granat-tekst); text-decoration: underline; }
.btn-link:hover { background: none; color: var(--toz-granat-ciemny-tekst); }
.btn-maly { min-height: 32px; padding: 0 12px; font-size: .8125rem; }
.btn-danger { background: var(--toz-blad); border-color: var(--toz-blad); color: #fff; }
.btn-danger:hover, .btn-danger:focus { background: #8b202c; border-color: #8b202c; }
.btn-danger:disabled:hover, .btn-danger:disabled:focus { background: var(--toz-blad); border-color: var(--toz-blad); }


.btn-primary:not(:disabled) { box-shadow: 0 1px 2px rgba(44, 67, 129, .22); }
.btn:not(:disabled):active { transform: translateY(1px); box-shadow: none; }


.btn-primary:not(:disabled):hover { box-shadow: 0 4px 12px rgba(44, 67, 129, .28); }
.btn-danger:not(:disabled):hover { box-shadow: 0 4px 12px rgba(165, 40, 52, .26); }

.btn-primary:not(:disabled):active, .btn-danger:not(:disabled):active { box-shadow: none; }


.btn-primary, .btn-primary:disabled:hover, .btn-primary:disabled:focus {
    border-color: #2f4785;
    background-image: linear-gradient(110deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, .38) 50%, rgba(255, 255, 255, 0) 62%),
        linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 62%),
        linear-gradient(135deg, #4a68ba 0%, var(--toz-granat) 48%, var(--toz-granat-ciemny) 100%);
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:disabled:hover, .btn-primary:disabled:focus {
    background-size: 250% 100%, 100% 100%, 100% 100%;
    background-repeat: no-repeat;
    background-position: -50% 0, 0 0, 0 0;
}
.btn-primary:not(:disabled):hover, .btn-primary:not(:disabled):focus {
    background-image: linear-gradient(110deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, .38) 50%, rgba(255, 255, 255, 0) 62%),
        linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 62%),
        linear-gradient(135deg, #4f6ec0 0%, #3f5eae 48%, #31498c 100%);
}


.btn-danger, .btn-danger:disabled:hover, .btn-danger:disabled:focus {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, 0) 62%),
        linear-gradient(135deg, #c13d4a, var(--toz-blad) 55%, #861d29);
}
.btn-danger:not(:disabled):hover, .btn-danger:not(:disabled):focus {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, 0) 62%),
        linear-gradient(135deg, #c43f4c, #a82a37 55%, #8f2230);
}

.btn { --fala: rgba(58, 87, 162, .42); }
.btn-danger { --fala: rgba(165, 40, 52, .4); }


.btn:not(.btn-primary):not(.btn-danger):not(.btn-link):not(.btn-strona-aktywna) {
    background-image: linear-gradient(180deg, #1b1e25, #1f232c);
    border-color: #3a4051;
    color: var(--toz-granat-ciemny-tekst);
}
.btn:not(.btn-primary):not(.btn-danger):not(.btn-link):not(.btn-strona-aktywna):not(:disabled):hover {
    background-image: linear-gradient(180deg, #1e2128, #202739);
    border-color: #3d4764;
}


.btn:not(.btn-primary):not(.btn-danger):not(.btn-link):not(:disabled):hover { box-shadow: 0 2px 10px rgba(58, 87, 162, .14); }


.przyciski-pism { display: flex; flex-wrap: wrap; gap: 8px; }
.przyciski-pism .btn { white-space: normal; max-width: 100%; padding-top: 8px; padding-bottom: 8px; }


.alert {
    padding: 12px 16px 12px 46px; border-radius: 8px; margin-bottom: 16px;
    border: 1px solid transparent; border-left-width: 4px;
    background-repeat: no-repeat; background-position: 14px 12px; background-size: 20px 20px;
}
.alert-success { background-color: var(--toz-tlo-ok); border-color: #2b493a; border-left-color: var(--toz-ok); color: var(--toz-ok-tekst);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%231f6b45'/%3E%3Cpath d='M5.8 10.4l2.8 2.8 5.6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.alert-danger  { background-color: var(--toz-tlo-blad); border-color: #5d373c; border-left-color: var(--toz-blad); color: var(--toz-blad-tekst);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23a52834'/%3E%3Cpath d='M10 5.2v5.6' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='14.2' r='1.3' fill='%23fff'/%3E%3C/svg%3E"); }
.alert-warning { background-color: var(--toz-tlo-uwaga); border-color: var(--toz-zloto); border-left-color: #c9a04a; color: var(--toz-uwaga-tekst);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.8l8.6 15.4H1.4z' fill='%23c9a04a' stroke='%23c9a04a' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M10 7.4v4.4' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='14.6' r='1.15' fill='%23fff'/%3E%3C/svg%3E"); }
.alert-info    { background-color: var(--toz-granat-jasny); border-color: #3d4354; border-left-color: var(--toz-granat); color: var(--toz-granat-ciemny-tekst);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%233a57a2'/%3E%3Cpath d='M10 9.2v5.4' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='5.9' r='1.3' fill='%23fff'/%3E%3C/svg%3E"); }

.hint { color: var(--toz-muted); font-size: .875rem; margin: 8px 0 0; }
ul.hint, ol.hint { padding-left: 20px; }
.steps { padding-left: 20px; color: var(--toz-muted); font-size: .95rem; }
.choice { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border: 1px solid var(--toz-border); border-radius: 8px; margin-top: 12px; cursor: pointer; }
.choice input { margin-top: 4px; }

.qr { text-align: center; margin: 20px 0; }
.qr img { max-width: 100%; height: auto; background: #1b1e25; }
.secret { text-align: center; font-size: .95rem; }
.secret code { background: var(--toz-granat-jasny); padding: 4px 8px; border-radius: 6px; letter-spacing: .1em; }

.codes { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 16px 0; }
.codes code { display: block; background: var(--toz-granat-jasny); padding: 10px; border-radius: 6px; text-align: center; letter-spacing: .08em; }

.kody-przyciski { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.kody-przyciski + .codes { margin-top: 10px; }
.kody-data { display: none; }
@media print {
    .kody-zapasowe > :not(h1):not(.kody-data):not(.codes) { display: none !important; }
    .kody-zapasowe .kody-data { display: block; margin: 0 0 12pt; }
    .kody-zapasowe .codes code { background: none; border: 1pt solid #000; font-size: 13pt; }
}


.pole-hasla { position: relative; display: block; width: 100%; }
.pole-hasla > .form-control { padding-right: 78px; }

.pole-hasla > input::-ms-reveal, .pole-hasla > input::-ms-clear { display: none; }
.pokaz-haslo {
    position: absolute; top: 5px; right: 5px; bottom: 5px; min-width: 64px; padding: 0 10px;
    border: 0; border-radius: 6px; background: var(--toz-granat-jasny); color: var(--toz-granat-ciemny-tekst);
    font: inherit; font-size: .8125rem; font-weight: 600; cursor: pointer;
}
.pokaz-haslo:hover { background: var(--toz-naglowek-tlo); }
@media print { .pokaz-haslo { display: none; } }


.grid-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; align-items: start; }
.grid-form > div > .label:first-child { margin-top: 0; }
.grid-form-action { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; align-self: end; }

.grid-form > .pole-konto { grid-column: 1 / -1; }
.pole-konto .form-control { max-width: 24rem; }

.grid-form > .pole-caly-wiersz { grid-column: 1 / -1; }
.pole-caly-wiersz .choice { max-width: 48rem; }
.pole-caly-wiersz > .form-control { max-width: 32rem; }
.pole-caly-wiersz > .stopka-kod { max-width: none; width: 100%; font-family: monospace; font-size: .875rem; }
.inline { display: inline; }
.row-forms { display: flex; gap: 16px; flex-wrap: wrap; }


.table-wrap { overflow-x: auto; position: relative;
    
    scrollbar-color: #858ca1 transparent; }
.table-wrap::-webkit-scrollbar { height: 10px; }
.table-wrap::-webkit-scrollbar-thumb { background: #464c5f; border-radius: 999px; border: 2px solid #32353d; }
.table-wrap::-webkit-scrollbar-thumb:hover { background: #3f4a74; }
.table-wrap::-webkit-scrollbar-track { background: transparent; }


.table-wrap-ewidencja { overflow: auto; }


.tabela-z-naglowkiem > .naglowek-kopia {
    position: sticky; top: var(--toz-belka-wysokosc, 0px); z-index: 2;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
    -webkit-user-select: none; user-select: none;
}
.tabela-z-naglowkiem > .naglowek-kopia.naglowek-kopia-animowana { overflow: hidden; }
.naglowek-kopia::-webkit-scrollbar { display: none; }
.naglowek-kopia > .table { table-layout: fixed; margin: 0; }

.tabela-z-naglowkiem:has(> .table-wrap-ewidencja thead :focus-visible) > .naglowek-kopia .kopia-fokus {
    outline: 2px solid var(--toz-fokus); outline-offset: -2px;
}

.table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.table th {
    
    text-align: left; padding: 10px 8px; vertical-align: bottom;
    
    border-bottom: 2px solid #3d4354;
    font-size: .78rem; text-transform: uppercase; letter-spacing: .05em;
    color: #d0d3db; font-weight: 700;
    
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    
    background: var(--toz-naglowek-tlo);
}

@media screen {
    .table th {
        border-bottom: 0;
        box-shadow: inset 0 -2px 0 #3d4354, 0 2px 3px rgba(0, 0, 0, 0.125);
    }
}
.table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--toz-border); vertical-align: top; }


.table tfoot th {
    background: none; position: static; box-shadow: none;
    border-bottom: 2px solid var(--toz-border);
}


.table tr.przerwa-lat > th {
    text-align: left; vertical-align: middle; padding: 12px 16px;
    font-size: 1.65rem; line-height: 1.15; font-weight: 800; letter-spacing: .08em; text-transform: none;
    color: #fff; background: var(--toz-granat);
    border-bottom: 0; box-shadow: inset 0 4px 0 var(--toz-zloto), inset 0 -4px 0 var(--toz-zloto);
    -webkit-user-select: none; user-select: none;
}
.przerwa-lat-rok { position: sticky; left: 16px; display: inline-block; }
@media (max-width: 640px) {
    .table tr.przerwa-lat > th { font-size: 1.35rem; padding: 10px 12px; }
    .przerwa-lat-rok { left: 12px; }
}
@media print { .table tr.przerwa-lat { display: none; } }


.table td.liczba,
.table th.liczba { text-align: right; }

.table td.kol-lp-lista,
.table td.kol-data,
.table td.kol-stan,
.table td.kol-zaznacz,
.table td.kol-powiazania,
.table td.kol-zdjecia,
.table th.kol-lp-lista,
.table th.kol-lp,
.table th.kol-data,
.table th.kol-stan,
.table th.kol-zaznacz,
.table th.kol-zdjecia,
.table th.kol-powiazania { text-align: center; }
.table a { color: var(--toz-granat-ciemny-tekst); }

.table a.licznik {
    display: inline-block; min-width: 2em; padding: 1px 8px; border-radius: 999px;
    background: var(--toz-granat-jasny); color: var(--toz-granat-ciemny-tekst);
    font-weight: 600; line-height: 1.5; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums;
}
.table a.licznik:hover { background: var(--toz-granat); color: #fff; text-decoration: none;
    
    background-image: linear-gradient(135deg, #4a68ba, var(--toz-granat-ciemny)); }
.table a.licznik:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 2px; }

.table .licznik-zero {
    display: inline-block; min-width: 2em; padding: 1px 8px; border-radius: 999px;
    background: #1f2229; color: var(--toz-muted);
    line-height: 1.5; text-align: center; font-variant-numeric: tabular-nums;
}

.table .licznik-brak { background: var(--toz-tlo-blad); color: var(--toz-blad-tekst); font-weight: 600; }

.do-adopcji-tak { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.table a.znak-fb { display: inline-flex; color: #7badf6; text-decoration: none; line-height: 0; }
.table a.znak-fb:hover { color: #89b5f8; }
.table a.znak-fb:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 2px; border-radius: 50%; }
.znak-fb-ikona { width: 16px; height: 16px; }

.znak-strony { display: inline-flex; line-height: 0; }
.table a.znak-strony { text-decoration: none; }
.table a.znak-strony:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 2px; border-radius: 50%; }
.table .znak-strony-jest, .table a.znak-strony-jest:hover { color: var(--toz-ok-tekst); }
.table .znak-strony-brak { color: var(--toz-blad-tekst); }
.table .znak-strony-nadmiar, .table a.znak-strony-nadmiar:hover { color: var(--toz-uwaga-tekst); }
.znak-strony-ikona { width: 18px; height: 18px; }

.strona-toz-karta { margin: 6px 0 0; }
.strona-toz-karta a.znak-strony { align-items: center; gap: 6px; min-height: 32px; line-height: 1.3; text-decoration: none; font-weight: 600; overflow-wrap: anywhere; }
.strona-toz-karta a.znak-strony-jest { color: var(--toz-ok-tekst); }
.strona-toz-karta a.znak-strony-nadmiar { color: var(--toz-uwaga-tekst); }
.strona-toz-karta a.znak-strony:hover .strona-toz-napis { text-decoration: underline; }
.strona-toz-karta a.znak-strony:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 2px; border-radius: 4px; }
.strona-toz-karta .znak-strony-ikona { flex: none; }
.strona-toz-podsumowanie { margin-top: 10px; }
.strona-toz-podsumowanie p { margin: 0 0 4px; }

.znaki-cech { display: inline-flex; gap: 4px; margin-left: 4px; vertical-align: -2px; }

.table .kol-znaki { width: 1%; white-space: nowrap; padding-left: 4px; padding-right: 4px; }
.kol-znaki .znaki-cech { margin-left: 0; }
.znak-cechy { display: inline-flex; line-height: 0; border-radius: 50%; cursor: help; }
.znak-cechy:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 2px; }
.znak-wirtualna { color: #ed8c82; }
.znak-wirtualna-w-trakcie { color: #d28b47; }
.znak-dt { color: #70b0f5; }
.znak-dt-znaleziony { color: #74bd7b; }
.actions { display: flex; flex-direction: column; gap: 4px; }

.badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: .8rem; }
.badge-active { background: var(--toz-tlo-ok); color: var(--toz-ok-tekst); }
.badge-invited { background: var(--toz-tlo-uwaga); color: var(--toz-uwaga-tekst); }
.badge-disabled { background: var(--toz-tlo-blad); color: var(--toz-blad-tekst); }

.zakladki { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 -1px; padding: 0 10px; position: relative; z-index: 1; }
.zakladka { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; min-height: 40px;
    border: 1px solid var(--toz-border); border-bottom-color: transparent; border-radius: 10px 10px 0 0;
    background: #1d2127; color: var(--toz-belka-tekst); text-decoration: none; font-weight: 500; white-space: nowrap; }
.zakladka:hover, .zakladka:focus-visible { background: var(--toz-granat-jasny); text-decoration: none; }
.zakladka.aktywna { background: var(--toz-plyta); border-bottom-color: var(--toz-plyta); font-weight: 600; position: relative;
    
    background-image: linear-gradient(180deg, rgba(215, 181, 109, .16), rgba(255, 255, 255, 0) 70%); }

.zakladka-znak { position: absolute; left: 6px; right: 6px; top: -1px; height: 2px; border-radius: 2px; background: var(--toz-zloto); pointer-events: none; }
.zakladka-ile { font-size: .78rem; font-weight: 600; padding: 1px 7px; border-radius: 999px;
    background: #20252f; color: var(--toz-granat-ciemny-tekst); }
.zakladka.aktywna .zakladka-ile { background: var(--toz-granat); color: #fff; }

.zakladka-nowe { margin-left: 4px; font-size: .78rem; font-weight: 700; padding: 1px 7px; border-radius: 999px;
    background: var(--toz-zloto); color: #c7cbd7; }
.karta-pod-zakladkami { border-top-left-radius: 0; }

.zakladka-start { display: flex; justify-content: flex-end; align-items: center; min-height: 24px;
    margin: -6px 0 8px; font-size: .85rem; }
.zakladka-start .btn-link { font-size: inherit; }
@media (max-width: 640px) {
    .zakladka-start { justify-content: flex-start; margin-top: 0; }
    .zakladki { padding: 0; gap: 4px; margin-bottom: 6px; }
    .zakladka { border-radius: 10px; border-bottom-color: var(--toz-border); padding: 8px 12px; }
    .zakladka.aktywna { border-bottom-color: var(--toz-border); }
    .zakladka-znak { top: auto; bottom: 0; }
    .karta-pod-zakladkami { border-top-left-radius: var(--toz-promien); }
}
@media print { .zakladki, .zakladka-start { display: none; } }

.table-ewidencja[data-lista-czlonkow] td.uwagi { min-width: 11rem; max-width: 24rem; }

.badge-neutral { background: #20242a; color: #b7bed5; }


html { scroll-padding-top: calc(var(--toz-belka-wysokosc, 0px) + 12px); }
@media (min-width: 481px) {
    html:has(.pasek-zapisu) { scroll-padding-bottom: 96px; }
}

@media (max-width: 760px) {
    
    .topbar { position: static; }
    
    .nav a { padding: 6px 10px; }
}

@media (max-width: 480px) {
    .codes { grid-template-columns: 1fr; }
}


.card-head { border-bottom: 1px solid var(--toz-border); padding-bottom: 12px; margin-bottom: 16px;
    
    border-bottom-color: transparent;
    background-image: linear-gradient(90deg, #293869, #dcc183 45%, rgba(37, 41, 51, 0));
    background-size: 100% 1px; background-repeat: no-repeat; background-position: 0 100%; }
.card-head p { margin: 4px 0 0; }
.card-danger { border-color: #67353c; }
.card-danger .h4 { color: var(--toz-blad-tekst); }

.breadcrumb { margin: 0 0 16px; }

.breadcrumb a { color: var(--toz-granat-tekst); text-decoration: none; font-weight: 600;
    display: inline-flex; align-items: center; gap: 4px; padding: 4px 14px; border-radius: 999px;
    border: 1px solid #393f4d; background-image: linear-gradient(135deg, #1f232b, #292210); }
.breadcrumb a:hover { text-decoration: none; border-color: #3d4764; background-image: linear-gradient(135deg, #1f2737, #332500); }

.breadcrumb-srodek { margin: 0 0 24px; }
.breadcrumb-dol { margin: 20px 0 0; }

.filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; align-items: end; }


.filters > div:not(.filters-action) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
}
.filters > div:not(.filters-action) > .label { margin-top: auto; }

.filters > .pole-pliku {
    grid-column: 1 / -1;
    max-width: 460px;
}

.filters-action {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 4px;
}

.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin: 0; }
.facts dt { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--toz-muted); }
.facts dd { margin: 2px 0 0; font-weight: 600; }

.facts dd { overflow-wrap: anywhere; }
@media (min-width: 761px) {
    .facts > .facts-szeroki { grid-column: span 2; }
}



.tabela-podsumowania .kwota-w-tabeli { width: 100%; max-width: 10rem; margin-left: auto;
    text-align: right; font-variant-numeric: tabular-nums; }


.table.tabela-podsumowania th { text-align: right; }
.table.tabela-podsumowania th:first-child { text-align: left; }


.table.tabela-podsumowania th:not(:first-child),
.table.tabela-podsumowania td:not(:first-child) { width: 17%; min-width: 9.5rem; }

.table.tabela-podsumowania th.nazwa-wiersza {
    text-align: left; vertical-align: top; font-size: .95rem; font-weight: 400;
    text-transform: none; letter-spacing: normal; color: inherit;
    border-bottom: 1px solid var(--toz-border); position: static; background: none;
}


.tabela-podsumowania .kwota-odczyt {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 10rem;
    margin-left: auto;
    min-height: 42px;
    padding: 9px 12px;
    font-size: 1rem;
    line-height: 1.2;
    border: 1px solid transparent;
    text-align: right;
    font-variant-numeric: tabular-nums;
}


.tabela-podsumowania td.wyliczona { background: var(--toz-bg); }


.pasek-podkladu { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.pasek-podkladu .hint { margin: 0; }


.pole-niezgodne { background: #2e1e26 !important; border-color: #e79ec0 !important;
    color: #f395b9; }
.lista-niezgodnosci { margin: 10px 0 0; padding-left: 20px; }
.lista-niezgodnosci li { margin-bottom: 4px; }

.wyliczone { margin: 0; padding: 9px 12px; min-height: 40px;
    background: var(--toz-bg); border: 1px dashed var(--toz-border);
    border-radius: var(--toz-promien); font-weight: 600;
    font-variant-numeric: tabular-nums; }

.action-grid { display: grid; gap: 16px; }
.action-grid form { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.action-grid .muted { flex: 1 1 260px; }


.badge-locked { background: #32230d; color: #efaa77; }

.nowrap { white-space: nowrap; }


.dostep-chip {
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 2px 8px;
    border: 1px solid var(--toz-border);
    border-radius: 6px;
    background: var(--toz-granat-jasny);
    color: var(--toz-granat-ciemny-tekst);
    font-size: .8rem;
}
.dostep-chip-pelny { background: var(--toz-tlo-uwaga); border-color: var(--toz-zloto); color: var(--toz-uwaga-tekst); }
.dostep-chip-zakaz { background: var(--toz-tlo-blad); border-color: #5d373c; color: var(--toz-blad-tekst);
    text-decoration: line-through; }

.dostep-chip[title] { cursor: help; }
a.dostep-chip { text-decoration: none; }
a.dostep-chip:hover, a.dostep-chip:focus-visible { text-decoration: underline; }
.sklad-pakietu p { white-space: pre-line; margin: 2px 0 0; font-size: .9rem; color: var(--toz-muted); }
.sklad-pakietu summary { cursor: pointer; font-size: .85rem; color: var(--toz-granat-tekst); }
.sklad-pakietu { padding: 0 0 6px 30px; }
.pakiety-lista .sklad-pakietu + .uprawnienie { border-top: 1px solid var(--toz-border); }

.pakiety-do-nadania { border: 0; padding: 0; margin: 0 0 12px; min-width: 0; }
.pakiety-do-nadania > legend { padding: 0; }


.moze-lista { list-style: none; margin: 0 0 8px; padding: 0; }
.moze-lista li { padding: 6px 0; border-bottom: 1px solid var(--toz-border); }
.moze-lista li:last-child { border-bottom: 0; }

.moze-lista-brak .moze-modul { font-weight: 500; }


.wybor-zakresu { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 12px; }
.moze-modul { display: inline-block; min-width: 9rem; font-weight: 600; margin-right: 8px; }


.wybor-efektu { border: 0; padding: 0; margin: 16px 0 0; }
.wybor-efektu > legend { padding: 0; }

.pole > .wybor-efektu { margin-top: 0; }


summary.rozwin { cursor: pointer; margin: 0; }
summary.rozwin::marker { color: var(--toz-granat-tekst); }


.form-control-blad { border-color: var(--toz-blad); background: #1c1f26; }
.form-control-blad:focus { outline-color: rgba(165, 40, 52, .3); }


.form-control-powtorka { border-color: var(--toz-zloto); background: var(--toz-tlo-uwaga); }
.form-control-powtorka:focus { outline-color: rgba(215, 181, 109, .45); }
.pole-blad { margin: 6px 0 0; font-size: .875rem; color: var(--toz-blad-tekst); }


.zbiorczo { margin-top: 24px; border-top: 1px solid var(--toz-border); padding-top: 16px; }
.zbiorczo summary { cursor: pointer; font-weight: 600; color: var(--toz-granat-tekst); }
.zbiorczo textarea { width: 100%; font-family: ui-monospace, Menlo, monospace; font-size: .9rem;
    padding: 10px 12px; border: 1px solid var(--toz-pole-ramka); border-radius: 8px; }

.zbiorczo textarea.form-control-blad { border-color: var(--toz-blad); }


.modul { border: 1px solid var(--toz-border); border-radius: 8px; padding: 12px 16px; margin: 0 0 12px; }
.modul legend { font-weight: 600; padding: 0 6px; font-size: .95rem; }
.uprawnienie { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; cursor: pointer; }
.uprawnienie input { margin-top: 4px; }
.uprawnienie code { background: none; font-size: .8rem; }


.liczba { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }



fieldset { min-inline-size: 0; min-width: 0; }
.sekcja { border: 0; padding: 0; margin: 0 0 28px; }
.sekcja + .sekcja { border-top: 1px solid var(--toz-border); padding-top: 24px; }
.sekcja > legend {
    padding: 0;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--toz-granat-tekst);
    
    margin-bottom: 10px;
}
.sekcja-opis { margin: 2px 0 16px; color: var(--toz-muted); font-size: .9rem; }


.pola { display: grid; gap: 16px 20px; grid-template-columns: repeat(12, 1fr); align-items: start; }



.pola > .pole { grid-column: auto / span 3; }          
.pola > .pole-waski { grid-column: auto / span 2; }    
.pola > .pole-duzy { grid-column: auto / span 4; }     
.pola > .pole-obszerny { grid-column: auto / span 5; } 
.pola > .pole-polowa { grid-column: auto / span 6; }   
.pola > .pole-szerokie { grid-column: 1 / -1; }      


@media (max-width: 1080px) {
    .pola > .pole,
    .pola > .pole-duzy,
    .pola > .pole-obszerny { grid-column: auto / span 6; }
    .pola > .pole-waski { grid-column: auto / span 4; }
    .pola > .pole-polowa,
    .pola > .pole-szerokie { grid-column: 1 / -1; }
}


@media (max-width: 640px) {
    .pola > .pole,
    .pola > .pole-waski { grid-column: 1 / -1; }
}


.pola > .pole-od-nowa { grid-column-start: 1; }


.pola > .pole-opis { grid-column: 1 / -1; }
.pole-opis .form-control { min-height: min(16rem, 38vh); min-height: min(16rem, 38svh); }
.pole-opis-duze .form-control { min-height: min(22rem, 45vh); min-height: min(22rem, 45svh); }

.pole { min-width: 0; }
.pole .label { margin-top: 0; }
.pole .hint { margin-top: 6px; }


.pole-z-jednostka { display: flex; gap: 8px; }
.pole-z-jednostka > .form-control:first-child { flex: 1 1 4rem; min-width: 0; }
.pole-z-jednostka > select.form-control { flex: 0 0 auto; width: auto; }


.z-waluta { position: relative; display: block; }
.z-waluta { --toz-waluta: 34px; }

.z-waluta .form-control { padding-right: var(--toz-waluta) !important; text-align: right; font-variant-numeric: tabular-nums; }
.z-waluta::after {
    content: "zł";
    position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    color: var(--toz-muted); font-size: .85rem; pointer-events: none;
}

.wymagane::after { content: " *"; color: var(--toz-blad-tekst); }


.pozycje { width: 100%; border-collapse: collapse; }
.pozycje th {
    font-size: .78rem; text-transform: uppercase; letter-spacing: .05em;
    color: var(--toz-muted); text-align: left; font-weight: 600;
    padding: 0 8px 8px; border-bottom: 1px solid var(--toz-border);
}
.pozycje td { padding: 6px 8px; vertical-align: top; }
.pozycje td:first-child, .pozycje th:first-child { padding-left: 0; }
.pozycje .kol-lp { width: 40px; text-align: center; color: var(--toz-muted); font-variant-numeric: tabular-nums; padding-top: 16px; }
.pozycje .kol-liczba { width: 150px; }
.pozycje .kol-suma { width: 130px; text-align: right; font-variant-numeric: tabular-nums; padding-top: 16px; white-space: nowrap; }
.pozycje .kol-usun { width: 44px; }
.pozycje input { text-align: left; }
.pozycje .kol-liczba input { text-align: right; font-variant-numeric: tabular-nums; }
.pozycje .form-control { min-height: 38px; }

.usun-pozycje {
    width: 34px; height: 40px; line-height: 1;
    border: 1px solid transparent; border-radius: 8px; background: none;
    color: var(--toz-muted); font-size: 1.2rem; cursor: pointer;
}
.usun-pozycje:hover { background: var(--toz-tlo-blad); color: var(--toz-blad-tekst); border-color: #5d373c; }

.pozycje-stopka { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.pozycje-suma { font-variant-numeric: tabular-nums; }
.pozycje-suma strong { font-size: 1.05rem; }
.pozycje-roznica { color: var(--toz-uwaga-tekst); font-size: .9rem; }
.pozycje-roznica:empty { display: none; }


.pasek-zapisu {
    position: sticky; bottom: 0; z-index: 2;
    display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
    margin: 24px calc(-1 * clamp(16px, 2vw, 28px)) calc(-1 * clamp(16px, 2vw, 28px));
    padding: 14px clamp(16px, 2vw, 28px);
    background: rgba(27, 30, 37, 0.96);
    border-top: 1px solid var(--toz-border);
    border-radius: 0 0 var(--toz-promien) var(--toz-promien);
    
}
.pasek-zapisu .btn-block { display: inline-block; width: auto; margin-top: 0; }
.pasek-zapisu .muted { margin: 0 0 0 auto; font-size: .875rem; }

.grid-form > .pasek-zapisu { grid-column: 1 / -1; margin-top: 8px; }


@media (max-width: 640px) {
    .pozycje, .pozycje tbody, .pozycje tr, .pozycje td { display: block; width: auto; }
    .pozycje thead { display: none; }
    .pozycje tbody tr {
        border: 1px solid var(--toz-border); border-radius: 8px;
        padding: 34px 10px 10px; margin-bottom: 12px; position: relative;
    }
    .pozycje td { padding: 4px 0; }
    .pozycje td::before { content: attr(data-etykieta); display: block; font-size: .78rem; color: var(--toz-muted); margin-bottom: 2px; }
    .pozycje .kol-lp, .pozycje .kol-usun { position: absolute; top: 6px; padding: 0; }
    .pozycje .kol-lp { left: 10px; font-weight: 600; }
    .pozycje .kol-usun { right: 6px; }
    .pozycje .kol-lp::before, .pozycje .kol-usun::before { content: none; }
    .pozycje .kol-suma { text-align: left; padding-top: 6px; }
    .pozycje .kol-suma:empty { display: none; }
    
    .pozycje .kol-suma:not(:empty)::before { content: "Wartość"; display: block; font-size: .78rem; color: var(--toz-muted); }
    .pozycje .kol-liczba { max-width: 200px; }

    .pozycje-stopka { flex-direction: column; align-items: stretch; }

    
    .pasek-zapisu {
        position: static;
        backdrop-filter: none;
        background: transparent;
        border-top: 0;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .pasek-zapisu .btn { flex: 1 1 auto; text-align: center; }
    .pasek-zapisu .pasek-prawa { margin-left: 0; flex: 1 1 100%; display: flex; }
}


.sr-only {
    position: absolute; width: 1px; height: 1px;
    padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}


.table-ewidencja { font-size: .84rem; }
.table-ewidencja th, .table-ewidencja td { padding: 7px 6px; }
.table-ewidencja td { vertical-align: middle; }
.table-ewidencja .uwagi { max-width: 280px; color: var(--toz-muted); }


.table th .sort {
    display: inline-flex; align-items: baseline; gap: 4px;
    color: inherit; text-decoration: none;
}
.table th .sort:hover { color: var(--toz-granat-tekst); text-decoration: underline; }
.table th .sort-aktywny { color: var(--toz-granat-tekst); }
.sort-znak { font-size: .7em; }

.po-terminie { color: var(--toz-blad-tekst); font-weight: 600; }
.kol-zostalo { white-space: nowrap; }

.pager { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
.pager-kroki { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 auto 0 0; }
.btn-strona-aktywna { cursor: default; }

.btn-strona-aktywna, .btn-strona-aktywna:hover {
    background-color: var(--toz-granat-ciemny);
    background-image: linear-gradient(135deg, #4a68ba, var(--toz-granat-ciemny));
    border-color: var(--toz-granat-ciemny);
    color: #fff;
    box-shadow: 0 3px 10px rgba(44, 67, 129, .25);
}


.table-ewidencja th { vertical-align: bottom; line-height: 1.25; }
.table-ewidencja .kol-lp-lista { width: 44px; font-variant-numeric: tabular-nums; }
.table-ewidencja .kol-lp-lista a { display: block; font-weight: 600; text-decoration: none; }
.table-ewidencja .kol-lp-lista a:hover { text-decoration: underline; }
.table-ewidencja .kol-data { width: 92px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.table-ewidencja .kol-akcje { width: 1%; white-space: nowrap; }

.zal-znacznik { margin-left: 6px; font-size: .8rem; color: var(--toz-muted); white-space: nowrap; }

.przelaczniki { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 4px; }
.przelaczniki .label { margin: 0; }
.przelacznik { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px;
    border: 1px solid var(--toz-border); border-radius: 999px; cursor: pointer; font-size: .9rem; background: #1b1e25; }
.przelacznik:has(input:checked) { border-color: var(--toz-granat); background: var(--toz-granat-jasny); color: var(--toz-granat-ciemny-tekst);
    
    background-image: linear-gradient(180deg, #1f2128, #202633);
    box-shadow: 0 0 0 3px rgba(58, 87, 162, .10); }

.szybkie > summary { cursor: pointer; font-weight: 600; font-size: .9rem; color: var(--toz-granat-tekst); margin-bottom: 12px; }

.panel-pola { display: grid; gap: 12px 16px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); align-items: end; }
.panel-pole { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: .85rem; }
.panel-pole > span:first-child { color: var(--toz-muted); font-weight: 600; }
.panel-pole b { color: var(--toz-blad-tekst); font-weight: 600; }
.panel-pole .form-control { font-size: .95rem; min-height: 38px; padding: 6px 10px; }
.panel-szeroko { grid-column: span 2; }
.panel-data { min-width: 150px; }
.panel-kwota { max-width: 220px; }
.panel-flaga { flex-direction: row; align-items: center; gap: 8px; }
.panel-uwagi { grid-column: 1 / -1; }

.panel-lista .powiazania { margin-bottom: 0; }

.panel-lista .usun-pozycje { height: 38px; }
.panel-lista .powiazania:has(> .powiazanie) { grid-template-columns: minmax(0, 1fr); }
.panel-lista-glowka { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; }
.panel-lista-glowka > span { color: var(--toz-muted); font-weight: 600; }

.panel-lista-glowka .btn-maly { min-height: 0; height: 20px; padding: 0 8px; }


.panel-pole.panel-adres { gap: 0; }
.panel-pole.panel-adres > span:first-child { margin-bottom: 4px; }


.panel-pole.panel-przelacznik { align-items: flex-start; }
.panel-przelacznik .przelacznik { min-height: 38px; box-sizing: border-box; }


.panel-pole textarea.form-control {
    min-height: min(9rem, 30vh);
    font-size: 1rem;
    line-height: 1.55;
    resize: vertical;
}


.panel-pole.panel-dwie-linie textarea.form-control { min-height: 0; }
.panel-akcje { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }


.wiersz-edytowany > td { background: var(--toz-granat-jasny); box-shadow: inset 0 -2px 0 var(--toz-granat); }
.wiersz-edytowany > td:first-child { box-shadow: inset 3px 0 0 var(--toz-granat), inset 0 -2px 0 var(--toz-granat); }

@media (max-width: 640px) {
    .panel-szeroko { grid-column: 1 / -1; }
}


.ustawienie-strony { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px;
    padding-top: 12px; border-top: 1px solid var(--toz-border); }
.ustawienie-strony .form-control { width: auto; padding: 6px 10px; font-size: .9rem; }

.ustawienie-strony select.form-control { min-width: 0; max-width: 100%; text-overflow: ellipsis; }

.ustawienia-listy { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0 0;
    padding-top: 12px; border-top: 1px solid var(--toz-border); }
.ustawienie-strony + .ustawienia-listy { margin-top: 8px; padding-top: 0; border-top: 0; }


.pasek-prawa { margin-left: auto; }


.zalaczniki { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); }
.zalaczniki li { display: flex; align-items: center; gap: 12px; padding: 8px;
    border: 1px solid var(--toz-border); border-radius: 8px; }
.zalacznik-podglad { flex: 0 0 auto; width: 64px; height: 64px; border-radius: 6px; overflow: hidden;
    display: flex; align-items: center; justify-content: center; background: var(--toz-granat-jasny);
    color: var(--toz-granat-ciemny-tekst); font-weight: 700; text-decoration: none; }
.zalacznik-podglad img { width: 100%; height: 100%; object-fit: cover; }
.zalacznik-opis { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.zalacznik-opis a { word-break: break-word; }


.historia { margin-top: calc(20px + clamp(16px, 2vw, 28px)); border-top: 1px solid var(--toz-border); padding-top: 12px; }
.historia > summary { cursor: pointer; font-weight: 600; color: var(--toz-granat-tekst); }
.historia .table { margin-top: 12px; }

.historia.historia-na-dole { margin-top: 0; border-top: 0; padding-top: 0; }
.historia-na-dole .hint { margin: 8px 0 0; }

.historia-na-dole .table-wrap { margin-top: 12px; }
.historia.historia-na-dole .table { margin-top: 0; }
.tabela-historii td { vertical-align: top; }



.dodanie-faktury { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 16px; }
.table-ewidencja tbody tr { cursor: default; }


.kafelki { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-bottom: 8px; }
.kafelek {
    display: flex; flex-direction: column; gap: 2px;
    padding: 16px 18px;
    border: 1px solid var(--toz-border);
    border-left: 4px solid var(--toz-granat);
    border-radius: var(--toz-promien);
    background: var(--toz-plyta);
    color: inherit;
    text-decoration: none;
    
    background-image: linear-gradient(135deg, rgba(58, 87, 162, .07), rgba(215, 181, 109, .11));
}
.kafelek:hover, .kafelek:focus-visible { background: var(--toz-granat-jasny); border-color: #3d4354; border-left-color: var(--toz-granat); }
.kafelek-liczba { font-size: 1.9rem; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--toz-granat-ciemny-tekst); }
.kafelek-opis { font-size: .9rem; color: var(--toz-text); }
.kafelek-dopisek { font-size: .8rem; color: var(--toz-muted); }
.kafelek-alarm { border-left-color: var(--toz-blad); background-image: linear-gradient(135deg, rgba(165, 40, 52, .07), rgba(215, 181, 109, .06)); }
.kafelek-alarm .kafelek-liczba { color: var(--toz-blad-tekst); }


.termin-minal { color: var(--toz-uwaga-tekst); font-weight: 600; }


.hint-uwaga { color: var(--toz-uwaga-tekst); font-weight: 600; }


.okno-pytania { border: 0; border-radius: var(--toz-promien); padding: 0; max-width: min(420px, calc(100% - 32px));
                box-shadow: 0 24px 64px rgba(20, 29, 61, .34), 0 2px 10px rgba(20, 29, 61, .14); color: var(--toz-text);
                background: var(--toz-plyta); }
.okno-odpowiedzi { border: 0; border-radius: var(--toz-promien); padding: 20px; width: min(640px, calc(100% - 32px)); }
.okno-odpowiedzi::backdrop { background: rgba(26, 38, 82, .42); }
.okno-odpowiedzi textarea { width: 100%; }

.odpowiedz-propozycja { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 8px; min-width: 0; }
.odpowiedz-propozycja[hidden], .propozycja-wynik[hidden] { display: none; }
.odpowiedz-propozycja [data-propozycja-stan] { min-width: 0; overflow-wrap: anywhere; }
.propozycja-wynik { margin: 8px 0 12px; padding: 8px 12px; border-left: 4px solid var(--toz-zloto); border-radius: 6px; background: var(--toz-granat-jasny);
    overflow-wrap: anywhere; }
.propozycja-wynik p, .propozycja-wynik ul { margin: 0; }
.propozycja-wynik ul { padding-left: 1.2rem; }
.propozycja-wynik > * + * { margin-top: 4px; }

.okno-pytania.okno-porownania { width: min(960px, calc(100% - 32px)); max-width: min(960px, calc(100% - 32px)); max-height: calc(100% - 32px); overflow: auto; }
.okno-porownania-tytul { margin: 0 0 4px; }

.okno-pytania.okno-wyboru-celu { width: min(760px, calc(100% - 32px)); max-width: min(760px, calc(100% - 32px)); max-height: calc(100% - 32px); overflow: hidden auto; overscroll-behavior: contain; }
.wybor-celu.w-oknie { margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; }
.wybor-celu-pola { margin: 8px 0 4px 36px; }
.wybor-celu .wybor-celu-przyciski { margin-top: 16px; }
@media (max-width: 640px) { .wybor-celu-pola { margin-left: 0; } }
.okno-porownania-pola { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 12px 0; }
.okno-porownania-pola .pole { min-width: 0; margin: 0; }
.okno-porownania-pola textarea { width: 100%; min-height: 14rem; resize: vertical; }
.okno-porownania .propozycja-wynik { margin: 0 0 16px; }

.okno-porownania-ostrzezenie { margin: 0 0 12px; font-weight: 600; color: var(--toz-granat-ciemny-tekst); }
.okno-porownania-ostrzezenie:empty { margin: 0; }
@media (max-width: 640px) {
    .okno-porownania-pola { grid-template-columns: minmax(0, 1fr); }
    .okno-porownania-pola textarea { min-height: 9rem; }
    .okno-porownania .okno-pytania-przyciski > .btn { flex: 1 1 100%; }
}

.tekst-zasad { padding: 10px 14px; border-left: 4px solid var(--toz-granat); border-radius: 6px; background: var(--toz-granat-jasny); overflow-wrap: anywhere; }

.poczekalnia-pasek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 12px; }
.poczekalnia-pasek > * { min-width: 0; max-width: 100%; }
.poczekalnia-pasek form { margin: 0; }
.poczekalnia-pasek .btn .ikona { margin-right: 6px; }
.poczekalnia-pasek .stan { white-space: normal; }

.mail-listwa { display: grid; gap: 12px; margin: 0 0 12px; min-width: 0; }
.mail-listwa > * { margin: 0; min-width: 0; max-width: 100%; }
.mail-listwa > .poczekalnia-pasek { gap: 8px; }
.mail-listwa > .poczekalnia-czynnosci, .mail-wiecej-tresc > .mail-porzadek, .mail-wiecej-tresc > .mail-adres { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mail-wiecej-tresc > .mail-porzadek, .mail-wiecej-tresc > .mail-adres { padding-top: 12px; border-top: 1px solid var(--toz-border); }
.mail-listwa > :first-child, .mail-listwa > .mail-wiecej:first-child .mail-wiecej-tresc > :first-child { border-top: 0; padding-top: 0; }

.mail-wiecej-tresc { display: grid; gap: 12px; min-width: 0; }
.mail-wiecej > summary { display: none; }
@media (max-width: 640px) {
    .mail-wiecej { padding-top: 12px; border-top: 1px solid var(--toz-border); }
    .mail-listwa > .mail-wiecej:first-child { padding-top: 0; border-top: 0; }
    .mail-wiecej > summary { display: inline-flex; align-items: center; gap: 6px; list-style: none; cursor: pointer; }
    .mail-wiecej > summary::-webkit-details-marker { display: none; }
    .mail-wiecej > summary::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); }
    .mail-wiecej[open] > summary::after { transform: rotate(-135deg) translateY(-1px); }
    .mail-wiecej[open] > summary { margin-bottom: 12px; }
    .mail-wiecej-tresc > :first-child { padding-top: 0; border-top: 0; }
}
.mail-listwa form { margin: 0; }
.mail-listwa .btn { white-space: normal; max-width: 100%; padding-top: 6px; padding-bottom: 6px; }
.mail-listwa .btn .ikona { margin-right: 6px; }
.mail-listwa .flagi-wybor .btn { padding-top: 0; padding-bottom: 0; }
.mail-listwa .flagi-wybor .btn .ikona { margin-right: 0; }
.mail-listwa .poczekalnia-pomin { display: contents; }
.mail-listwa .poczekalnia-dolacz { flex: 1 1 100%; padding: 0; border: 0; align-items: flex-end; }
.mail-listwa .poczekalnia-dolacz .pole { max-width: 40rem; }
.mail-listwa .poczekalnia-propozycja, .mail-wyjasnienie { margin: 0; }
.mail-wyjasnienie p, .mail-wyjasnienie ul { margin: 0; }
.mail-wyjasnienie p + p, .mail-wyjasnienie p + ul { margin-top: 4px; }
.mail-adres > form { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.mail-przenies { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.mail-przenies .form-control { width: auto; min-width: 10rem; max-width: 100%; }
.mail-przenies .hint { flex-basis: 100%; margin: 0; }
.mail-uwaga { flex-basis: 100%; margin: 0; }

.mail-zaufany { min-width: 0; max-width: 100%; }
.mail-zaufany[open] { flex-basis: 100%; }
.mail-zaufany > summary { list-style: none; }
.mail-zaufany > summary::-webkit-details-marker { display: none; }
.mail-zaufany-pola { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 12px; margin-top: 8px; padding: 12px; border: 1px solid var(--toz-border); border-radius: var(--toz-promien); max-width: 48rem; }
.mail-zaufany-pola .pole { flex: 1 1 12rem; min-width: 0; margin: 0; }
.mail-zaufany-adres, .mail-zaufany-sprzeciw { flex-basis: 100%; margin: 0; overflow-wrap: anywhere; }
.mail-zaufany-sprzeciw .hint { margin: 0 0 4px; }

.mail-skreslony { text-decoration: line-through; text-decoration-thickness: 1px; }
.poczekalnia-powod { flex-basis: 100%; margin: 0; }
.poczekalnia-odpowiedz { margin: 0 0 12px; }

.poczekalnia-odpowiedz p, .okno-odpowiedzi p { overflow-wrap: anywhere; }

.adres-w-masce { overflow-wrap: anywhere; }

.mail-adres-wysylek { overflow-wrap: anywhere; min-width: 9rem; }
.poczekalnia-szablon { display: grid; gap: 12px; max-width: 48rem; justify-items: start; }
.poczekalnia-szablon .pole { width: 100%; }
.poczekalnia-odpowiedz > summary { cursor: pointer; font-weight: 600; }
.poczekalnia-odpowiedz textarea { width: 100%; max-width: 48rem; }
.maile-kopie { margin: 0 0 12px; }
.maile-kopie > summary { cursor: pointer; }
.maile-kopie input { width: 100%; max-width: 48rem; }

.adresaci-podpowiedzi { max-width: 48rem; overflow-wrap: anywhere; }
.maile-pliki-przekazu { border: 0; margin: 12px 0; padding: 0; min-width: 0; }
.maile-pliki-przekazu label { display: block; overflow-wrap: anywhere; }

.maile-podpis { margin: 8px 0 0; }
.maile-podpis > summary { list-style: none; }
.maile-podpis > summary::-webkit-details-marker { display: none; }
.maile-podpis-pozycje { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }

.maile-nad-polem { margin: 0 0 12px; }
.maile-nad-polem > summary { cursor: pointer; }
.maile-nad-polem p { margin: 8px 0 0; }
.maile-nad-polem p:empty { display: none; }
.maile-nad-polem .tresc-maila { margin: 8px 0 0; max-width: 48rem; }
.maile-cytat { margin: 8px 0 0; }
.maile-pliki { margin: 12px 0; }
.maile-pliki .form-control { width: 100%; }
.maile-pliki .hint { margin: 6px 0 0; }


.odpowiedz-organizacje { display: inline-block; margin: 8px 8px 0 0; }
.okno-organizacji { border: 0; border-radius: var(--toz-promien); padding: 16px; width: min(960px, calc(100% - 32px)); max-width: none;
                    max-height: calc(100vh - 32px); max-height: calc(100svh - 32px); overflow: hidden auto; overscroll-behavior: contain;
                    box-shadow: 0 24px 64px rgba(20, 29, 61, .34), 0 2px 10px rgba(20, 29, 61, .14); color: var(--toz-text);
                    background: var(--toz-plyta); scrollbar-gutter: stable; }
.okno-organizacji::backdrop { background: rgba(26, 38, 82, .42); }
.okno-organizacji > h2:focus { outline: none; }
.okno-organizacji [data-organizacje-info]:empty, .okno-organizacji [data-urzedy-info]:empty { display: none; }
.okno-organizacji-wyniki { margin: 0 0 12px; padding: 0; list-style: none; border: 1px solid var(--toz-border); border-radius: 6px;
                           overflow-wrap: anywhere; }
.okno-organizacji-grupa { padding: 7px 10px 2px; font-size: .8rem; font-weight: 600; color: var(--toz-muted); }
.okno-organizacji .mapa-wynik[aria-pressed="true"] { background: var(--toz-granat-jasny); font-weight: 600; }
.okno-organizacji-uklad { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: start; }
.okno-organizacji .mapa-zgloszen .mapa-plotno { height: min(52vh, 460px); }

.okno-organizacji .mapa-plotno { isolation: isolate; }
.okno-organizacji-wybor { min-width: 0; }
.okno-organizacji-wybor .hint { margin-top: 0; }
.okno-organizacji-wybrane { margin: 0; padding: 0; list-style: none; }
.okno-organizacji-wybrane li { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 6px 0;
                               border-top: 1px solid var(--toz-border); overflow-wrap: anywhere; }
.okno-organizacji-wybrane li > span { min-width: 0; }
.okno-organizacji-przyciski { position: sticky; bottom: -16px; margin: 12px -16px -16px; padding: 12px 16px; border-top: 1px solid var(--toz-border);
                              background: var(--toz-plyta); z-index: 5; }
@media (max-width: 760px) {
    .okno-organizacji-uklad { grid-template-columns: minmax(0, 1fr); }
    .okno-organizacji .mapa-zgloszen .mapa-plotno { height: 280px; }
}
.okno-pytania::backdrop { background: rgba(26, 38, 82, .42); }
.okno-pytania-tresc { padding: 20px; }
.okno-pytania-tekst { margin: 0 0 16px; font-size: 1rem; line-height: 1.5; }
.okno-pytania-przyciski { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

.okno-wysylka { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; max-width: 100%; }


.ekran-pytania { max-width: 640px; }
.pytanie-co { display: grid; grid-template-columns: minmax(120px, auto) 1fr; gap: 4px 14px;
              margin: 12px 0; padding: 12px; background: var(--toz-bg); border-radius: 8px; }
.pytanie-co dt { font-size: .82rem; color: var(--toz-muted); }
.pytanie-co dd { margin: 0; font-weight: 600; word-break: break-word; }
.pytanie-skutki { margin: 12px 0; padding-left: 20px; }
.pytanie-skutki li { margin-bottom: 4px; }

.ekran-pytania .wybor-efektu { margin-bottom: 14px; }

.oddzial-akcje { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

.papier-opis { max-width: 72ch; margin: 0 0 14px; }
.papier-stan { margin: 0; overflow-wrap: anywhere; }

.dokument-dostepnosc { margin-bottom: 12px; }
.dokument-dostepnosc .badge { margin-right: 6px; }
.dokument-dostepnosc .zbiorczo { margin-top: 12px; padding-top: 10px; }

.wzor-pod-listami { border-top: 1px solid var(--toz-border); padding: 14px 0; display: grid; gap: 8px; }
.wzor-pod-listami .papier-stan .badge { margin-left: 6px; }
.wzor-listy { border: 0; margin: 8px 0; padding: 0; display: grid; gap: 2px 16px;
    grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); }
.wzor-listy legend { padding: 0; margin-bottom: 4px; }
.papier-akcje { margin-top: 12px; }
.papier-wgraj { display: grid; gap: 12px; margin-top: 20px; max-width: 620px; }
.papier-wgraj .strefa-zrzutu { margin-bottom: 0; }
.papier-wgraj .form-control { width: 100%; }
.papier-wgraj .hint { margin: 4px 0 0; }

.akcje-wiersza { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.lista-osob { margin: 6px 0 8px; padding-left: 20px; }

.wzory-karta .card-head { margin-bottom: 4px; }
.wzory-pusto { color: var(--toz-muted); padding: 14px 0; margin: 0; }

.wzory { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 6px; }
.wzor { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px;
        border: 1px solid var(--toz-border); border-radius: 10px;
        background: var(--toz-plyta); transition: border-color .12s, box-shadow .12s; }
.wzor:hover { border-color: var(--toz-granat-jasny); box-shadow: var(--toz-cien); }
@media (prefers-reduced-motion: reduce) { .wzor { transition: none; } }


.wzor-typ { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
            min-width: 46px; height: 34px; padding: 0 6px; border-radius: 7px;
            font-size: .68rem; font-weight: 700; letter-spacing: .04em;
            background: #22242b; color: #adb9d9; }
.wzor-typ[data-typ="pdf"]  { background: #2f1f20; color: #fd9a94; }
.wzor-typ[data-typ="doc"],
.wzor-typ[data-typ="docx"],
.wzor-typ[data-typ="odt"]  { background: #1f2430; color: #99bbfe; }
.wzor-typ[data-typ="xls"],
.wzor-typ[data-typ="xlsx"],
.wzor-typ[data-typ="ods"]  { background: #1b2720; color: #89cba3; }

.wzor-tresc { flex: 1 1 auto; min-width: 0; }
.wzor-nazwa { font-weight: 600; word-break: break-word; text-decoration: none; }
.wzor-nazwa:hover, .wzor-nazwa:focus-visible { text-decoration: underline; }
.wzor-do-czego { margin: 2px 0 0; font-size: .9rem; color: var(--toz-text); }
.wzor-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; }
.wzor-chip { display: inline-block; padding: 1px 8px; border-radius: 999px;
             font-size: .74rem; background: var(--toz-bg); color: var(--toz-muted);
             border: 1px solid var(--toz-border); }

.wzor-chip-oddzial { background: var(--toz-tlo-uwaga); border-color: #4f3f18; color: var(--toz-uwaga-tekst); font-weight: 600; }

.wzor-chip-zamkniety { background: var(--toz-bg); border-style: dashed; color: var(--toz-muted); font-weight: 600; }

.wzor-akcje { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; }

.wzor-kolejnosc { display: inline-flex; flex-direction: column; gap: 1px; }
.wzor-strzalka { display: block; width: 24px; height: 17px; padding: 0; line-height: 15px;
                 border: 1px solid var(--toz-border); border-radius: 5px; background: var(--toz-plyta);
                 color: var(--toz-granat-tekst); font-size: .72rem; cursor: pointer; }
.wzor-strzalka:hover { background: var(--toz-granat-jasny); }
.wzor-strzalka-pusta { border-color: transparent; background: none; color: transparent; cursor: default; }
.wzor-zarzadzanie > summary { cursor: pointer; font-size: .82rem; color: var(--toz-granat-tekst);
                              padding: 6px 8px; border-radius: 8px; list-style: none; }
.wzor-zarzadzanie > summary::-webkit-details-marker { display: none; }
.wzor-zarzadzanie > summary:hover { background: var(--toz-granat-jasny); }
.wzor-zarzadzanie[open] { position: relative; }
.wzor-zarzadzanie-tresc { position: absolute; right: 0; top: 100%; z-index: 5; width: min(340px, 78vw);
                          margin-top: 6px; padding: 12px; background: var(--toz-plyta);
                          border: 1px solid var(--toz-border); border-radius: 10px;
                          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); }
.wzor-edycja-wiersz { display: flex; gap: 6px; }
.wzor-edycja-wiersz .input { flex: 1 1 auto; min-width: 0; }
.wzor-usuwanie { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--toz-border); }

.wzor-zarzadzanie-stopka { display: flex; align-items: center; justify-content: space-between; gap: 8px;
                           margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--toz-border); }
.wzor-zarzadzanie-stopka .wzor-usuwanie { margin: 0; padding: 0; border: 0; }
.wzor-dodaj-akcje { display: flex; flex-wrap: wrap; gap: 8px; }
.label-maly { font-size: .78rem; }

.wzor-dodaj { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--toz-border); }
.wzor-dodaj > summary { cursor: pointer; font-weight: 600; color: var(--toz-granat-tekst); }
.wzor-dodaj-form { display: grid; gap: 12px; margin-top: 12px; max-width: 620px; }
.wzor-dodaj-form .pole { margin: 0; }
.wzor-dodaj-form .input, .wzor-dodaj-form .form-control { width: 100%; }
.wzor-dodaj-form .hint { margin: 4px 0 0; }

@media (max-width: 640px) {
    .wzor { flex-wrap: wrap; }
    .wzor-akcje { width: 100%; justify-content: flex-end; }
    .wzor-zarzadzanie-tresc { position: static; width: auto; box-shadow: none; }
}


.mapa-stany { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }

.mapa-legenda { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 10px;
                font-size: .82rem; color: var(--toz-muted); }
.legenda-pozycja { display: inline-flex; align-items: center; gap: 7px; }

.legenda-pozycja { align-items: center; }

.legenda-pozycja .pin { position: relative; width: 14px; height: 24px; margin: 0;
                        flex: 0 0 auto; background: none; }
.legenda-pozycja .pin::before { left: 0; top: 0; }
.legenda-pozycja .pin::after { left: 6px; top: 12px; width: 2px; height: 12px;
                               background: var(--pin-barwa); }

.mapa-zgloszen { position: relative; border: 1px solid var(--toz-border);
                 border-radius: 8px; overflow: hidden; }
.mapa-zgloszen .mapa-plotno { height: min(70vh, 620px); }


.pin { padding: 0; border: 0; cursor: pointer; --pin-barwa: var(--toz-granat); }


.pin::after { content: ''; position: absolute; left: -13px; top: -18px;
              width: 28px; height: 40px; }


.pin-przygaszony { --pin-barwa: var(--toz-przygaszone); }


.pin-niebezpieczne { --pin-barwa: var(--toz-niebezpieczne); }


.pin-liczba { position: absolute; left: 4px; top: -22px; z-index: 1; min-width: 16px; height: 16px; padding: 0 4px;
    box-sizing: border-box; border: 1px solid #32353d; border-radius: 8px; background: var(--toz-zloto);
    color: var(--toz-granat-ciemny-tekst); font-size: 10px; font-weight: 700; line-height: 14px; text-align: center; }
.legenda-pozycja .pin-liczba { left: 8px; top: -7px; }


.mapa-zgloszen .mapa-dymek { display: flex; flex-direction: column; width: min(320px, calc(100% - 108px));
    max-height: calc(100% - 54px); overflow-y: auto; }
.mapa-zgloszen .mapa-dymek > * { flex-shrink: 0; }
.mapa-zgloszen .mapa-dymek > .dymek-sprawy { flex-shrink: 1; min-height: 72px; overflow-y: auto; }

@media (max-width: 480px) {
    .mapa-zgloszen .mapa-dymek { right: 12px; width: auto; max-height: calc(100% - 42px - 124px); }
}
.dymek-sprawy { list-style: none; margin: 0 0 8px; padding: 0; }
.dymek-sprawa { padding: 6px 0; border-top: 1px solid var(--toz-border); }
.dymek-sprawa .dymek-opis { margin-bottom: 4px; }
.dymek-sprawa-stan { margin: 0 0 2px; font-size: .9rem; font-weight: 600; }


.filters > .mapa-tryb { grid-column: 1 / -1; }
.mapa-tryb .przelaczniki { margin: 0; }
.mapa-warstwa { position: absolute; left: 0; top: 0; pointer-events: none; }
.mapa-zageszczenie .mapa-plotno img { filter: grayscale(.7); }
.mapa-uwaga { margin: 10px 0 0; font-size: .85rem; font-weight: 600; color: var(--toz-uwaga-tekst); }
.mapa-legenda-plam { margin: 10px 0 4px; }

.legenda-plama { position: relative; flex: 0 0 auto; width: 28px; height: 28px; border-radius: 4px;
    background: var(--mapa-podklad); }
.legenda-plama::before { content: ''; position: absolute; inset: 3px; border-radius: 50%;
    background: radial-gradient(closest-side, var(--mapa-plama) 35%, transparent 100%); }
.legenda-plama-jasna::before { opacity: .16; }
.legenda-plama-ciemna::before { opacity: .93; }
.legenda-plama-rozlana { width: 40px; height: 40px; }
.legenda-plama-rozlana::before { opacity: .2; }
.mapa-legenda-opis { margin: 0; font-size: .82rem; color: var(--toz-muted); }


@supports selector(:has(*)) {
    .przy-powodzie { display: none; }
    .sprawa-pola:has(input[name="powod"][value="3"]:checked) .przy-powodzie-3,
    .sprawa-pola:has(input[name="powod"][value="4"]:checked) .przy-powodzie-4 { display: block; }
}


.flaga { position: absolute; width: 2px; height: 26px; margin: -26px 0 0 -1px; padding: 0; border: 0;
         background: var(--flaga-barwa); cursor: pointer; --flaga-barwa: #5f6673; }
.flaga::before { content: ''; position: absolute; left: 2px; top: 0; width: 17px; height: 13px;
                 background: var(--flaga-barwa); clip-path: polygon(0 0, 100% 50%, 0 100%); }

.flaga::after { content: ''; position: absolute; left: -9px; top: -5px; width: 34px; height: 36px; }
.flaga:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 6px; }
.flaga-interwencyjna { --flaga-barwa: #1c7a45; }
.flaga-orientacyjna { background: repeating-linear-gradient(var(--flaga-barwa) 0 4px, transparent 4px 7px); }
.flaga-orientacyjna::before { opacity: .5; }

.flaga-wybrana { --flaga-barwa: var(--toz-granat); z-index: 1; }
.legenda-pozycja .flaga { position: relative; display: inline-block; margin: 0 16px 0 0; height: 22px; cursor: default; }
.legenda-pozycja .flaga::after { content: none; }


.znak-urzedu { position: absolute; width: 16px; height: 12px; margin: -12px 0 0 -8px; padding: 0; border: 0; border-radius: 0 0 2px 2px;
               background: var(--znak-urzedu-barwa); box-shadow: 0 0 0 1.5px #32353d, 0 1px 4px rgba(20, 29, 61, .45); cursor: pointer;
               --znak-urzedu-barwa: var(--toz-granat-ciemny); --znak-urzedu-dach: var(--toz-zloto); }
.znak-urzedu::before { content: ''; position: absolute; left: -3px; top: -9px; width: 22px; height: 9px; background: var(--znak-urzedu-dach);
                       clip-path: polygon(50% 0, 100% 100%, 0 100%); }

.znak-urzedu::after { content: ''; position: absolute; left: -9px; top: -14px; width: 34px; height: 32px; }
.znak-urzedu:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 5px; }
.znak-urzedu-przyblizony { opacity: .55; }
.znak-urzedu-wybrany { --znak-urzedu-barwa: var(--toz-zloto); --znak-urzedu-dach: var(--toz-granat-ciemny); opacity: 1; z-index: 1; }
.legenda-pozycja .znak-urzedu { position: relative; display: inline-block; margin: 9px 10px 0 3px; vertical-align: -1px; cursor: default; }
.legenda-pozycja .znak-urzedu::after { content: none; }
.urzad-mapa { margin: 12px 0; }
.urzad-mapa .mapa-plotno { height: 240px; cursor: default; }

.urzad-mapa .mapa-pin-przyblizony { opacity: .55; }


.dymek-dana { margin: 0 0 4px; font-size: .9rem; overflow-wrap: anywhere; }
.dymek-dana-nazwa { padding-right: 22px; font-weight: 600; }

.mapa-scena .mapa-dymek { bottom: 12px; max-height: calc(100% - 24px); overflow-y: auto; }


.przelacznik-mapy { display: inline-flex; margin: 0 0 0 12px; }


.ikona-fb { display: inline-flex; align-items: center; justify-content: center; color: #7badf6; }
.ikona-fb:hover { color: var(--toz-granat-ciemny-tekst); }

.mapa-dymek { position: absolute; left: 12px; bottom: 42px; z-index: 4; width: min(320px, 78%);
              padding: 12px 38px 12px 12px; background: var(--toz-plyta);
              border: 1px solid var(--toz-border); border-radius: 10px;
              box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45); }
.dymek-stan { margin: 0 0 2px; font-weight: 600; }

.dymek-adres { margin: 0 0 4px; font-weight: 600; color: var(--toz-text); }
.dymek-opis { margin: 0 0 8px; font-size: .85rem; color: var(--toz-muted); }
.dymek-akcje { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 6px; }
.dymek-drobne { margin: 0; font-size: .78rem; color: var(--toz-muted); }
.dymek-uwaga { margin: 0 0 8px; font-size: .85rem; color: var(--toz-uwaga-tekst); font-weight: 600; }
.dymek-zamknij { position: absolute; right: 2px; top: 2px; border: 0; background: none;
                 font-size: 1.2rem; line-height: 1; color: var(--toz-muted); cursor: pointer;
                 
                 min-width: 32px; min-height: 32px; padding: 4px; }


.adres-podpowiedzi { position: relative; }
.adres-wyniki { left: 0; right: 0; top: 100%; z-index: 5; }


.mapa-szukaj { position: relative; z-index: 2; display: flex; gap: 6px; padding: 8px;
               background: var(--toz-plyta); border-bottom: 1px solid var(--toz-border); }
.mapa-szukaj .input { flex: 1 1 auto; min-width: 0; }
.mapa-szukaj .btn { flex: 0 0 auto; }

@media (max-width: 520px) {
    .mapa-szukaj { flex-wrap: wrap; }
    .mapa-szukaj .input { flex-basis: 100%; }
}
.mapa-wyniki { position: absolute; left: 8px; right: 8px; top: 100%; margin: 2px 0 0; padding: 0;
               list-style: none; background: var(--toz-plyta); border: 1px solid var(--toz-border);
               border-radius: 6px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
               max-height: 260px; overflow-y: auto; }
.mapa-wynik { display: block; width: 100%; padding: 7px 10px; border: 0; background: none;
              text-align: left; font: inherit; color: var(--toz-text); cursor: pointer; }
.mapa-wynik:hover, .mapa-wynik.wybrany, .mapa-wynik:focus-visible { background: var(--toz-granat-jasny); }
.mapa-wynik-opis { display: block; font-size: .8rem; color: var(--toz-muted); }
.mapa-wynik-brak { padding: 7px 10px; font-size: .875rem; color: var(--toz-muted); }

.adres-potwierdzony { padding: 7px 10px; font-size: .875rem; color: var(--toz-ok-tekst); }

.adres-propozycje { list-style: none; margin: 4px 0 0; padding: 0; border: 1px solid var(--toz-border); border-radius: 6px;
                    background: var(--toz-plyta); overflow-wrap: anywhere; }
.adres-sprawdz p { margin: 0; }

.gps-wiersz { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; }
.gps-wiersz .form-control.pole-gps { flex: 0 0 auto; width: 24ch; max-width: 100%; font-variant-numeric: tabular-nums; }


.adres-polozenie { display: flex; flex-wrap: wrap; gap: 2px 14px; margin: 4px 0 0; font-size: .875rem;
                   color: var(--toz-muted); font-variant-numeric: tabular-nums; }
.mapa-scena { position: relative; }
.mapa-punktu { position: relative; margin-top: 8px; border: 1px solid var(--toz-border); border-radius: 8px; overflow: hidden; }
.mapa-plotno { position: relative; height: 320px; background: #1f252b; cursor: grab;
               touch-action: pan-y; overflow: hidden; }

.mapa-dotyk { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
              background: rgba(35, 38, 47, .65); color: #fff; font-size: .95rem; text-align: center;
              padding: 16px; pointer-events: none; opacity: 0; transition: opacity .15s; }
.mapa-dotyk.widoczna { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .mapa-dotyk { transition: none; } }
.mapa-plotno.ciagniemy { cursor: grabbing; }
.mapa-plotno img { position: absolute; width: 256px; height: 256px; user-select: none; pointer-events: none; }

.mapa-pin, .pin { position: absolute; width: 2px; height: 22px; margin: -22px 0 0 -1px;
    background: var(--pin-barwa); }
.mapa-pin::before, .pin::before { content: ''; position: absolute; left: -6px; top: -12px;
    width: 14px; height: 14px; border-radius: 50%; background: var(--pin-barwa);
    border: 2px solid #32353d; box-sizing: border-box; }


.mapa-pin { left: 50%; top: 50%; --pin-barwa: var(--toz-blad); pointer-events: none; }
.mapa-sterowanie { position: absolute; right: 8px; top: 8px; display: flex; flex-direction: column; gap: 4px; }
.mapa-sterowanie .btn { background: #1b1e25; min-width: 32px; }

.mapa-sterowanie-pelne { display: grid; grid-template-columns: repeat(2, auto); }
.mapa-stopka { display: flex; justify-content: space-between; gap: 12px; margin: 0;
    padding: 4px 8px; font-size: .78rem; background: var(--toz-bg); border-top: 1px solid var(--toz-border);
    font-variant-numeric: tabular-nums; }
@media (max-width: 640px) { .mapa-plotno { height: 240px; } }




@media print {
    
    .topbar, .footer, .filters, .filters-action, .przelaczniki, .szybkie,
    .dodanie-faktury, .pager, .ustawienie-strony, .ustawienia-listy, .kol-akcje, .pasek-zapisu,
    .alert, .mapa-punktu, .breadcrumb-srodek, .breadcrumb-dol { display: none !important; }

    body { background: #1b1e25; font-size: 11pt; }
    .container, .main { padding: 0; max-width: none; }
    .card { border: 0; box-shadow: none; padding: 0; margin: 0 0 12pt; }
    .table-wrap { overflow: visible; }
    .table-ewidencja { font-size: 8.5pt; }
    .table-ewidencja th { position: static; border-bottom: 1pt solid #000; color: #e8e8e8; }
    
    .table th { background: #1b1e25; box-shadow: none; }
    
    .naglowek-kopia { display: none !important; }
    .tabela-z-naglowkiem > .table-wrap-ewidencja { margin-top: 0 !important; }
    .table th, .table td { padding: 3pt 4pt; }
    .table tbody tr { page-break-inside: avoid; }

    
    textarea.form-control, .pole-opis .form-control, .pole-opis-duze .form-control {
        min-height: 0;
        height: auto;
        overflow: visible;
        border: 1px solid #4f535b;
        white-space: pre-wrap;
        page-break-inside: auto;
    }
    thead { display: table-header-group; }   
    a { color: #e8e8e8; text-decoration: none; }
    .kafelek { break-inside: avoid; }
}

.dodaj-zalacznik { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 16px; }


.strefa-zrzutu {
    position: relative;
    border: 2px dashed var(--toz-border);
    border-radius: var(--toz-promien);
    padding: 12px;
    margin-bottom: 16px;
}

@media (prefers-reduced-motion: no-preference) {
    .strefa-zrzutu { transition: border-color .12s, background-color .12s; }
}
.strefa-zrzutu .dodaj-zalacznik { margin-bottom: 0; }
.strefa-zrzutu-aktywna { border-color: var(--toz-granat); background: var(--toz-granat-jasny); }

.strefa-zrzutu-aktywna * { pointer-events: none; }
.zrzut-meldunek { margin: 8px 0 0; color: var(--toz-granat-ciemny-tekst); font-weight: 600; }


.paczka-pasek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 8px 0 0; }
.paczka-pasek .muted { max-width: 46ch; }


.suma-kontrolna {
    display: block;
    margin-top: 4px;
    font-size: .7rem;
    line-height: 1.35;
    color: var(--toz-muted);
}

.uwaga-pliku { display: block; margin-top: 4px; font-size: .8125rem; line-height: 1.35; color: var(--toz-uwaga-tekst); }

.sprawdzenie-zdjecia { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 4px; }
.sprawdzenie-szczegoly { min-height: 0; padding: 2px 4px; font-size: .8125rem; }

.suma-kontrolna-kod { display: block; font-size: .75rem; overflow-wrap: anywhere; word-break: break-all; user-select: all; }
.sprawdzenie-plakietka { border: 0; font: inherit; font-size: .75rem; font-weight: 600; cursor: pointer; line-height: 1.5; }
.sprawdzenie-plakietka:hover { text-decoration: underline; }
.okno-sprawdzenia {
    border: 0; border-radius: var(--toz-promien); padding: 20px;
    width: min(460px, calc(100% - 32px)); max-height: calc(100vh - 32px); max-height: calc(100svh - 32px); overflow: auto;
    background: var(--toz-plyta); color: var(--toz-text);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
}
.okno-sprawdzenia::backdrop { background: rgba(26, 38, 82, .42); }
.okno-sprawdzenia-tytul { margin: 0 0 12px; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.okno-sprawdzenia-tytul .muted { display: block; font-weight: 400; font-size: .8125rem; }
.okno-sprawdzenia-fakty { margin: 0 0 12px; display: grid; gap: 8px; }
.okno-sprawdzenia-fakty dt { font-size: .75rem; font-weight: 600; color: var(--toz-muted); text-transform: uppercase; letter-spacing: .04em; }
.okno-sprawdzenia-fakty dd { margin: 2px 0 0; line-height: 1.45; }
.okno-sprawdzenia .hint { margin: 0 0 16px; }
.okno-sprawdzenia-przyciski { display: flex; flex-wrap: wrap; gap: 8px; }
.okno-sprawdzenia-przyciski form { margin: 0; }
.okno-sprawdzenia-przyciski > .btn:last-child { margin-left: auto; }

.poczekalnia-stan { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.poczekalnia-stan ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
.poczekalnia-pominiete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin: 12px 0 0; }
.poczekalnia-pominiete > span { flex: 1 1 20em; min-width: 0; }
.poczekalnia-propozycja { margin: 0 0 12px; padding: 10px 14px; border-left: 4px solid var(--toz-granat); border-radius: 6px;
    background: var(--toz-granat-jasny); }

.poczekalnia-propozycja p { margin: 0; overflow-wrap: anywhere; }
.poczekalnia-propozycja .hint { margin-top: 4px; }
.poczekalnia-czynnosci { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; }
.poczekalnia-czynnosci form { margin: 0; }
.poczekalnia-dolacz, .poczekalnia-pomin { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
    padding: 10px 12px; border: 1px solid var(--toz-border); border-radius: 6px; }
.poczekalnia-dolacz .label { margin: 0; }
.poczekalnia-dolacz { flex: 1 1 100%; min-width: 0; }
.poczekalnia-dolacz .pole { flex: 1 1 100%; min-width: 0; }
.poczekalnia-dolacz .form-control { width: 100%; max-width: 100%; }
.poczekalnia-tryb, .poczekalnia-adres { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 12px; margin: 12px 0 0; }
.poczekalnia-tryb > div, .poczekalnia-adres > div { min-width: 0; max-width: 100%; }
.poczekalnia-tryb .hint { flex-basis: 100%; margin: 0; }

.ustawienia-poczty-stan { margin-left: 6px; font-weight: 400; }
.ustawienia-poczty > .hint { margin: 8px 0 0; }
.ustawienia-poczty-oddzial > .h5 { margin: 16px 0 0; }
.ustawienia-poczty-oddzial + .ustawienia-poczty-oddzial { margin-top: 16px; border-top: 1px dashed var(--toz-border); }
.main:has(#ustawienia-poczty:target) > .alert { position: sticky; top: calc(var(--toz-belka-wysokosc, 0px) + 8px); z-index: 5; }
@media (max-width: 640px) {
    
    .ustawienia-poczty .poczekalnia-tryb > div { flex: 1 1 100%; }
    .ustawienia-poczty select.form-control { min-width: 0; max-width: 100%; text-overflow: ellipsis; }
}
.poczekalnia-dolacz .hint, .poczekalnia-pliki { flex-basis: 100%; margin: 0; }
.poczekalnia-pliki { border: 0; padding: 0; display: grid; gap: 4px; }
.poczekalnia-naglowki { margin: 0 0 12px; display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; }
.poczekalnia-naglowki > div { display: contents; }
.poczekalnia-naglowki dt { font-weight: 600; color: var(--toz-muted); }
.poczekalnia-naglowki dd { margin: 0; overflow-wrap: anywhere; }
.tresc-maila { margin: 0 0 12px; padding: 12px 14px; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere;
    font: inherit; line-height: 1.5; background: var(--toz-bg); border: 1px solid var(--toz-border); border-radius: 6px; }
.poczekalnia-zalaczniki { margin: 0; padding-left: 20px; display: grid; gap: 4px; overflow-wrap: anywhere; }
.poczekalnia-do-sprawy p { margin: 0 0 8px; }
.poczekalnia-do-sprawy .poczekalnia-pliki, .poczekalnia-do-sprawy > .przelacznik { margin: 0 0 8px; }
.poczekalnia-ai { margin: 0 0 10px; padding: 8px 12px; border-radius: 6px; background: var(--toz-plyta); border: 1px solid var(--toz-border); }
.poczekalnia-ai p { margin: 0 0 6px; }
.poczekalnia-ai-lista { margin: 0 0 6px; padding-left: 20px; display: grid; gap: 4px; overflow-wrap: anywhere; }
.poczekalnia-tresc summary { cursor: pointer; font-weight: 600; margin: 4px 0 8px; }
.poczekalnia-tresc .tresc-maila { background: var(--toz-plyta); }

.rozmowa-mail { padding-top: 14px; padding-bottom: 14px; margin-bottom: 14px; overflow-wrap: anywhere; }
.rozmowa-mail-od-nas { border-left: 4px solid var(--toz-granat); }
.rozmowa-mail-od-nas .rozmowa-kierunek { color: var(--toz-granat-tekst); font-weight: 600; }
.rozmowa-mail-krotki { padding-top: 8px; padding-bottom: 8px; }
.rozmowa-mail p { margin: 0 0 6px; }
.rozmowa-naglowek { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-bottom: 6px; }
.rozmowa-kierunek { color: var(--toz-muted); }
.rozmowa-metryczka { display: flex; flex-wrap: wrap; gap: 0 16px; color: var(--toz-muted); }
.rozmowa-temat { color: var(--toz-muted); }
.rozmowa-tekst { margin: 8px 0; white-space: pre-wrap; line-height: 1.5; }
.rozmowa-mail .poczekalnia-czynnosci { gap: 8px 12px; margin-top: 8px; }

.cytat-maila { margin: 8px 0; padding: 2px 0 2px 12px; border-left: 3px solid #7a8ab5; overflow-wrap: anywhere; }
.cytat-maila-uwaga.cytat-maila-nad { margin: 8px 0 0; }
.cytat-maila-nad + .cytat-maila { margin-top: 4px; }
.cytat-maila > summary { cursor: pointer; color: var(--toz-granat-tekst); font-weight: 600; }
.cytat-maila-zwiniety[open] > summary { margin-bottom: 6px; }
.cytat-maila-naglowek { margin: 0 0 4px; color: var(--toz-muted); font-size: .875rem; }
.cytat-maila-uwaga { display: block; margin: 0 0 6px; color: var(--toz-granat-ciemny-tekst); font-weight: 600; }
.cytat-maila .rozmowa-tekst { margin: 0; }
.tresc-maila-tekst { display: block; }
.cytat-maila-blok { display: block; margin: 6px 0; padding-left: 10px; border-left: 3px solid #7a8ab5; }

.rozmowa-osoby > summary { padding-top: 14px; padding-bottom: 14px; margin-bottom: 14px; cursor: pointer; }
.rozmowa-osoby > summary h2 { display: inline; margin: 0; }
.rozmowa-osoby > p { margin: 0 0 14px; overflow-wrap: anywhere; }

.rozmowa-mail-ten { outline: 2px solid var(--toz-granat); outline-offset: -2px; }

.rozmowa-mail-nowy { background-color: #272113; border-color: var(--toz-zloto); box-shadow: 0 0 0 1px var(--toz-zloto); }
.mail-nowe-w-rozmowie { margin: 0 0 12px; padding: 8px 12px; border: 1px solid var(--toz-zloto); border-radius: 6px; background: #272113;
    color: var(--toz-granat-ciemny-tekst); font-weight: 600; overflow-wrap: anywhere; }
.mail-nowe-w-rozmowie a { color: inherit; }
.sprawa-maila { margin: 0 0 12px; padding: 10px 14px; border-left: 4px solid var(--toz-granat); border-radius: 6px; background: var(--toz-granat-jasny);
    overflow-wrap: anywhere; scroll-margin-top: calc(var(--toz-belka-wysokosc, 0px) + 8px); }
.sprawa-maila h2 { margin: 0 0 6px; }
.sprawa-maila-pole { margin: 10px 0 2px; font-size: .875rem; font-weight: 600; }
.sprawa-maila .rozmowa-tekst { margin: 0; }
.sprawa-maila .hint { margin: 0; }
.main:has(.rozmowa-mail) > .alert-warning, .main:has(.rozmowa-mail) > .alert-danger, .main:has(.rozmowa-mail) > .alert-success { position: sticky; top: calc(var(--toz-belka-wysokosc, 0px) + 8px); z-index: 5; }

.main:has(#maile-flaga-wiersza) > .alert-warning, .main:has(#maile-flaga-wiersza) > .alert-danger, .main:has(#maile-flaga-wiersza) > .alert-info { position: sticky; top: calc(var(--toz-belka-wysokosc, 0px) + 8px); z-index: 5; }

.main[data-komunikat-przyklejony] > .alert[role="alert"] { position: sticky; top: calc(var(--toz-belka-wysokosc, 0px) + 8px); z-index: 5; }
.main[data-komunikat-przyklejony] .tabela-z-naglowkiem > .naglowek-kopia { top: calc(var(--toz-belka-wysokosc, 0px) + var(--toz-komunikaty-wysokosc, 0px)); }

.alert-zamykany { position: relative; padding-right: 52px; }
.alert-zamknij { top: 5px; right: 6px; color: inherit; opacity: .75; }
.alert-zamknij::before { content: "\00d7"; }
.alert-zamknij:hover, .alert-zamknij:focus-visible { opacity: 1; }
@media print { .alert-zamknij { display: none; } }
.suma-etykieta {
    display: inline-block;
    margin-right: 4px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: .62rem;
}
.suma-kontrolna code {
    user-select: all;
    overflow-wrap: anywhere;
    letter-spacing: .01em;
    background: #1e2228;
    border: 1px solid var(--toz-border);
    border-radius: 5px;
    padding: 0 4px;
}
.strefa-zrzutu-podpis { margin: 0 0 8px; color: var(--toz-muted); font-size: .8125rem; }


.podglad {
    width: min(1100px, 94vw);
    max-width: none;
    height: min(88vh, 900px);
    padding: 0;
    border: 1px solid var(--toz-border);
    border-radius: var(--toz-promien);
    background: var(--toz-plyta);
    color: var(--toz-text);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.podglad::backdrop { background: rgba(18, 27, 58, .62); }
.podglad-pasek {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--toz-border);
    background: var(--toz-plyta);
}
.podglad-nazwa { font-weight: 600; margin-right: auto; overflow-wrap: anywhere; }

.podglad-licznik { font-variant-numeric: tabular-nums; min-width: 5ch; text-align: center; font-size: .875rem; }

.podglad[open] { display: flex; flex-direction: column; }

.podglad-scena {
    display: flex; align-items: center; justify-content: center;
    flex: 1 1 auto; min-height: 0;
    background: radial-gradient(120% 95% at 50% 38%, #26355f 0%, #18213f 58%, #0f152c 100%);
}

.podglad-scena img, .podglad-scena video { max-width: 100%; max-height: 100%; object-fit: contain; }

.podglad-scena img { touch-action: pan-y pinch-zoom; }
.podglad-scena iframe { width: 100%; height: 100%; border: 0; background: #1b1e25; }
.podglad-brak { color: #e7e9f0; padding: 24px; text-align: center; }

@media (max-width: 640px) {
    .podglad { width: 100vw; height: 100vh; border-radius: 0; border: 0; }
    
    .podglad-pasek { flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
    .podglad-nazwa { flex-basis: 100%; margin-right: 0; }
    .podglad-dopisek { display: none; }
    .podglad-zamknij { margin-left: auto; }
}

.dodaj-zalacznik .form-control { flex: 1 1 260px; width: auto; min-width: 0; max-width: 100%; }

.hint + .pusto { margin-top: 16px; }


.pusto {
    margin: 0;
    padding: 28px 16px;
    text-align: center;
    color: var(--toz-muted);
    border: 1px dashed var(--toz-border);
    border-radius: var(--toz-promien);
    background: #1c2026;
}
.pusto .btn { margin-top: 12px; }


.znacznik-terminu {
    display: block;
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--toz-blad-tekst);
}
.przelaczniki { border: 0; padding: 0; margin: 4px 0 0; }
.przelaczniki > legend { padding: 0; }


.skip-link {
    position: absolute;
    left: -9999px;
    top: 8px;
    z-index: 100;
    padding: 10px 16px;
    background: var(--toz-plyta);
    color: var(--toz-granat-ciemny-tekst);
    border: 2px solid var(--toz-granat);
    border-radius: 8px;
    font-weight: 600;
}
.skip-link:focus { left: 8px; }
#tresc:focus { outline: none; }


.wybor-oddzialow { border: 0; padding: 0; margin: 16px 0 0; }
.wybor-oddzialow > legend { padding: 0; }
.oddzial-wszystkie { padding: 8px 10px; border: 1px solid var(--toz-border); border-radius: 8px; background: #1b1e25; }
.oddzialy-narzedzia { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 10px 0 8px; }
.oddzialy-narzedzia .form-control { flex: 1 1 220px; width: auto; max-width: 320px; }
.oddzialy {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 2px 12px;
    max-height: 260px;
    overflow-y: auto;
    padding: 8px;
    border: 1px solid var(--toz-border);
    border-radius: 8px;
    background: #1b1e25;
}
.oddzialy-wygaszone { opacity: .45; pointer-events: none; }


.wybor-uprawnien { border: 0; padding: 0; margin: 16px 0 0; min-width: 0; }
.wybor-uprawnien > legend { padding: 0; }
.uprawnienia-lista {
    max-height: 320px;
    overflow-y: auto;
    padding: 4px 12px 8px;
    border: 1px solid var(--toz-border);
    border-radius: 8px;
    background: #1b1e25;
}
.uprawnienia-modul + .uprawnienia-modul { margin-top: 6px; border-top: 1px solid var(--toz-border); }
.uprawnienia-modul-nazwa { margin: 8px 0 0; font-weight: 600; font-size: .9rem; color: var(--toz-granat-ciemny-tekst); }

.uprawnienia-grupa { margin: 10px 0 2px; font-weight: 700; font-size: .85rem; text-transform: uppercase; letter-spacing: .02em; color: var(--toz-szary-tekst, #b9b9b9); }
[data-grupa] + [data-grupa] { margin-top: 10px; padding-top: 8px; border-top: 2px solid var(--toz-border); }


.pakiety-lista {
    display: grid;
    gap: 2px;
    padding: 4px 12px;
    border: 1px solid var(--toz-border);
    border-radius: 8px;
    background: #1b1e25;
}
.pakiety-lista .uprawnienie + .uprawnienie { border-top: 1px solid var(--toz-border); }
.lista-nowych-kont { margin: 8px 0 0; padding-left: 20px; }
.lista-nowych-kont li { padding: 2px 0; }


.karta-filtrow { padding: 14px clamp(14px, 1.6vw, 20px); }
.karta-filtrow .card-head { padding-bottom: 8px; margin-bottom: 12px; }
.karta-filtrow h1.h4 { font-size: 1.35rem; margin-bottom: 2px; }

.filters-zwarte { grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)); gap: 8px 10px; }
.filters-zwarte .label {
    margin: 0 0 2px;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--toz-muted);
}
.filters-zwarte .form-control { min-height: 34px; padding: 5px 8px; font-size: .9rem; }
.filters-zwarte .filters-action { margin-top: 6px; gap: 8px 16px; }
.filters-zwarte .przelaczniki { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.filters-zwarte .przelacznik { padding: 3px 9px; font-size: .82rem; }


.table-ewidencja th.liczba, .table-ewidencja td.liczba { max-width: 96px; }

.table-ewidencja th.liczba { white-space: normal; }

.table-ewidencja td.kol-numer { max-width: 140px; overflow-wrap: anywhere; }
.table-ewidencja td.kol-sprawa,
.table-ewidencja td.kol-od-kogo,
.table-ewidencja td.kol-zwrot { max-width: 170px; }

.filters-zwarte .filtr-daty { min-width: 130px; }




.stan {
    display: inline-block;
    padding: 1px 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .82rem;
    line-height: 1.5;
    white-space: nowrap;
}


.stan-alarm {
    background: var(--toz-blad);
    border-color: var(--toz-blad);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

[data-kto-i-kiedy] { cursor: help; }
.dymek-kto-kiedy {
    position: fixed;
    z-index: 35;
    max-width: min(320px, calc(100vw - 16px));
    padding: 8px 10px;
    background: var(--toz-plyta);
    color: var(--toz-text);
    border: 1px solid var(--toz-border);
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
    font-size: .85rem;
    line-height: 1.45;
}
.dymek-kto-kiedy p { margin: 0; }
.dymek-kto-kiedy .dymek-kto-kiedy-tytul { margin-bottom: 4px; font-weight: 600; }
.dymek-kto-kiedy-podpis, .dymek-kto-kiedy-drobne { color: var(--toz-muted); }

.dymek-od-razu {
    position: fixed;
    z-index: 35;
    max-width: min(300px, calc(100vw - 16px));
    padding: 6px 10px;
    background: var(--toz-plyta);
    color: var(--toz-text);
    border: 1px solid var(--toz-border);
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
    font-size: .85rem;
    line-height: 1.45;
    text-align: center;
    pointer-events: none;
}
.dymek-od-razu p { margin: 0; }
.dymek-od-razu .dymek-od-razu-tytul { font-weight: 600; }
.dymek-od-razu .dymek-od-razu-drobne { color: var(--toz-muted); font-size: .78rem; }
.stan-szary     { background: #20242a; border-color: #3b3f47; color: #b7bed5; }
.stan-zielony   { background: var(--toz-tlo-ok); border-color: #2f483a; color: var(--toz-ok-tekst); }
.stan-zolty     { background: var(--toz-tlo-uwaga); border-color: #4f3f18; color: var(--toz-uwaga-tekst); }
.stan-czerwony  { background: var(--toz-tlo-blad); border-color: #57393d; color: var(--toz-blad-tekst); }
.stan-granatowy { background: var(--toz-granat-jasny); border-color: #3b4255; color: var(--toz-granat-ciemny-tekst); }

.stan-nowy      { background: var(--toz-granat); border-color: var(--toz-zloto); color: #fff; font-weight: 700; }

.stan-pomaranczowy { background: #2e2012; border-color: #563b1e; color: #eba56a; }
.stan-rozowy       { background: #2e1e26; border-color: #563746; color: #f395b9; }
.stan-fioletowy    { background: #27212e; border-color: #483d59; color: #c4aaff; }
.stan-turkusowy    { background: #152728; border-color: #254848; color: #82c9c9; }
.stan-brazowy      { background: #29231d; border-color: #4e4132; color: #d9b290; }

.stan-morski       { background: #1a262e; border-color: #324553; color: #8fc6f2; }
.stan-oliwkowy     { background: #242613; border-color: #404720; color: #b4c37d; }
.stan-sliwkowy     { background: #2a222a; border-color: #513f4f; color: #eda0de; }
.stan-piaskowy     { background: #292214; border-color: #4c4024; color: #d1b479; }
.stan-wrzosowy     { background: #24232e; border-color: #434157; color: #b2b4ff; }
.stan-miedziany    { background: #2e2119; border-color: #563d2d; color: #f1a182; }
.stan-lazurowy     { background: #18262f; border-color: #2b4557; color: #83c3f5; }
.stan-limonkowy    { background: #1f2610; border-color: #37471c; color: #9ec879; }
.stan-koralowy     { background: #2e1f1b; border-color: #5a3930; color: #fa9a85; }
.stan-stalowy      { background: #21252c; border-color: #3e444c; color: #b1c1d0; }

.stan-niebieski    { background: #1f2433; border-color: #38435e; color: #a6c0fa; }
.stan-blekitny     { background: #16272f; border-color: #284757; color: #7dc2f4; }

.stan-bialy        { background: #1b1e25; border-color: var(--toz-border); color: #b7bed5; }


.table tbody tr.wiersz-stan-szary { background: #20242a; }
.table tbody tr.wiersz-stan-szary:hover { background: #23262d; }
.table tbody tr.wiersz-stan-zielony { background: var(--toz-tlo-ok); }
.table tbody tr.wiersz-stan-zielony:hover { background: #182c22; }
.table tbody tr.wiersz-stan-zolty { background: var(--toz-tlo-uwaga); }
.table tbody tr.wiersz-stan-zolty:hover { background: #312300; }
.table tbody tr.wiersz-stan-czerwony { background: var(--toz-tlo-blad); }
.table tbody tr.wiersz-stan-czerwony:hover { background: var(--toz-tlo-blad-kursor); }

.table tbody tr.wiersz-stan-alarm { background: var(--toz-tlo-blad); }
.table tbody tr.wiersz-stan-alarm:hover { background: var(--toz-tlo-blad-kursor); }
.table tbody tr.wiersz-stan-granatowy { background: var(--toz-granat-jasny); }
.table tbody tr.wiersz-stan-granatowy:hover { background: #222735; }
.table tbody tr.wiersz-stan-pomaranczowy { background: #2e2012; }
.table tbody tr.wiersz-stan-pomaranczowy:hover { background: #37210b; }
.table tbody tr.wiersz-stan-rozowy { background: #2e1e26; }
.table tbody tr.wiersz-stan-rozowy:hover { background: #381e2c; }
.table tbody tr.wiersz-stan-fioletowy { background: #27212e; }
.table tbody tr.wiersz-stan-fioletowy:hover { background: #2d2338; }
.table tbody tr.wiersz-stan-turkusowy { background: #152728; }
.table tbody tr.wiersz-stan-turkusowy:hover { background: #102c2d; }
.table tbody tr.wiersz-stan-brazowy { background: #29231d; }
.table tbody tr.wiersz-stan-brazowy:hover { background: #32271a; }
.table tbody tr.wiersz-stan-morski { background: #1a262e; }
.table tbody tr.wiersz-stan-morski:hover { background: #192b37; }
.table tbody tr.wiersz-stan-oliwkowy { background: #242613; }
.table tbody tr.wiersz-stan-oliwkowy:hover { background: #272a07; }
.table tbody tr.wiersz-stan-sliwkowy { background: #2a222a; }
.table tbody tr.wiersz-stan-sliwkowy:hover { background: #322531; }
.table tbody tr.wiersz-stan-piaskowy { background: #292214; }
.table tbody tr.wiersz-stan-piaskowy:hover { background: #31260c; }
.table tbody tr.wiersz-stan-wrzosowy { background: #24232e; }
.table tbody tr.wiersz-stan-wrzosowy:hover { background: #292737; }
.table tbody tr.wiersz-stan-miedziany { background: #2e2119; }
.table tbody tr.wiersz-stan-miedziany:hover { background: #372317; }
.table tbody tr.wiersz-stan-lazurowy { background: #18262f; }
.table tbody tr.wiersz-stan-lazurowy:hover { background: #142a39; }
.table tbody tr.wiersz-stan-limonkowy { background: #1f2610; }
.table tbody tr.wiersz-stan-limonkowy:hover { background: #1f2c04; }
.table tbody tr.wiersz-stan-koralowy { background: #2e1f1b; }
.table tbody tr.wiersz-stan-koralowy:hover { background: #3b201a; }
.table tbody tr.wiersz-stan-stalowy { background: #21252c; }
.table tbody tr.wiersz-stan-stalowy:hover { background: #232930; }

.table tbody tr.wiersz-stan-bialy { background: transparent; }
.table tbody tr.wiersz-stan-bialy:hover { background: #1d2127; }


.kol-dotyczy { min-width: 15rem; }

.pod-spodem {
    display: block;
    color: var(--toz-muted);
    font-size: .85rem;
    line-height: 1.35;
}


.powtorka {
    margin: 0 0 14px;
    padding: 10px 14px;
    background: var(--toz-tlo-uwaga);
    border: 1px solid #4f3f18;
    border-left: 4px solid var(--toz-uwaga);
    border-radius: var(--toz-promien);
    color: #d4c195;
    font-size: .9rem;
}

.powtorka ul {
    margin: 6px 0 0;
    padding-left: 18px;
}

.powtorka li { margin-bottom: 2px; }
.powtorka li span { color: var(--toz-muted); }

.powtorka-osoba { margin: 0 0 8px; padding: 6px 10px; background: #1b1e25; border: 1px solid #e0b252;
                  border-radius: var(--toz-promien); color: #d8c69c; font-size: .95rem; }
.powtorka-osoba:last-child { margin-bottom: 0; }
.powtorka-osoba strong { color: #e0ae70; }

.powtorka-dopisek { margin: 8px 0 0; }



.wiersz-wycofany td { color: var(--toz-muted); }


.rok-skladek { border-top: 1px solid var(--toz-border); }
.rok-skladek:first-of-type { border-top: 0; }
.rok-skladek > summary { cursor: pointer; padding: 10px 0; }
.rok-skladek > summary .muted { margin-left: 8px; }
.lista-miesiecy { list-style: none; margin: 0 0 10px; padding: 0; max-width: 460px; }
.lista-miesiecy li { display: flex; justify-content: space-between; align-items: center; gap: 12px;
    padding: 5px 0 5px 18px; border-top: 1px dashed var(--toz-border); }

.rok-skladek > summary strong + span:not(.muted) { margin-left: 8px; }


.zdejmij-skladki { margin-top: 20px; }
.zdejmij-skladki > summary { cursor: pointer; font-weight: 600; font-size: .9rem; color: var(--toz-granat-tekst); margin-bottom: 12px; }


.tabela-oplat { max-width: 760px; }
.tabela-oplat tr.z-ulga > td { border-bottom: 0; padding-bottom: 2px; }
.tabela-oplat tr.ulga-dla-wiersz > td { padding-top: 0; text-align: right; }
.tabela-oplat .ulga-dla { display: inline-block; max-width: 30rem; font-size: .8rem; color: var(--toz-muted); }

@media (max-width: 480px) {
    .tabela-oplat th, .tabela-oplat td { padding-left: 5px; padding-right: 5px; }
}
.zasady-oplat { margin: 12px 0 0; }

.stawka-skladki { margin: 0 0 12px; }
.stawka-skladki [data-za-okres] { display: block; margin-top: 4px; }
.stawka-skladki [data-za-okres][hidden] { display: none; }
.stawka-skladki .btn { margin: 2px 0; }


.podglad-kolorow { display: flex; flex-wrap: wrap; gap: 4px 6px; margin-top: 8px; }


.table .kol-akcje { width: 1%; white-space: nowrap; }
.table .kol-akcje > * { vertical-align: middle; }
.table .kol-akcje .btn + .inline, .table .kol-akcje .inline + .inline { margin-left: 6px; }


.znacznik-niebezpieczny {
    display: inline-block;
    margin-top: 3px;
    padding: 1px 8px;
    background: var(--toz-tlo-blad);
    border: 1px solid var(--toz-blad);
    border-radius: 999px;
    color: var(--toz-blad-tekst);
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    
    text-align: center;
}


.znacznik-zwierzeta { background: var(--toz-tlo-uwaga); border-color: var(--toz-zloto); color: var(--toz-uwaga-tekst); }


.znacznik-miejsca {
    display: inline-block; margin-top: 3px; padding: 1px 8px; border-radius: 999px;
    border: 1px solid #3d4354; background: var(--toz-granat-jasny); color: var(--toz-granat-tekst);
    font-size: .76rem; font-weight: 600; white-space: nowrap; text-align: center;
}


.adres-licznik { color: var(--toz-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.naglowek-dopisek { font-weight: 400; font-size: .75rem; color: var(--toz-muted); text-transform: none; letter-spacing: 0; }


.przelacznik-ostrzegawczy:has(input:checked) {
    color: var(--toz-blad-tekst);
    font-weight: 700;
    border-color: var(--toz-blad);
    background: var(--toz-tlo-blad);
    box-shadow: 0 0 0 3px rgba(165, 40, 52, .10);
}


.kol-sprawa { max-width: 22rem; }

.table[data-lista-wyrokow] .kol-sprawa { min-width: 18rem; }
.table[data-lista-wyrokow] .kol-dotyczy { min-width: 12rem; }
.kol-teczka { max-width: 14rem; }


.table[data-powtarzalne="wplata"] td.kol-data,
.table[data-powtarzalne="wplata"] th.kol-data { width: 11rem; min-width: 10rem; }
.table[data-powtarzalne="wplata"] td.liczba,
.table[data-powtarzalne="wplata"] th.liczba { width: 10rem; min-width: 8rem; }
.table[data-powtarzalne="wplata"] td.kol-usun,
.table[data-powtarzalne="wplata"] th.kol-usun { width: 3rem; }
.table[data-powtarzalne="wplata"] .kol-uwaga { min-width: 16rem; }


.pasek-sprawy {
    margin: 0 0 1rem;
    padding: .5rem .75rem;
    border-left: 3px solid var(--toz-border);
    background: var(--toz-granat-jasny);
    border-radius: 0 var(--toz-promien) var(--toz-promien) 0;
}

.pasek-sprawy-zalega { border-left-color: var(--toz-blad); }


.pasek-zatwierdzenia {
    margin: 0 0 1rem;
    padding: .6rem .75rem;
    border-left: 3px solid var(--toz-ok);
    background: var(--toz-granat-jasny);
    border-radius: 0 var(--toz-promien) var(--toz-promien) 0;
}

.zatwierdzenie-stan { margin: 0; display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.pasek-zatwierdzenia .hint { margin: .25rem 0 .5rem; }


.sekcja-importu { padding-top: 16px; border-top: 1px solid var(--toz-border); margin-top: 16px; }
.sekcja-importu:first-of-type { padding-top: 0; border-top: 0; margin-top: 0; }


.grupa-importu { margin: 20px 0 4px; display: flex; align-items: baseline; gap: .4rem; flex-wrap: wrap; }
.grupa-importu:first-of-type { margin-top: 12px; }
.grupa-blad { color: var(--toz-blad-tekst); }
.grupa-blad::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: var(--toz-blad); flex: none; }
.grupa-uwaga { color: var(--toz-uwaga-tekst); }
.grupa-uwaga::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: var(--toz-zloto); flex: none; }
.grupa-importu-zwijana { margin-top: 20px; }
.grupa-importu-zwijana > summary { cursor: pointer; font-weight: 600; color: var(--toz-granat-tekst); }
.grupa-importu-zwijana > summary:hover { color: var(--toz-granat-ciemny-tekst); }
.grupa-importu-zwijana .table-wrap { margin-top: 12px; }
.powody-importu { margin: 0 0 12px; padding-left: 1.2rem; color: var(--toz-text); }
.powody-importu li { margin: .15rem 0; }
.powody-importu strong { font-variant-numeric: tabular-nums; }


.terminy-raportow { margin: 0; padding-left: 1.2rem; }
.terminy-raportow li { margin: .25rem 0; line-height: 1.7; }
.terminy-raportow .badge { margin-left: .35rem; letter-spacing: .02em; }


.kwota-niefiskalna { color: var(--toz-muted); text-decoration: line-through; }
.kwota-niefiskalna .badge { text-decoration: none; }


.table tbody tr.wiersz-spozniony { background: var(--toz-tlo-blad); }
.table tbody tr.wiersz-spozniony:hover { background: var(--toz-tlo-blad-kursor); }
.table tbody tr.wiersz-blisko-terminu { background: var(--toz-tlo-uwaga); }
.table tbody tr.wiersz-blisko-terminu:hover { background: #302200; }


.uwagi-wyroku { margin-top: 1rem; padding-top: .25rem; border-top: 1px solid var(--toz-border); }


.wiersze-raportu-lista { display: flex; flex-direction: column; }

.wiersz-raportu {
    display: grid;
    
    grid-template-columns: 1fr 8.5rem 9rem 9rem;
    align-items: center;
    gap: .5rem 1rem;
    
    margin: 0 -.5rem;
    padding: .3rem .5rem;
    border-bottom: 1px solid var(--toz-border);
}

.wiersz-raportu .label { margin: 0; font-weight: 400; }
.wiersz-raportu .pole-blad { grid-column: 1 / -1; margin: 0; }



.wiersz-raportu:hover { background: #1f2229; }
.wiersz-raportu:focus-within {
    background: var(--toz-granat-jasny);
    box-shadow: inset 3px 0 0 var(--toz-granat);
}

.wiersz-raportu:focus-within .label { color: var(--toz-granat-ciemny-tekst); }


.przelacznik-tak-nie {
    display: inline-flex;
    
    position: relative;
    border: 1px solid var(--toz-border);
    border-radius: var(--toz-promien);
    overflow: hidden;
    background: var(--toz-plyta);
}


.przelacznik-tak-nie input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    overflow: hidden;
}

.przelacznik-tak-nie label {
    padding: .3rem .9rem;
    font-size: .9375rem;
    line-height: 1.4;
    color: var(--toz-muted);
    cursor: pointer;
    user-select: none;
}

.przelacznik-tak-nie label + input + label { border-left: 1px solid var(--toz-border); }

.przelacznik-tak-nie input:checked + label {
    background: var(--toz-granat);
    color: #fff;
    font-weight: 600;
}


.przelacznik-tak-nie input:focus-visible + label {
    outline: 2px solid var(--toz-fokus);
    outline-offset: -2px;
}


.przelacznik-tak-nie input:checked:focus-visible + label {
    outline-color: var(--toz-zloto);
}

.przelacznik-tak-nie input:disabled + label { cursor: default; opacity: .6; }

.uprawnienie:has(input:disabled) { cursor: default; opacity: .6; }


.poprzednio { font-size: .875rem; color: var(--toz-muted); }
.poprzednio strong { color: var(--toz-text); font-variant-numeric: tabular-nums; }


.szacowane { font-size: .875rem; color: var(--toz-muted); }
.szacowane strong { color: var(--toz-granat-tekst); font-variant-numeric: tabular-nums; }
.szacowane-opis { margin-top: .5rem; font-size: .875rem; }
.szacowane-opis ul { margin: .5rem 0 0; padding-left: 1.25rem; }
.szacowane-wpisz { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 .75rem; }

@media (max-width: 640px) {
    .wiersz-raportu { grid-template-columns: 1fr 8.5rem; }
    .poprzednio, .szacowane { grid-column: 1 / -1; }
    .szacowane:empty { display: none; }
}


.pasek-podpowiedzi {
    margin: 0 0 1rem;
    padding: .5rem .75rem;
    border-left: 3px solid var(--toz-granat);
    background: var(--toz-granat-jasny);
    border-radius: 0 var(--toz-promien) var(--toz-promien) 0;
}

.podpowiedz-wstep { margin: 0 0 .35rem; }

.podpowiedz-sprawa {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
    margin-top: .35rem;
}

.podpowiedz-znaku {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin: .5rem 0 0;
    padding: .5rem .6rem;
    border-left: 3px solid var(--toz-granat);
    background: var(--toz-granat-jasny);
    border-radius: 0 var(--toz-promien) var(--toz-promien) 0;
    font-size: .875rem;
}

.podpowiedz-znaku-sprawa {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .4rem;
}


.pole-podklad {
    background: var(--toz-granat-jasny);
    color: var(--toz-muted);
}


.szukajka { margin-bottom: .5rem; flex-basis: 100%; width: 100%; }
.szukajka .hint { margin-top: .25rem; }




.terminy { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
.terminy-glowka { display: grid; grid-template-columns: 11rem 11rem minmax(0, 1fr); gap: 10px; padding: 0 9px;
                  margin: 2px 0 4px; font-size: .78rem; font-weight: 600; color: var(--toz-muted); }

.termin { display: grid; grid-template-columns: 11rem 11rem minmax(0, 1fr) auto; gap: 8px 10px; align-items: start;
          padding: 8px; border: 1px solid var(--toz-border); border-radius: 8px; background: var(--toz-plyta); }
.terminy-glowka-bez-dokumentow { grid-template-columns: 11rem minmax(0, 1fr); }
.terminy-bez-dokumentow .termin { grid-template-columns: 11rem minmax(0, 1fr) auto; }

.termin-osoby { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
                align-items: center; gap: 6px 10px; min-width: 0; }
.termin-osoba { display: flex; align-items: center; gap: 4px; min-width: 0; }
.termin-osoba .form-control { flex: 1 1 auto; min-width: 0; }
.termin-dodaj-osobe { justify-self: start; }
.termin-usun { align-self: center; white-space: nowrap; }

.terminy-przyciski,
.szybkie-daty { display: flex; flex-wrap: wrap; gap: 6px 8px; }
.szybkie-daty { margin-top: 6px; }

.panel-terminy { grid-column: 1 / -1; }
.panel-terminy .terminy { margin-bottom: 0; }

.termin-podpis { display: none; }
@media (max-width: 640px) {
    .terminy-glowka { display: none; }
    .termin, .terminy-bez-dokumentow .termin { grid-template-columns: minmax(0, 1fr); }
    .termin-podpis { display: block; margin-bottom: 2px; font-size: .78rem; font-weight: 600; color: var(--toz-muted); }
}

.powiazania { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-bottom: 8px; }
.powiazania:has(> .powiazanie) { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr)); }
.powiazanie { display: flex; align-items: center; gap: 6px; min-width: 0; }
.powiazanie .form-control { flex: 1 1 auto; min-width: 0; }


.powiazania.powiazania-zwierzaki { grid-template-columns: minmax(0, 1fr); flex-direction: column; }
.powiazanie-zwierzak { width: 100%; gap: 8px; }

.powiazanie-zwierzak input[name="zwierzak_imie[]"] { flex: 0 1 18rem; }

.powiazanie-zwierzak .zwierzak-ile {
    flex: 0 0 3rem;
    box-sizing: border-box;
    display: flex; align-items: center; justify-content: center;
    min-height: 42px;
    border: 1px solid var(--toz-border);
    border-radius: 8px;
    background: #1e2228;
    color: var(--toz-muted);
    font-variant-numeric: tabular-nums;
}

.powiazanie-zwierzak input[name="zwierzak_gatunek[]"] { flex: 0 1 10rem; }
.powiazanie-zwierzak input[type="date"] { flex: 0 1 11rem; min-width: 9rem; }

.powiazanie-zwierzak .zwierzak-karta { flex: 1 1 14rem; }

.powiazanie-zwierzak .zwierzak-odebranie { flex: 0 1 15rem; }

.dodaj-wiersze { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.dodaj-wiersze .dodaj-ile { width: 4.5rem; }
.dodaj-wiersze .dodaj-gatunek { width: 9rem; }
.zwierzak-znacznik { white-space: nowrap; }


.zrodlo-podopiecznego { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.zrodlo-podopiecznego > span:first-child { margin-right: auto; }

@media (max-width: 640px) {
    .powiazanie-zwierzak { flex-wrap: wrap; }
    .powiazanie-zwierzak input,
    .powiazanie-zwierzak select { flex: 1 1 100% !important; }
    
    .powiazanie-zwierzak input[name="zwierzak_imie[]"] { flex: 1 1 0 !important; min-width: 0; }
    
    .powiazanie-zwierzak ~ .powiazanie-zwierzak { border-top: 1px solid var(--toz-border); padding-top: 10px; }
}


.kol-powiazania { min-width: 9rem; max-width: 16rem; }

.powiazanie-znacznik {
    display: inline-block;
    
    max-width: 100%;
    margin: 1px 4px 1px 0;
    padding: 2px 8px;
    background: var(--toz-granat-jasny);
    border: 1px solid #3b4255;
    border-radius: 999px;
    font-size: .82rem;
    
    text-align: center;
    line-height: 1.35;
    color: var(--toz-granat-ciemny-tekst);
}


.materialy { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px;
    grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); }
.materialy li { display: flex; align-items: flex-start; gap: 10px; padding: 10px;
    border: 1px solid var(--toz-border); border-radius: var(--toz-promien); background: var(--toz-plyta); }

.material-podglad { flex: 0 0 auto; display: block; width: 96px; }
.material-podglad img { width: 96px; height: 96px; object-fit: cover; border-radius: 6px; display: block; }


video.material-podglad { width: 100%; max-width: 320px; height: auto; border-radius: 6px; background: #000; }
.materialy li:has(video) { flex-direction: column; }


.przestaw-kafelek { cursor: grab; }
.przestaw-niesiony { opacity: .45; }
.przestaw-zapis .przestaw-kafelek { cursor: progress; }
.przestaw-uchwyt { flex: 0 0 auto; align-self: center; width: 14px; height: 26px; padding: 0; border: 0;
    border-radius: 4px; cursor: grab; opacity: .6;
    background: radial-gradient(circle, var(--toz-muted) 1.5px, transparent 1.7px) 0 1px / 7px 6px; }
.przestaw-uchwyt:hover, .przestaw-uchwyt:focus-visible { opacity: 1; }
.przestaw-podpowiedz { margin: 0 0 8px; }
.przestaw-meldunek { margin: 8px 0 0; }

.material-pdf, .material-znak { display: flex; align-items: center; justify-content: center;
    width: 96px; height: 96px; border: 1px solid var(--toz-border); border-radius: 6px;
    background: #1d2128; color: var(--toz-muted); font-weight: 700; font-size: .8rem; text-decoration: none; }

.material-znak { flex-direction: column; gap: 6px; color: var(--toz-granat-ciemny-tekst); background: var(--toz-granat-jasny); }
.material-znak:hover { text-decoration: none; border-color: var(--toz-granat); }
.material-film::before {
    content: ''; width: 34px; height: 34px; border-radius: 999px;
    background: var(--toz-granat) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23fff'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.material-zdjecie::before {
    content: ''; width: 34px; height: 28px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Crect x='1' y='1' width='22' height='18' rx='3' fill='none' stroke='%233a57a2' stroke-width='1.8'/%3E%3Ccircle cx='8' cy='7' r='2' fill='%23d7b56d'/%3E%3Cpath d='M3 17l6-6 4 4 3-3 5 5z' fill='%233a57a2'/%3E%3C/svg%3E") center / contain no-repeat;
}


.kol-zaznacz { width: 2.2rem; text-align: center; }
.kol-zaznacz input { margin: 0; }

.zbiorcze {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
    margin-top: 14px; padding: 12px 14px;
    background: var(--toz-granat-jasny);
    border: 1px solid #3b4255; border-radius: var(--toz-promien);
}

select:has(option[data-kolor="alarm"]:checked) { color: var(--toz-blad-tekst); font-weight: 600; }
select:has(option[data-kolor="alarm"]) option { color: var(--toz-text); font-weight: 400; }

.zbiorcze .form-control { flex: 1 1 260px; width: auto; min-width: 0; max-width: 100%; min-height: 36px; }
.zbiorcze-licznik { font-size: .88rem; color: var(--toz-muted); font-variant-numeric: tabular-nums; }
.zbiorcze-licznik-aktywny { color: var(--toz-granat-ciemny-tekst); font-weight: 700; }

.zbiorcze-wiersz { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-width: 0; }
.zbiorcze .zbiorcze-data { flex: 0 1 11rem; }

.maile-przenies { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
.zbiorcze .maile-przenies .form-control { flex: 0 1 16rem; }


.przypomnienia-oddzialow { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.przypomnienia-oddzialow li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 6px 0; border-top: 1px solid var(--toz-border); }
.przypomnienia-oddzialow li:first-child { border-top: 0; padding-top: 0; }


.nav .nav-oddzial { background: #262113; border: 1px solid #463d25; border-radius: 999px; padding: 6px 12px; font-weight: 400; margin-left: 6px; }
.nav .nav-oddzial:hover, .nav .nav-oddzial:focus-visible { background: #2d2306; }
.nav .nav-oddzial strong { font-weight: 700; }


.przelaczniki-lista { flex-direction: column; align-items: flex-start; }


.przelacznik-w-wierszu { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 6px 0; border-top: 1px solid var(--toz-border); }
.przelacznik-w-wierszu:first-of-type { border-top: 0; }

@media print { .zbiorcze, .kol-zaznacz { display: none !important; } }

@media print {
    .wiersz-raportu:hover, .wiersz-raportu:focus-within { background: none; box-shadow: none; }
    .wiersz-raportu:focus-within .label { color: inherit; }
}


.table-ewidencja[data-lista-sciganie] td.kol-sprawa { max-width: 24rem; }
.table-ewidencja[data-lista-sciganie] td.kol-od-kogo { max-width: 12rem; }
.table-ewidencja[data-lista-sciganie] td.uwagi { max-width: 20rem; }


.choice .hint { display: block; margin-top: 2px; }
.table td .hint { display: block; margin-top: 2px; }
.row-forms .btn { align-self: center; }


.odczyt-uklad { display: grid; grid-template-columns: minmax(320px, 40%) 1fr; gap: 20px; align-items: start; }

.odczyt-podglad { position: sticky; top: 16px; background: #1b1e25; border: 1px solid var(--toz-border);
                  border-radius: 12px; padding: 12px; max-height: calc(100vh - 32px); overflow-y: auto; }
.odczyt-plik + .odczyt-plik { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--toz-border); }
.odczyt-naglowek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.odczyt-naglowek strong { flex: 1 1 auto; word-break: break-word; }
.odczyt-ramka { width: 100%; height: min(76vh, 900px); border: 1px solid var(--toz-border); border-radius: 8px; background: #1b1e25; }
.odczyt-obraz { display: block; width: 100%; height: auto; max-height: min(76vh, 900px);
                object-fit: contain; border: 1px solid var(--toz-border); border-radius: 8px; background: #1b1e25; }

.pliki-odczytu { margin: 10px 0 0; padding-left: 1.6em; }
.pliki-odczytu li { padding: 3px 0; }
.pliki-odczytu li > span { overflow-wrap: anywhere; margin-right: 8px; }
.dodaj-strone { margin-top: 8px; }

.odczyt-bez-pdf { margin-bottom: 0; }
.odczyt-bez-pdf p { margin: 0; }
.odczyt-bez-pdf p + p { margin-top: 8px; }
.odczyt-tresc { min-width: 0; }
.odczyt-tresc .card { margin-top: 0; }


@media (max-width: 900px), (hover: none) and (pointer: coarse) {
    .odczyt-uklad { grid-template-columns: 1fr; }
    .odczyt-podglad { position: static; max-height: none; overflow: visible; }
    .odczyt-widok { display: none; }
    .odczyt-naglowek { margin-bottom: 0; }
}


[hidden] { display: none !important; }


.table tbody tr.wiersz-zalega { background: var(--toz-tlo-blad); }
.table tbody tr.wiersz-zalega:hover { background: var(--toz-tlo-blad-kursor); }
.table tbody tr.wiersz-zalega td { border-bottom-color: #5d373c; }


.table tbody tr.wiersz-do-realizacji { background: var(--toz-tlo-blad); }
.table tbody tr.wiersz-do-realizacji:hover { background: var(--toz-tlo-blad-kursor); }
.table tbody tr.wiersz-do-realizacji td { border-bottom-color: #5d373c; }


.sekcja-wyrok:has(#czy_wyrok:not(:checked)) .pola-wyroku { display: none; }


.sekcja-walne:has(#przygotuj_dokumenty:not(:checked)) .pola-walnego { display: none; }
.sekcja-walne:has(input[name="walne_rodzaj"][value="zwyczajne"]:checked) .pole-cel-walnego { display: none; }
.sekcja-walne:has(#walne_termin2_inny:not(:checked)) .pole-drugiego-terminu { display: none; }
.sekcja-walne:has(#walne_termin2_inny:checked) .drugi-termin-domyslny { display: none; }


.sekcja-harmonogramu:has(input[name="powtarzanie"][value="jednorazowo"]:checked) .pole-harmonogramu:not(.dla-jednorazowo),
.sekcja-harmonogramu:has(input[name="powtarzanie"][value="w_datach"]:checked) .pole-harmonogramu:not(.dla-w_datach),
.sekcja-harmonogramu:has(input[name="powtarzanie"][value="rocznie"]:checked) .pole-harmonogramu:not(.dla-rocznie),
.sekcja-harmonogramu:has(input[name="powtarzanie"][value="kwartalnie"]:checked) .pole-harmonogramu:not(.dla-kwartalnie),
.sekcja-harmonogramu:has(input[name="powtarzanie"][value="miesiecznie"]:checked) .pole-harmonogramu:not(.dla-miesiecznie) { display: none; }


.zestawienie-okres:has(input[name="tryb"][value="lata"]:checked) .pole-dni,
.zestawienie-okres:has(input[name="tryb"][value="dni"]:checked) .pole-lat { display: none; }


.interwencja { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.interwencja .form-control { flex: 1 1 auto; min-width: 0; }


input.form-control[type="search"] { -webkit-appearance: none; appearance: none; }
input.form-control[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }


select.form-control:not([multiple]):not([size]) {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235f6478' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
}


@media (pointer: coarse) {
    .form-control,
    .filters-zwarte .form-control,
    .panel-pole .form-control,
    .ustawienie-strony .form-control { font-size: 16px; }

    
    .panel-lista-glowka .btn-maly { height: auto; min-height: 32px; }
}


.wybor-wielu { position: relative; min-width: 0; }
.wybor-wielu > summary.form-control {
    display: flex; align-items: center;
    list-style: none; cursor: pointer; user-select: none;
    padding-right: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235f6478' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
}

.wybor-wielu > summary::-webkit-details-marker { display: none; }
.wybor-wielu-stan { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wybor-wielu[open] > summary.form-control { border-color: var(--toz-fokus-ramka); }

.wybor-wielu-aktywny > summary.form-control {
    
    border-color: var(--toz-fokus-ramka);
    background-color: var(--toz-granat-jasny);
    color: var(--toz-granat-ciemny-tekst);
}

.wybor-wielu-lista {
    position: absolute; top: calc(100% + 4px); left: 0; z-index: 25;
    min-width: 100%; width: max-content; max-width: calc(100vw - 16px);
    max-height: 18rem; overflow-y: auto;
    margin: 0; padding: 6px;
    display: flex; flex-direction: column; gap: 2px;
    background: #1b1e25; border: 1px solid var(--toz-border); border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

.wybor-wielu-do-prawej .wybor-wielu-lista { left: auto; right: 0; }
.wybor-wielu-opcja {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 8px; border-radius: 6px;
    cursor: pointer; font-weight: 400; font-size: .92rem; line-height: 1.3;
    text-transform: none; letter-spacing: normal; color: inherit;
}
.wybor-wielu-opcja:hover { background: var(--toz-granat-jasny); }
.wybor-wielu-opcja input { flex: none; width: 16px; height: 16px; margin: 0; accent-color: var(--toz-granat-tekst); }
.wybor-wielu-opcja:has(input:checked) { color: var(--toz-granat-ciemny-tekst); font-weight: 600; }
.wybor-wielu-wyczysc {
    align-self: flex-start; margin: 4px 0 0; padding: 4px 8px;
    border: 0; background: none; color: var(--toz-granat-tekst); font: inherit; font-size: .85rem;
    text-decoration: underline; cursor: pointer;
}
@media (pointer: coarse) {
    
    .wybor-wielu-opcja { min-height: 44px; font-size: 16px; }
    .wybor-wielu-opcja input { width: 20px; height: 20px; }
    .wybor-wielu-wyczysc { min-height: 44px; font-size: 16px; }
}
@media print {
    .wybor-wielu-lista { display: none; }
}


.kopiuj-adresy textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9rem; }

textarea.form-control.pole-adresow { min-height: 0; }


.z-procentem { position: relative; display: block; }
.z-procentem .form-control { padding-right: 28px !important; text-align: right; font-variant-numeric: tabular-nums; }
.z-procentem::after {
    content: "%";
    position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    color: var(--toz-muted); font-size: .85rem; pointer-events: none;
}
.tabela-przypietych td.kol-udzial,
.tabela-przypietych th.kol-udzial { width: 8rem; min-width: 7rem; }
.tabela-przypietych td.liczba,
.tabela-przypietych th.liczba { width: 11rem; min-width: 9rem; }
.tabela-przypietych td.kol-usun,
.tabela-przypietych th.kol-usun { width: 3rem; }
.tabela-przypietych td:first-child { min-width: 16rem; }
.przypiety-nowy { display: grid; gap: 6px; }

.pieniadze-suma { margin: 0 0 16px; font-size: 1.05rem; }
.pieniadze-suma strong { font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.kwota-ujemna { color: var(--toz-blad-tekst); }
.stan-pobierania { margin: 0 0 12px; padding-left: 1.2rem; }
.stan-pobierania li { margin: 4px 0; }
.stan-pobierania .hint-uwaga { display: block; }

@media (max-width: 640px) {
    .tabela-przypietych thead { display: none; }
    .tabela-przypietych, .tabela-przypietych tbody { display: block; width: 100%; }
    .tabela-przypietych tr {
        display: grid; grid-template-columns: 7.5rem minmax(0, 1fr) auto; align-items: center;
        gap: 6px 10px; padding: 10px 0; border-bottom: 1px solid var(--toz-border);
    }
    .tabela-przypietych td { display: block; padding: 0; border: 0; }
    .tabela-przypietych td:first-child { grid-column: 1 / -1; min-width: 0; }
    .tabela-przypietych td.kol-udzial,
    .tabela-przypietych td.liczba,
    .tabela-przypietych td.kol-usun { width: auto; min-width: 0; }
}

#pieniadze .kol-zbiorka { min-width: 12rem; }
#pieniadze .kol-opis { min-width: 12rem; }

.ponad-cel { color: var(--toz-ok-tekst); font-weight: 600; }

.table td.kol-podopieczni { min-width: 10rem; max-width: 18rem; }

.kol-przesun { width: 1%; white-space: nowrap; }
.kol-przesun form + form { margin-left: 4px; }
.btn.przesun { min-width: 2.2rem; padding-left: 6px; padding-right: 6px; }
.tabela-celow tr.wiersz-przygaszony td { color: var(--toz-muted); }
.akcje-pozycji { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }

.zbiorka-z-miniatura { display: flex; align-items: center; gap: 10px; min-width: 12rem; }
.miniatura-zbiorki {
    flex: 0 0 64px; width: 64px; height: 34px; object-fit: cover;
    border-radius: 4px; border: 1px solid var(--toz-border); background: var(--toz-bg);
}

.propozycje-zrzutki {
    margin: 12px 0; padding: 10px 12px;
    border: 1px solid var(--toz-border); border-radius: 6px; background: var(--toz-bg);
}
.propozycje-zrzutki p { margin: 0 0 8px; }
.lista-propozycji { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.lista-propozycji form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.podopieczny-z-miniatura { display: flex; align-items: center; gap: 10px; }
.zdjecie-na-liscie { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 8px 0 0; }
.wybor-na-liste { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 4px; }
.miniatura-podopiecznego {
    flex: 0 0 40px; width: 40px; height: 40px; object-fit: cover;
    border-radius: 6px; border: 1px solid var(--toz-border); background: var(--toz-bg);
}
.zdjecie-zbiorki {
    display: block; width: auto; height: auto; max-width: min(100%, 480px); max-height: 320px; margin: 0 0 16px;
    border-radius: 8px; border: 1px solid var(--toz-border); background: var(--toz-bg);
}

.zbiorcze .z-procentem { flex: 0 0 6.5rem; }
.zbiorcze .z-procentem .form-control { width: 100%; }
.zbiorcze-etykieta { font-size: .88rem; color: var(--toz-muted); }
.zbiorcze .pole-blad,
.zbiorcze .zbiorcze-wskazowka { flex-basis: 100%; margin: 0; }

.tabela-zebrano tfoot td { font-weight: 700; }
.tabela-zebrano tfoot td .muted { font-weight: 400; }
.tabela-zebrano tbody + tfoot tr:first-child td { border-top: 2px solid var(--toz-border); }

.tabela-zebrano td:first-child { min-width: 8.5rem; }
.niepelne { color: var(--toz-uwaga-tekst); font-weight: 700; margin-left: 2px; }


.wybor-powodu { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 8px; cursor: pointer; line-height: 1.4; }
.wybor-powodu input { margin-top: 3px; flex: none; }


.zbiorcze-grupa { display: contents; }
.zbiorcze-grupa[hidden] { display: none; }


.post-z-miniatura { display: flex; align-items: flex-start; gap: 12px; min-width: 16rem; }
.miniatura-posta {
    flex: 0 0 72px; width: 72px; height: 72px; object-fit: cover;
    border-radius: 6px; border: 1px solid var(--toz-border); background: var(--toz-bg);
}
.fragment-posta { max-width: 70ch; overflow-wrap: anywhere; }

.tabela-postow tbody tr[id] { scroll-margin-top: 3.5rem; }
.zdjecie-posta {
    display: block; width: auto; height: auto; max-width: min(100%, 560px); max-height: 560px; margin: 0 0 16px;
    border-radius: 8px; border: 1px solid var(--toz-border); background: var(--toz-bg);
}
.tresc-posta { white-space: pre-line; overflow-wrap: anywhere; max-width: 70ch; margin: 0 0 20px; line-height: 1.55; }

.podpowiedz-sprawy { font-size: .9rem; }

.sprawa-wpisane-tytul { margin: 18px 0 4px; }
.sprawa-wpisane td { vertical-align: top; }
.sprawa-wpisane .form-control { min-width: 9em; }
.podpowiedz-sprawy .facts { margin: 8px 0 0; }
.podpowiedz-sprawy.facts { margin: 0 0 24px; }
.podpowiedz-sprawy dt { color: var(--toz-muted); }

.sprawa-na-karcie { margin: 18px 0 28px; padding: 16px 0 4px; border-top: 1px solid var(--toz-border);
    
    scroll-margin-top: 76px; display: flow-root; }


@media (pointer: coarse) {
    .kol-zaznacz input { width: 22px; height: 22px; }
    .wzor-kolejnosc { gap: 4px; }
    .wzor-strzalka { width: 32px; height: 28px; line-height: 26px; }
    .table a.znak-fb, .table a.znak-strony, .table a.kolko-z-podpisem { padding: 6px; margin: -6px; }
    .table a.kolko-z-podpisem:focus-visible { outline-offset: 0px; }
    .dymek-zamknij { min-width: 44px; min-height: 44px; }
}




a { color: var(--toz-granat-ciemny-tekst); text-underline-offset: 2px; }
a:not([class]):hover { color: var(--toz-granat-tekst); }


input[type="checkbox"], input[type="radio"] { accent-color: var(--toz-granat-tekst); }
input[type="checkbox"], input[type="radio"], label.przelacznik, label.uprawnienie { cursor: pointer; }
input[type="checkbox"]:disabled, input[type="radio"]:disabled { cursor: not-allowed; }


::selection { background: #222b43; color: var(--toz-text); }


.card > .dodanie-faktury:last-child { margin-bottom: 0; }


.filters + .table-wrap, .filters + .tabela-z-naglowkiem, .filters + .pusto,
.filters + .przelacznik-kolumn + .table-wrap, .filters + .przelacznik-kolumn + .tabela-z-naglowkiem { margin-top: 16px; }




.przelacznik:not(:has(input:checked)):hover { border-color: #3d4354; background: var(--toz-belka-tlo); }


.table tbody tr:hover { background: #1f2229; }



.form-control:where(:not([readonly]):not(:disabled):not(:focus):not(.form-control-blad):not(.form-control-powtorka)):hover { border-color: #5d6a96; }


@media (prefers-reduced-motion: no-preference) {
    .btn, .form-control, .przelacznik, .nav a, .nav-grupa > summary, .zakladka, .kafelek {
        transition: background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;
    }
    .btn { transition-property: background-color, border-color, color, box-shadow, transform; }
}


@media (max-width: 520px) {
    .filters > div:has(> #q, > #f-q) { grid-column: 1 / -1; }
}

@media (min-width: 521px) {
    .filters-zwarte > div:has(> #q, > #f-q) { grid-column: span 2; }
}






h1.h4::before {
    content: ''; display: inline-block; width: 4px; height: .82em; margin-right: 10px;
    border-radius: 2px; vertical-align: -.06em;
    background: linear-gradient(180deg, var(--toz-granat), var(--toz-zloto));
}



.input {
    min-height: 34px; padding: 5px 9px; font: inherit; font-size: .9rem; color: var(--toz-text);
    
    background: #1b1e25; border: 1px solid var(--toz-pole-ramka); border-radius: 8px;
}
.input:focus, .input:focus-visible { outline: 3px solid var(--toz-fokus-poswiata); outline-offset: 0; border-color: var(--toz-fokus-ramka); }
@media (pointer: coarse) {
    .input { font-size: 16px; }
}

input.input[type="search"] { -webkit-appearance: none; appearance: none; }
input.input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="search"]:placeholder-shown::-webkit-search-cancel-button { display: none; }


@media (hover: hover) { .table tbody tr:not(.wiersz-edytowany):hover > td:first-child { box-shadow: inset 3px 0 0 var(--toz-granat); } }


p.pusto::before {
    content: ''; display: block; width: 34px; height: 34px; margin: 0 auto 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23b9c3de'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}


.postep-strony {
    position: fixed; left: 0; right: 0; top: 0; z-index: 90; height: 3px; pointer-events: none; opacity: 0;
    background-color: var(--toz-zloto);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(27, 30, 37, 0.9) 50%, rgba(255, 255, 255, 0));
    background-repeat: no-repeat; background-size: 30% 100%; background-position: -45% 0;
}
html.w-drodze .postep-strony { opacity: 1; }


.wylogowano-w-tle {
    position: fixed; left: 0; right: 0; top: 0; z-index: 45; margin: 0; border-radius: 0; padding-right: 56px;
    box-shadow: 0 6px 18px rgba(44, 67, 129, .14);
}
.wylogowano-w-tle .dymek-zamknij { top: 50%; right: 6px; transform: translateY(-50%); }
@media print { .wylogowano-w-tle { display: none; } }

@media print {
    h1.h4::before, p.pusto::before, .postep-strony { display: none; }
    
    body { background-image: none; }
    a { color: #e8e8e8; }
}


@media (prefers-reduced-motion: no-preference) {
    
    @view-transition { navigation: auto; }
    .topbar { view-transition-name: belka; }
    ::view-transition-old(root) { animation: toz-strona-zgas .12s ease-out both; }
    ::view-transition-new(root) { animation: toz-strona-wejdz .22s ease-out both; }
    ::view-transition-old(belka) { display: none; }
    ::view-transition-new(belka), ::view-transition-group(belka) { animation: none; }

    
    @supports not (view-transition-name: none) {
        .main { animation: toz-zjaw .18s ease-out backwards; }
    }

    
    .topbar::before { transform-origin: 0 50%; }
    @supports (animation-timeline: scroll()) {
        .topbar { animation: toz-belka-cien linear both; animation-timeline: scroll(root block); animation-range: 0 140px; }
    }

    
    .brand img { transition: transform .22s cubic-bezier(.2, .8, .2, 1); }
    .brand:hover img, .brand:focus-visible img { transform: rotate(-8deg) scale(1.07); }

    
    .main > .alert { animation: toz-komunikat .34s cubic-bezier(.2, .8, .2, 1) backwards; }

    
    .wybor-wielu[open] > .wybor-wielu-lista,
    .wzor-zarzadzanie[open] > .wzor-zarzadzanie-tresc { animation: toz-rozwin .15s ease-out; }
    .menu-przelacznik[aria-expanded="true"] + .nav { animation: toz-rozwin .2s ease-out; }

    
    .okno-pytania[open] { animation: toz-okno .2s cubic-bezier(.2, .8, .2, 1); }
    .podglad[open] { animation: toz-zjaw .18s ease-out; }
    .okno-pytania[open]::backdrop, .podglad[open]::backdrop { animation: toz-zjaw .2s ease-out; }

    
    .form-control-blad { animation: toz-drgnienie .36s ease-in-out .12s 1; }
    
    [data-pozycje-kasy] .form-control-blad { animation: none; }

    
    .przelacznik input.klikniete:checked { animation: toz-wskok .22s ease-out; }

    
    p.pusto::before { animation: toz-lapa .5s cubic-bezier(.2, .8, .2, 1) .08s backwards; }

    
    .postep-strony { transition: opacity .18s ease-out; }
    html.w-drodze .postep-strony { animation: toz-postep 1.05s linear infinite; }

    @keyframes toz-strona-zgas { to { opacity: 0; } }
    @keyframes toz-strona-wejdz { from { opacity: 0; transform: translateY(8px); } }
    @keyframes toz-zjaw { from { opacity: 0; } }
    @keyframes toz-kreska { from { transform: scaleX(0); } }
    @keyframes toz-belka-cien { to { box-shadow: 0 8px 22px rgba(44, 67, 129, .16); } }
    @keyframes toz-komunikat { from { opacity: 0; transform: translateY(-10px); } }
    @keyframes toz-rozwin { from { opacity: 0; transform: translateY(-6px); } }
    @keyframes toz-okno { from { opacity: 0; transform: translateY(12px) scale(.97); } }
    @keyframes toz-drgnienie { 20%, 60% { transform: translateX(-4px); } 40%, 80% { transform: translateX(4px); } }
    @keyframes toz-wskok { from { transform: scale(.55); } 60% { transform: scale(1.18); } }
    @keyframes toz-lapa { from { opacity: 0; transform: scale(.55) rotate(-18deg); } }
    @keyframes toz-postep { from { background-position: -45% 0; } to { background-position: 145% 0; } }
}




.zostalo {
    display: inline-block; padding: 1px 9px; border-radius: 999px; white-space: nowrap;
    font-size: .82rem; font-weight: 600; line-height: 1.55; font-variant-numeric: tabular-nums;
}
.zostalo-po      { background: var(--toz-tlo-blad); color: var(--toz-blad-tekst); box-shadow: inset 0 0 0 1px #54383c; }
.zostalo-blisko  { background: var(--toz-tlo-uwaga); color: var(--toz-uwaga-tekst); box-shadow: inset 0 0 0 1px #4b3d17; }
.zostalo-tydzien { background: var(--toz-granat-jasny); color: var(--toz-granat-ciemny-tekst); }
.zostalo-dalej   { color: var(--toz-muted); font-weight: 500; }


.table td.kol-stan .badge { white-space: nowrap; }

.wybor-stanu-formularz { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin: 0; }
select.form-control.wybor-stanu:not([multiple]):not([size]) {
    display: inline-block;
    width: auto;
    max-width: 100%;
    min-height: 32px;
    padding: 4px 30px 4px 10px;
    font-size: .875rem;
    background-position: right 10px center;
}
.wybor-stanu-otwarty { border-color: #2f483a; color: var(--toz-ok-tekst); font-weight: 600; }
.wybor-stanu-zamkniety { color: #b7bed5; }

@media (pointer: coarse) {
    select.form-control.wybor-stanu:not([multiple]):not([size]) { font-size: 16px; min-height: 44px; }
}


.kol-data, .kol-lp-lista, .kol-lp { font-variant-numeric: tabular-nums; }




.sekcja > legend::before {
    content: ''; display: inline-block; width: 3px; height: .95em; margin-right: 7px;
    border-radius: 2px; vertical-align: -.12em;
    background: linear-gradient(180deg, var(--toz-granat), var(--toz-zloto));
}

@media print {
    .sekcja > legend::before { display: none; }
    .zostalo { padding: 0; background: none; box-shadow: none; color: #e8e8e8; }
}






.tlo-zorza {
    position: fixed; inset: 0 0 auto; height: 100vh; height: 100lvh; z-index: -1; pointer-events: none;
    background: radial-gradient(42% 38% at 8% 6%, rgba(58, 87, 162, .28), rgba(58, 87, 162, 0) 70%),
        radial-gradient(36% 34% at 94% 2%, rgba(215, 181, 109, .38), rgba(215, 181, 109, 0) 70%),
        radial-gradient(48% 42% at 78% 100%, rgba(96, 134, 214, .21), rgba(96, 134, 214, 0) 70%),
        radial-gradient(34% 30% at 2% 92%, rgba(215, 181, 109, .19), rgba(215, 181, 109, 0) 70%);
}


.tlo-zorza::after {
    content: ''; position: absolute; inset: 0;
    background: var(--toz-granat); opacity: .055;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(18 22) rotate(-18 12 12) scale(.5)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(122 34) scale(.62)'%3E%3Cpath d='M12 21s-7.5-4.6-10-9.2C.3 8.6 2.1 4.5 6 4.5c2.3 0 3.8 1.3 6 3.6 2.2-2.3 3.7-3.6 6-3.6 3.9 0 5.7 4.1 4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/g%3E%3Cg transform='translate(70 118) rotate(10 12 12) scale(.66)'%3E%3Cpath d='M2 22C2 10 10 2 22 2c0 12-8 20-20 20zm2-2c4-6 9-11 15-15-6 4-11 9-15 15z' fill-rule='evenodd'/%3E%3C/g%3E%3Cg transform='translate(146 132) rotate(24 12 12) scale(.42)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Ccircle cx='92' cy='60' r='2'/%3E%3Ccircle cx='30' cy='160' r='2.4'/%3E%3Ccircle cx='180' cy='92' r='1.8'/%3E%3C/svg%3E") 0 0 / 200px 200px repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(18 22) rotate(-18 12 12) scale(.5)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(122 34) scale(.62)'%3E%3Cpath d='M12 21s-7.5-4.6-10-9.2C.3 8.6 2.1 4.5 6 4.5c2.3 0 3.8 1.3 6 3.6 2.2-2.3 3.7-3.6 6-3.6 3.9 0 5.7 4.1 4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/g%3E%3Cg transform='translate(70 118) rotate(10 12 12) scale(.66)'%3E%3Cpath d='M2 22C2 10 10 2 22 2c0 12-8 20-20 20zm2-2c4-6 9-11 15-15-6 4-11 9-15 15z' fill-rule='evenodd'/%3E%3C/g%3E%3Cg transform='translate(146 132) rotate(24 12 12) scale(.42)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Ccircle cx='92' cy='60' r='2'/%3E%3Ccircle cx='30' cy='160' r='2.4'/%3E%3Ccircle cx='180' cy='92' r='1.8'/%3E%3C/svg%3E") 0 0 / 200px 200px repeat;
}


.card:has(> .card-head > h1) {
    background-image: linear-gradient(90deg, var(--toz-granat), #6f86c9 45%, var(--toz-zloto)),
        linear-gradient(155deg, rgba(58, 87, 162, .09) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 70%, rgba(215, 181, 109, .13) 100%);
    background-size: 100% 4px, 100% 100%; background-repeat: no-repeat; background-position: 0 0, 0 0;
}


.card:not(:has(> .card-head > h1)) {
    background-image: linear-gradient(90deg, rgba(58, 87, 162, .6), rgba(111, 134, 201, .55) 45%, rgba(215, 181, 109, .75));
    background-size: 100% 3px; background-repeat: no-repeat; background-position: 0 0;
}




@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    @media screen {
        h1.h4 {
            background-image: linear-gradient(90deg, #1d2748, var(--toz-granat) 70%, #5470bd);
            -webkit-background-clip: text; background-clip: text; color: transparent;
        }
    }
}


.card.card-danger:has(> .card-head > h1), .card.card-danger:not(:has(> .card-head > h1)) {
    background-image: linear-gradient(90deg, var(--toz-blad), #d4707b 55%, rgba(212, 112, 123, .4));
    background-size: 100% 4px; background-repeat: no-repeat; background-position: 0 0;
}


.card:has(> .dodanie-faktury:only-child) {
    background-image: linear-gradient(90deg, rgba(58, 87, 162, .6), rgba(111, 134, 201, .55) 45%, rgba(215, 181, 109, .75)),
        linear-gradient(100deg, rgba(58, 87, 162, .10), rgba(255, 255, 255, 0) 45%, rgba(215, 181, 109, .16));
    background-size: 100% 3px, 100% 100%; background-repeat: no-repeat; background-position: 0 0, 0 0;
}



.card .h5 { color: var(--toz-granat-ciemny-tekst); }


@supports ((-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")) or (mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E"))) {
    p.pusto::before {
        background: linear-gradient(135deg, var(--toz-granat), #7d8fd0 50%, var(--toz-zloto));
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
        opacity: .5;
    }
}


.card-head > h2::before, .koszty-ai-naglowek h2::before {
    content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 9px; border-radius: 3px;
    vertical-align: .12em; background: linear-gradient(135deg, var(--toz-granat), var(--toz-zloto));
}


.table tbody tr:has(> td.kol-zaznacz input:checked) > td { background-image: linear-gradient(rgba(58, 87, 162, .09), rgba(58, 87, 162, .09)); }
.table tbody tr:has(> td.kol-zaznacz input:checked) > td.kol-zaznacz { box-shadow: inset 3px 0 0 var(--toz-granat); }


.footer::after {
    content: ''; display: block; width: 240px; height: 40px; margin: 10px 0 0 auto; opacity: .3;
    background: linear-gradient(90deg, var(--toz-granat), var(--toz-zloto));
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40'%3E%3Cg transform='translate(0 18) rotate(80 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(40 4) rotate(95 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(82 18) rotate(80 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(124 4) rotate(95 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(166 18) rotate(80 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(208 4) rotate(95 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40'%3E%3Cg transform='translate(0 18) rotate(80 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(40 4) rotate(95 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(82 18) rotate(80 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(124 4) rotate(95 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(166 18) rotate(80 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3Cg transform='translate(208 4) rotate(95 24 24) scale(.36)'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}


.footer::before {
    content: ''; display: block; height: 1px; margin-bottom: 14px;
    background: linear-gradient(90deg, rgba(58, 87, 162, .45), rgba(215, 181, 109, .6) 35%, rgba(215, 181, 109, 0));
}



@media screen {
    .table thead th {
        background-image: linear-gradient(180deg, #1f232b, #21283d);
        box-shadow: inset 0 -2px 0 var(--toz-zloto), 0 2px 3px rgba(0, 0, 0, 0.125);
    }
}


.stan::before {
    content: ''; display: inline-block; width: .5em; height: .5em; margin-right: .38em;
    border-radius: 50%; background: currentColor; vertical-align: .08em; opacity: .8;
}
.stan-alarm::before { opacity: 1; }


@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    @media screen {
        .kafelek-liczba {
            background-image: linear-gradient(90deg, var(--toz-granat-ciemny), #5a76c6);
            -webkit-background-clip: text; background-clip: text; color: transparent;
        }
        .kafelek-alarm .kafelek-liczba { background-image: linear-gradient(90deg, #8f1f2b, #cf4a58); }
    }
}

@media print {
    .tlo-zorza, .stan::before, .footer::before, .footer::after { display: none; }
    .card, .card:has(> .card-head > h1), .card:not(:has(> .card-head > h1)), .card:has(> .dodanie-faktury:only-child),
    .card.card-danger:has(> .card-head > h1), .card.card-danger:not(:has(> .card-head > h1)), .card-head { background-image: none; }
    .card-head { border-bottom-color: var(--toz-border); }
    .btn:not(.btn-primary):not(.btn-danger):not(.btn-link):not(.btn-strona-aktywna), .breadcrumb a { background-image: none; }
}


@media (prefers-reduced-motion: no-preference) {
    
    .tlo-zorza { will-change: transform; animation: toz-zorza 38s ease-in-out infinite alternate; }

    
    .main > .card:nth-child(1) { animation: toz-zjaw .24s ease-out backwards; }
    .main > .card:nth-child(2) { animation: toz-zjaw .24s ease-out .04s backwards; }
    .main > .card:nth-child(3) { animation: toz-zjaw .24s ease-out .08s backwards; }
    .main > .card:nth-child(n+4) { animation: toz-zjaw .24s ease-out .12s backwards; }

    
    .table-wrap-ewidencja .table tbody tr:nth-child(1) { animation: toz-zjaw .2s ease-out 0.03s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(2) { animation: toz-zjaw .2s ease-out 0.04s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(3) { animation: toz-zjaw .2s ease-out 0.05s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(4) { animation: toz-zjaw .2s ease-out 0.06s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(5) { animation: toz-zjaw .2s ease-out 0.07s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(6) { animation: toz-zjaw .2s ease-out 0.08s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(7) { animation: toz-zjaw .2s ease-out 0.09s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(8) { animation: toz-zjaw .2s ease-out 0.10s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(9) { animation: toz-zjaw .2s ease-out 0.11s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(10) { animation: toz-zjaw .2s ease-out 0.12s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(11) { animation: toz-zjaw .2s ease-out 0.13s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(12) { animation: toz-zjaw .2s ease-out 0.14s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(13) { animation: toz-zjaw .2s ease-out 0.15s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(14) { animation: toz-zjaw .2s ease-out 0.16s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(15) { animation: toz-zjaw .2s ease-out 0.17s backwards; }
    .table-wrap-ewidencja .table tbody tr:nth-child(n+16):nth-child(-n+40) { animation: toz-zjaw .2s ease-out .18s backwards; }

    
    h1.h4::before { transform-origin: 50% 100%; animation: toz-rosnij .4s cubic-bezier(.2, .8, .2, 1) .08s backwards; }
    .sekcja > legend::before { transform-origin: 50% 100%; animation: toz-rosnij .35s cubic-bezier(.2, .8, .2, 1) .15s backwards; }
    .card-head { animation: toz-linia .5s cubic-bezier(.2, .8, .2, 1) .1s backwards; }

    
    .btn-primary:not(:disabled):hover { animation: toz-blysk .8s ease-out; }
    .btn.klik-fala { animation: toz-fala .5s ease-out; }
    .btn-primary:not(:disabled):hover.klik-fala { animation: toz-blysk .8s ease-out, toz-fala .5s ease-out; }

    
    .topbar::before {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(27, 30, 37, 0.95), rgba(255, 255, 255, 0)),
            linear-gradient(90deg, var(--toz-granat), var(--toz-zloto));
        background-size: 22% 100%, 100% 100%; background-repeat: no-repeat; background-position: -40% 0, 0 0;
        animation: toz-kreska .55s cubic-bezier(.2, .8, .2, 1) backwards, toz-polysk 9s ease-in-out 1.6s infinite;
    }
    
    html.kreska-byla .topbar::before { animation: toz-polysk 9s ease-in-out 1.6s infinite; }

    
    .zostalo-po { animation: toz-puls-terminu 1.5s ease-out .5s 3; }
    .stan-alarm { animation: toz-puls-alarmu 1.5s ease-out .5s 3; }

    @keyframes toz-zorza {
        from { transform: translate3d(0, 0, 0) scale(1.08); }
        50%  { transform: translate3d(-2.5%, 1.5%, 0) scale(1.14) rotate(.6deg); }
        to   { transform: translate3d(2%, -1%, 0) scale(1.1) rotate(-.4deg); }
    }
    @keyframes toz-rosnij { from { transform: scaleY(0); } }
    @keyframes toz-polysk { 0% { background-position: -40% 0, 0 0; } 16%, 100% { background-position: 140% 0, 0 0; } }
    @keyframes toz-linia { from { background-size: 0% 1px; } }
    @keyframes toz-blysk { from { background-position: 150% 0, 0 0, 0 0; } to { background-position: -50% 0, 0 0, 0 0; } }
    @keyframes toz-fala { from { box-shadow: 0 0 0 0 var(--fala); } to { box-shadow: 0 0 0 10px transparent; } }
    @keyframes toz-puls-terminu {
        0%        { box-shadow: inset 0 0 0 1px #54383c, 0 0 0 0 rgba(165, 40, 52, .45); }
        70%, 100% { box-shadow: inset 0 0 0 1px #54383c, 0 0 0 7px rgba(165, 40, 52, 0); }
    }
    @keyframes toz-puls-alarmu {
        0%        { box-shadow: 0 0 0 0 rgba(165, 40, 52, .5); }
        70%, 100% { box-shadow: 0 0 0 7px rgba(165, 40, 52, 0); }
    }
}


.swieto { position: fixed; inset: 0 0 auto; height: 100vh; height: 100lvh; z-index: 80; pointer-events: none; overflow: hidden; }
.swieto-drobina {
    position: absolute; left: var(--x); bottom: -48px; width: var(--rozmiar); height: var(--rozmiar);
    background-position: center; background-size: contain; background-repeat: no-repeat; opacity: 0;
}
.swieto-lapa       { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%233a57a2'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E"); }
.swieto-lapa-jasna { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%237d8fd0'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E"); }
.swieto-lapa-zloto { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23d7b56d'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E"); }
.swieto-serce      { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d7b56d'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E"); }
.swieto-iskra      { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e3c47e'%3E%3Cpath d='M12 1.5l2.4 7.1 7.1 2.4-7.1 2.4L12 20.5l-2.4-7.1-7.1-2.4 7.1-2.4z'/%3E%3C/svg%3E"); }
.swieto-napis {
    position: absolute; left: 50%; top: 38%; transform: translate(-50%, -50%);
    padding: 14px 30px; border-radius: 999px; white-space: normal; width: max-content; max-width: calc(100vw - 32px);
    box-sizing: border-box; text-align: center;
    font-size: clamp(1.4rem, 4vw, 2.2rem); font-weight: 800; letter-spacing: .01em;
    color: var(--toz-granat-ciemny-tekst); background: #1b1e25; border: 2px solid var(--toz-zloto);
    box-shadow: 0 18px 50px rgba(44, 67, 129, .25), 0 0 0 6px rgba(215, 181, 109, .18);
    opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
    .swieto-drobina { animation: toz-swieto-lot var(--czas) cubic-bezier(.2, .7, .3, 1) var(--opoznienie) forwards; }
    
    .swieto-napis { animation: toz-swieto-napis 2.6s cubic-bezier(.2, .8, .2, 1) .15s forwards, toz-swieto-polysk .8s ease-in-out .85s;
        background-image: linear-gradient(105deg, rgba(215, 181, 109, 0) 40%, rgba(215, 181, 109, .38) 50%, rgba(215, 181, 109, 0) 60%);
        background-repeat: no-repeat; background-size: 250% 100%; background-position: 100% 0;
    }
    @keyframes toz-swieto-polysk { from { background-position: 100% 0; } to { background-position: 0 0; } }
    @keyframes toz-swieto-lot {
        0%   { opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg) scale(.6); }
        12%  { opacity: 1; }
        75%  { opacity: 1; }
        100% { opacity: 0; transform: translate3d(var(--dryf), -110vh, 0) rotate(var(--obrot)) scale(1.05); }
    }
    @keyframes toz-swieto-napis {
        0%   { opacity: 0; transform: translate(-50%, -50%) scale(.6); }
        14%  { opacity: 1; transform: translate(-50%, -50%) scale(1.06); }
        22%  { transform: translate(-50%, -50%) scale(1); }
        78%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
        100% { opacity: 0; transform: translate(-50%, -60%) scale(.96); }
    }
}
@media print { .swieto { display: none; } }


.kalendarz-nawigacja { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; }
.kalendarz-miesiac { min-width: 12ch; text-align: center; font-size: 1.15rem; color: var(--toz-granat-ciemny-tekst); }
.kalendarz-miesiac::first-letter { text-transform: uppercase; }
.kalendarz-swieta { margin-left: auto; font-size: .9rem; font-weight: 600; }
.kalendarz-dzis-wiersz { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.kalendarz-dzis-wiersz p { margin: 0; }
.kalendarz-dzis-panstwowe {
    display: inline-block; padding: 6px 14px 6px 36px; border-radius: 999px;
    border: 1px solid #3b3f4c; color: var(--toz-granat-ciemny-tekst);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect x='.5' y='.5' width='23' height='15' rx='2' fill='%23fff' stroke='%23b9c2d9'/%3E%3Cpath d='M.5 8h23v5.5a2 2 0 0 1-2 2h-19a2 2 0 0 1-2-2z' fill='%23d4213d'/%3E%3C/svg%3E") 12px 50% / 18px 12px no-repeat, #1d2128;
}
.kalendarz-dzis-urodziny {
    display: inline-block; padding: 6px 14px 6px 34px; border-radius: 999px;
    border: 1px solid #3a4154; color: var(--toz-granat-ciemny-tekst);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .5c1.7 1.8 2.1 3.1 1.3 4-.7.8-1.9.8-2.6 0-.8-.9-.4-2.2 1.3-4z' fill='%23ff8f00'/%3E%3Cpath d='M12 2.4c.7.8.9 1.4.5 1.8-.3.3-.7.3-1 0-.4-.4-.2-1 .5-1.8z' fill='%23ffe082'/%3E%3Crect x='11.1' y='5' width='1.8' height='3.6' rx='.5' fill='%2342a5f5'/%3E%3Cpath d='M11.1 6.2l1.8-.9M11.1 7.8l1.8-.9' stroke='%23fff' stroke-width='.6'/%3E%3Crect x='5.5' y='8.4' width='13' height='5.2' rx='1.6' fill='%23f8bbd0'/%3E%3Cpath d='M5.5 10.3c1.1 1 2.1 1 3.2 0s2.1-1 3.3 0 2.1 1 3.3 0 2.1-1 3.2 0' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linecap='round'/%3E%3Crect x='3' y='13.3' width='18' height='7' rx='2' fill='%23ec407a'/%3E%3Cpath d='M3 15.5c1.5 1.3 3 1.3 4.5 0s3-1.3 4.5 0 3 1.3 4.5 0 3-1.3 4.5 0' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='7' cy='18.4' r='.9' fill='%23ffeb3b'/%3E%3Ccircle cx='12' cy='18.6' r='.9' fill='%2381d4fa'/%3E%3Ccircle cx='17' cy='18.4' r='.9' fill='%23aed581'/%3E%3Cellipse cx='12' cy='21.4' rx='10.5' ry='1.4' fill='%23cfd8dc'/%3E%3C/svg%3E") 12px 50% / 16px 16px no-repeat, linear-gradient(90deg, #1f2229, #241f16);
}
.kalendarz-dzis-swieto {
    display: inline-block; margin: 0 0 12px; padding: 6px 14px 6px 34px; border-radius: 999px;
    border: 1px solid #4b3e1e; color: #d1b479;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23c9a04a'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") 12px 50% / 16px 16px no-repeat, linear-gradient(90deg, #29210c, #241f16);
}
.kalendarz-tydzien, .kalendarz-dni { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.kalendarz-tydzien span {
    padding: 4px 0; text-align: center; font-size: .72rem; font-weight: 700; letter-spacing: .06em;
    text-transform: uppercase; color: var(--toz-muted);
}
.kalendarz-dni { margin: 0; padding: 0; list-style: none; }
.kalendarz-dzien {
    display: flex; flex-direction: column; gap: 3px; min-width: 0; min-height: 96px; padding: 6px;
    border: 1px solid var(--toz-border); border-radius: 8px; background: #1b1e25;
}
.kalendarz-weekend { background: #1d2027; }
.kalendarz-poza { background: #1d2027; }

.kalendarz-poza .kalendarz-numer { color: var(--toz-muted); }
.kalendarz-dzis { border-color: var(--toz-zloto); box-shadow: inset 0 0 0 1px var(--toz-zloto), 0 0 0 3px rgba(215, 181, 109, .2); }
.kalendarz-numer { font-size: .85rem; font-weight: 700; color: var(--toz-granat-ciemny-tekst); font-variant-numeric: tabular-nums; }
.kalendarz-dzis .kalendarz-numer {
    display: inline-flex; align-items: center; justify-content: center; width: 1.9em; height: 1.9em;
    border-radius: 999px; background: linear-gradient(135deg, #4a68ba, var(--toz-granat-ciemny)); color: #fff;
}

.kalendarz-opis { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.zdarzenie {
    display: block; min-width: 0; padding: 2px 6px; border-radius: 6px; border-left: 3px solid transparent;
    font-size: .74rem; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none;
}
a.zdarzenie:hover { text-decoration: underline; }
.zdarzenie-swieto { background: linear-gradient(90deg, #29210c, #241f16); border-left-color: var(--toz-zloto); color: #d1b479; }
.zdarzenie-swieto::before {
    content: ''; display: inline-block; width: .95em; height: .95em; margin-right: 4px; vertical-align: -.12em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23c9a04a'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.zdarzenie-panstwowe { background: #1d2128; border-left-color: var(--toz-granat-ciemny); color: var(--toz-granat-ciemny-tekst); font-weight: 600; }
.zdarzenie-panstwowe::before {
    content: ''; display: inline-block; width: 1.1em; height: .75em; margin-right: 4px; vertical-align: -.02em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect x='.5' y='.5' width='23' height='15' rx='2' fill='%23fff' stroke='%23b9c2d9'/%3E%3Cpath d='M.5 8h23v5.5a2 2 0 0 1-2 2h-19a2 2 0 0 1-2-2z' fill='%23d4213d'/%3E%3C/svg%3E") center / contain no-repeat;
}
.kalendarz-wolne { background: #1d2128; }
.kalendarz-wolne .kalendarz-numer { color: var(--toz-granat-tekst); text-decoration: underline 2px var(--toz-zloto); text-underline-offset: 3px; }

.kalendarz-dzis.kalendarz-wolne .kalendarz-numer { color: #fff; text-decoration: none; }

.zdarzenie-urodziny {
    background: linear-gradient(90deg, #2b2006, #1f2229); border-left-color: var(--toz-zloto);
    color: var(--toz-granat-ciemny-tekst); font-weight: 600;
    
    white-space: normal; overflow-wrap: anywhere;
}
.zdarzenie-urodziny::before {
    content: ''; display: inline-block; width: 1.25em; height: 1.25em; margin: -.15em 4px 0 0; vertical-align: -.3em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .5c1.7 1.8 2.1 3.1 1.3 4-.7.8-1.9.8-2.6 0-.8-.9-.4-2.2 1.3-4z' fill='%23ff8f00'/%3E%3Cpath d='M12 2.4c.7.8.9 1.4.5 1.8-.3.3-.7.3-1 0-.4-.4-.2-1 .5-1.8z' fill='%23ffe082'/%3E%3Crect x='11.1' y='5' width='1.8' height='3.6' rx='.5' fill='%2342a5f5'/%3E%3Cpath d='M11.1 6.2l1.8-.9M11.1 7.8l1.8-.9' stroke='%23fff' stroke-width='.6'/%3E%3Crect x='5.5' y='8.4' width='13' height='5.2' rx='1.6' fill='%23f8bbd0'/%3E%3Cpath d='M5.5 10.3c1.1 1 2.1 1 3.2 0s2.1-1 3.3 0 2.1 1 3.3 0 2.1-1 3.2 0' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linecap='round'/%3E%3Crect x='3' y='13.3' width='18' height='7' rx='2' fill='%23ec407a'/%3E%3Cpath d='M3 15.5c1.5 1.3 3 1.3 4.5 0s3-1.3 4.5 0 3 1.3 4.5 0 3-1.3 4.5 0' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='7' cy='18.4' r='.9' fill='%23ffeb3b'/%3E%3Ccircle cx='12' cy='18.6' r='.9' fill='%2381d4fa'/%3E%3Ccircle cx='17' cy='18.4' r='.9' fill='%23aed581'/%3E%3Cellipse cx='12' cy='21.4' rx='10.5' ry='1.4' fill='%23cfd8dc'/%3E%3C/svg%3E") center / contain no-repeat;
}
.zdarzenie-raport { background: var(--toz-granat-jasny); border-left-color: var(--toz-granat); color: var(--toz-granat-ciemny-tekst); }
.zdarzenie-umowa  { background: #1b1e25; border-left-color: var(--toz-zloto); color: var(--toz-granat-ciemny-tekst); }
.zdarzenie-wpis   { background: #20242a; border-left-color: #485060; color: #c1c6d9; }
.zdarzenie-stale  { background: #1b1e25; border: 1px dashed #3d4660; border-left: 3px solid #3d4660; color: var(--toz-granat-ciemny-tekst); }
.zdarzenie-po     { background: var(--toz-tlo-blad); border-left-color: var(--toz-blad); color: var(--toz-blad-tekst); font-weight: 600; }
.kalendarz-legenda { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 14px 0 0; }
.kalendarz-legenda .zdarzenie { display: inline-block; }
.kalendarz-nic { margin: 10px 0 0; }

@media (max-width: 640px) {
    .kalendarz-tydzien { display: none; }
    .kalendarz-dni { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .kalendarz-pusty, .kalendarz-poza { display: none; }
    .kalendarz-dzien { min-height: 0; }
    .kalendarz-dzien .kalendarz-numer { display: none; }
    .kalendarz-opis { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;
        font-size: .85rem; font-weight: 700; color: var(--toz-granat-ciemny-tekst); }
    .zdarzenie { white-space: normal; padding: 6px 8px; font-size: .85rem; }
    
    .zdarzenie .zdarzenie-rodzaj { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;
        clip-path: none; white-space: normal; font-weight: 600; }
    .kalendarz-dzien { gap: 6px; }
    .kalendarz-swieta { margin-left: 0; }
}
@media print {
    .kalendarz-nawigacja .btn { display: none; }
}




@property --swieto-kat { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.swieto-promienie {
    --zasieg: 56px;
    position: absolute; left: 50%; top: 38%; opacity: 0; pointer-events: none; border-radius: 50%;
    width: calc(var(--szer, 320px) + 2 * var(--zasieg)); height: calc(var(--wys, 64px) + 2 * var(--zasieg));
    transform: translate(-50%, -50%);
    background: radial-gradient(closest-side, rgba(215, 181, 109, .45), rgba(215, 181, 109, .16) 62%, rgba(215, 181, 109, 0)),
        repeating-conic-gradient(from var(--swieto-kat), rgba(215, 181, 109, .32) 0deg 2.5deg, rgba(215, 181, 109, 0) 2.5deg 30deg,
            rgba(125, 143, 208, .3) 30deg 32.5deg, rgba(125, 143, 208, 0) 32.5deg 60deg);
    -webkit-mask: radial-gradient(closest-side, #000 50%, rgba(0, 0, 0, 0));
    mask: radial-gradient(closest-side, #000 50%, rgba(0, 0, 0, 0));
}
@media (max-width: 640px) { .swieto-promienie { --zasieg: 28px; } }


.pieczec {
    position: fixed; top: 62px; right: 16px; z-index: 15; pointer-events: none; opacity: 0;
    display: flex; align-items: center; gap: 8px;
}
.pieczec-podpis {
    padding: 4px 12px; border-radius: 999px; background: #1b1e25; color: var(--toz-granat-ciemny-tekst);
    font-size: .92rem; font-weight: 700; white-space: nowrap; box-shadow: 0 6px 18px rgba(44, 67, 129, .14);
}
.pieczec-znak { position: relative; display: block; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 6px 18px rgba(44, 67, 129, .18); }
.pieczec-krazek { display: block; width: 100%; height: 100%; overflow: visible; transform: rotate(-6deg); }
.pieczec-pierscien { fill: var(--toz-plyta); stroke: var(--toz-zloto); stroke-width: 2.6; }
.pieczec-pierscien-wewn { fill: none; stroke: var(--toz-zloto); stroke-width: 1.2; }
.pieczec-kropka { fill: var(--toz-zloto); }
.pieczec-lapka { fill: var(--toz-granat-tekst); }
.pieczec-napis { fill: var(--toz-granat-ciemny-tekst); font-size: 7.4px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }

.pieczec-napis-dlugi { font-size: 5.6px; letter-spacing: .2px; }
.pieczec-napis-najdluzszy { font-size: 4.4px; letter-spacing: 0; }
@media (max-width: 760px) {
    .pieczec { top: 58px; right: 12px; }
    .pieczec-znak { width: 50px; height: 50px; }
    .pieczec-podpis { padding: 3px 10px; font-size: .85rem; }
}
@media print { .pieczec { display: none; } }


p.pusto-spi { position: relative; }
p.pusto-spi::before {
    width: 58px; height: 35px; transform-origin: 50% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 40'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='66' height='40' fill='%23fff'/%3E%3Cpath d='M59.5 24.5c3.5 8-1.5 12.2-11 12.2H17c-7.5 0-12.5-2-13.4-5.6-.6-2.6.8-4.9 3.6-5.6' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M15.5 17.5c4.5-1.6 9.6.4 10 5.4.3 3.6-1.4 7.4-4 8.1-2.4-3.2-4.4-7.4-6-13.5z' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M9.8 24q2.2 1.8 4.4 0' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)' fill='%23b9c3de'%3E%3Cpath d='M20 37c-5 0-6.5-6.5-3.5-13C21 15 30 12 40 12c12 0 20 6 20 14 0 6.5-5 11-13 11z'/%3E%3Ccircle cx='16.5' cy='25' r='8.5'/%3E%3Cellipse cx='8.5' cy='29' rx='7' ry='4.4' transform='rotate(-6 8.5 29)'/%3E%3Cpath d='M15.5 17.5c4.5-1.6 9.6.4 10 5.4.3 3.6-1.4 7.4-4 8.1-2.4-3.2-4.4-7.4-6-13.5z'/%3E%3C/g%3E%3Cpath d='M59.5 24.5c3.5 8-1.5 12.2-11 12.2H17c-7.5 0-12.5-2-13.4-5.6-.6-2.6.8-4.9 3.6-5.6' fill='none' stroke='%23b9c3de' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
@supports ((-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")) or (mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E"))) {
    p.pusto-spi::before {
        background-image: linear-gradient(135deg, var(--toz-granat), #7d8fd0 50%, var(--toz-zloto));
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 40'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='66' height='40' fill='%23fff'/%3E%3Cpath d='M59.5 24.5c3.5 8-1.5 12.2-11 12.2H17c-7.5 0-12.5-2-13.4-5.6-.6-2.6.8-4.9 3.6-5.6' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M15.5 17.5c4.5-1.6 9.6.4 10 5.4.3 3.6-1.4 7.4-4 8.1-2.4-3.2-4.4-7.4-6-13.5z' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M9.8 24q2.2 1.8 4.4 0' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Cpath d='M20 37c-5 0-6.5-6.5-3.5-13C21 15 30 12 40 12c12 0 20 6 20 14 0 6.5-5 11-13 11z'/%3E%3Ccircle cx='16.5' cy='25' r='8.5'/%3E%3Cellipse cx='8.5' cy='29' rx='7' ry='4.4' transform='rotate(-6 8.5 29)'/%3E%3Cpath d='M15.5 17.5c4.5-1.6 9.6.4 10 5.4.3 3.6-1.4 7.4-4 8.1-2.4-3.2-4.4-7.4-6-13.5z'/%3E%3C/g%3E%3Cpath d='M59.5 24.5c3.5 8-1.5 12.2-11 12.2H17c-7.5 0-12.5-2-13.4-5.6-.6-2.6.8-4.9 3.6-5.6' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 40'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='66' height='40' fill='%23fff'/%3E%3Cpath d='M59.5 24.5c3.5 8-1.5 12.2-11 12.2H17c-7.5 0-12.5-2-13.4-5.6-.6-2.6.8-4.9 3.6-5.6' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M15.5 17.5c4.5-1.6 9.6.4 10 5.4.3 3.6-1.4 7.4-4 8.1-2.4-3.2-4.4-7.4-6-13.5z' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M9.8 24q2.2 1.8 4.4 0' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Cpath d='M20 37c-5 0-6.5-6.5-3.5-13C21 15 30 12 40 12c12 0 20 6 20 14 0 6.5-5 11-13 11z'/%3E%3Ccircle cx='16.5' cy='25' r='8.5'/%3E%3Cellipse cx='8.5' cy='29' rx='7' ry='4.4' transform='rotate(-6 8.5 29)'/%3E%3Cpath d='M15.5 17.5c4.5-1.6 9.6.4 10 5.4.3 3.6-1.4 7.4-4 8.1-2.4-3.2-4.4-7.4-6-13.5z'/%3E%3C/g%3E%3Cpath d='M59.5 24.5c3.5 8-1.5 12.2-11 12.2H17c-7.5 0-12.5-2-13.4-5.6-.6-2.6.8-4.9 3.6-5.6' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");
    }
}
@media (max-width: 640px) { p.pusto-spi::after { display: none; } }
@media print { p.pusto-spi::after { display: none; } }

@media (prefers-reduced-motion: no-preference) {
    .swieto-promienie {
        animation: toz-swieto-promienie 2.6s cubic-bezier(.2, .8, .2, 1) .15s forwards, toz-swieto-obrot 2.6s linear .15s forwards;
    }
    @keyframes toz-swieto-promienie {
        0%   { opacity: 0; transform: translate(-50%, -50%) scale(.5); }
        16%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
        78%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
        100% { opacity: 0; transform: translate(-50%, -50%) scale(1.03); }
    }
    @keyframes toz-swieto-obrot { to { --swieto-kat: 36deg; } }

    .pieczec { animation: toz-pieczec 3.4s ease-in-out .25s forwards; }
    .pieczec-krazek { animation: toz-pieczec-stuk .55s cubic-bezier(.3, .7, .4, 1) .25s backwards; }
    .pieczec-znak::after {
        content: ''; position: absolute; inset: 0; border: 3px dotted var(--toz-zloto); border-radius: 50%; opacity: 0;
        animation: toz-pieczec-pyl .75s ease-out .55s;
    }
    @keyframes toz-pieczec {
        0%   { opacity: 0; }
        4%   { opacity: 1; }
        84%  { opacity: 1; }
        100% { opacity: 0; }
    }
    @keyframes toz-pieczec-stuk {
        0%   { transform: translateY(-14px) scale(1.7) rotate(-26deg); }
        58%  { transform: scale(.92) rotate(-4deg); }
        76%  { transform: scale(1.05) rotate(-7deg); }
        100% { transform: rotate(-6deg); }
    }
    @keyframes toz-pieczec-pyl {
        0%   { opacity: .95; transform: scale(.92); }
        100% { opacity: 0; transform: scale(1.45); }
    }

    p.pusto-spi::before { animation: toz-lapa .5s cubic-bezier(.2, .8, .2, 1) .08s backwards, toz-spi-oddech 1.1s ease-in-out .7s 2; }
    p.pusto-spi::after {
        content: ''; position: absolute; left: calc(50% - 13px); top: 16px; width: 24px; height: 24px; opacity: 0;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='none' stroke='%23d7b56d' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 22h5l-5 5h5' stroke-width='1.8'/%3E%3Cpath d='M10 13h7l-7 7h7' stroke-width='2.1'/%3E%3Cpath d='M20 1.5h8.5l-8.5 8.5h8.5' stroke-width='2.4'/%3E%3C/svg%3E") center / contain no-repeat;
        animation: toz-spi-z 2.5s ease-out .8s;
    }
    
    body:has(.swieto) p.pusto-spi::before { animation-play-state: running, paused; }
    body:has(.swieto) p.pusto-spi::after { animation-play-state: paused; }
    @keyframes toz-spi-oddech { 50% { transform: scale(1.03, 1.09); } }
    @keyframes toz-spi-z {
        0%   { opacity: 0; clip-path: inset(70% 70% 0 0); transform: translate(0, 4px) scale(.8); }
        12%  { opacity: 1; }
        30%  { clip-path: inset(70% 70% 0 0); }
        40%  { clip-path: inset(38% 38% 0 0); }
        58%  { clip-path: inset(38% 38% 0 0); }
        68%  { clip-path: inset(0 0 0 0); }
        82%  { opacity: 1; }
        100% { opacity: 0; clip-path: inset(0 0 0 0); transform: translate(6px, -10px) scale(1.1); }
    }
}


.na-gore {
    position: fixed; right: max(16px, var(--toz-margines)); bottom: 20px; z-index: 35;
    width: 46px; height: 46px; border: 0; border-radius: 999px; cursor: pointer;
    background: linear-gradient(135deg, #4a68ba, var(--toz-granat-ciemny));
    box-shadow: 0 6px 18px rgba(44, 67, 129, .3), 0 0 0 3px rgba(215, 181, 109, .35);
}
.na-gore::before {
    content: ''; position: absolute; left: 50%; top: 54%; width: 12px; height: 12px;
    border-top: 3px solid #32353d; border-left: 3px solid #32353d; transform: translate(-50%, -50%) rotate(45deg);
}
.na-gore:hover { box-shadow: 0 8px 22px rgba(44, 67, 129, .38), 0 0 0 3px rgba(215, 181, 109, .6); }

body:has(details.wybor-kolumn[open]) .na-gore { display: none; }

.na-gore:focus-visible { outline: 3px solid var(--toz-fokus); outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) {
    .na-gore:not([hidden]) { animation: toz-zjaw .2s ease-out; }
}
@media print { .na-gore { display: none; } }


.swieto-snieg          { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7M12 5.5L9.6 3.1M12 5.5l2.4-2.4M12 18.5l-2.4 2.4M12 18.5l2.4 2.4M5.6 8.3l-3.2.9M5.6 8.3L4.7 5.1M18.4 15.7l3.2-.9M18.4 15.7l.9 3.2M5.6 15.7l-3.2-.9M5.6 15.7l-.9 3.2M18.4 8.3l3.2.9M18.4 8.3l.9-3.2' fill='none' stroke='%239fb0dc' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-snieg-jasny    { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7M12 5.5L9.6 3.1M12 5.5l2.4-2.4M12 18.5l-2.4 2.4M12 18.5l2.4 2.4M5.6 8.3l-3.2.9M5.6 8.3L4.7 5.1M18.4 15.7l3.2-.9M18.4 15.7l.9 3.2M5.6 15.7l-3.2-.9M5.6 15.7l-.9 3.2M18.4 8.3l3.2.9M18.4 8.3l.9-3.2' fill='none' stroke='%23c3cdea' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-gwiazda        { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3l-6.2 3.6 1.6-7L2 9.2l7.1-.6z' fill='%23d7b56d'/%3E%3C/svg%3E"); }
.swieto-iskra-granat   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l2.4 7.1 7.1 2.4-7.1 2.4L12 20.5l-2.4-7.1-7.1-2.4 7.1-2.4z' fill='%237d8fd0'/%3E%3C/svg%3E"); }
.swieto-pisanka        { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30'%3E%3Cellipse cx='12' cy='16' rx='9.5' ry='12.5' fill='%23d7b56d'/%3E%3Cpath d='M3.6 13.5l2.9-2.4 2.9 2.4 2.9-2.4 2.9 2.4 2.9-2.4 2.9 2.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M3.2 19.5h17.6' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E"); }
.swieto-pisanka-granat { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30'%3E%3Cellipse cx='12' cy='16' rx='9.5' ry='12.5' fill='%237d8fd0'/%3E%3Cpath d='M3.6 13.5l2.9-2.4 2.9 2.4 2.9-2.4 2.9 2.4 2.9-2.4 2.9 2.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M3.2 19.5h17.6' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E"); }
.swieto-kwiat          { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23e3c47e'%3E%3Ccircle cx='12' cy='6' r='4'/%3E%3Ccircle cx='17.7' cy='10.2' r='4'/%3E%3Ccircle cx='15.5' cy='17' r='4'/%3E%3Ccircle cx='8.5' cy='17' r='4'/%3E%3Ccircle cx='6.3' cy='10.2' r='4'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='3.2' fill='%233a57a2'/%3E%3C/svg%3E"); }
.swieto-serce-granat   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z' fill='%237d8fd0'/%3E%3C/svg%3E"); }

.swieto-kocia-lapa       { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%233a57a2'%3E%3Ccircle cx='11.5' cy='20.5' r='4.6'/%3E%3Ccircle cx='19.6' cy='12' r='4.9'/%3E%3Ccircle cx='28.4' cy='12' r='4.9'/%3E%3Ccircle cx='36.5' cy='20.5' r='4.6'/%3E%3Cpath d='M24 23c-6.2 0-11.2 5.4-11.2 10.4 0 3.5 2.7 5.4 5.7 5.4 2.2 0 3.6-1.2 5.5-1.2s3.3 1.2 5.5 1.2c3 0 5.7-1.9 5.7-5.4C35.2 28.4 30.2 23 24 23z'/%3E%3C/svg%3E"); }
.swieto-kocia-lapa-zloto { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23d7b56d'%3E%3Ccircle cx='11.5' cy='20.5' r='4.6'/%3E%3Ccircle cx='19.6' cy='12' r='4.9'/%3E%3Ccircle cx='28.4' cy='12' r='4.9'/%3E%3Ccircle cx='36.5' cy='20.5' r='4.6'/%3E%3Cpath d='M24 23c-6.2 0-11.2 5.4-11.2 10.4 0 3.5 2.7 5.4 5.7 5.4 2.2 0 3.6-1.2 5.5-1.2s3.3 1.2 5.5 1.2c3 0 5.7-1.9 5.7-5.4C35.2 28.4 30.2 23 24 23z'/%3E%3C/svg%3E"); }
.swieto-kot              { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237d8fd0' d='M7.2 2.8l2.1 3.1a5.1 5.1 0 0 1 5.4 0l2.1-3.1.7 5a5 5 0 0 1-.6 4.3c1.9 1.5 3 3.9 3 6.4 0 1.9-1.1 3.2-3 3.2H8.4c-.9 0-1.4-.6-1.4-1.2 0-.8.6-1.2 1.4-1.2h.5a6.3 6.3 0 0 1-.9-3.3c0-1.5.5-2.9 1.4-4a5 5 0 0 1-1.6-3.9z'/%3E%3Cpath d='M17.8 21.2c2.4.2 4-1.3 3.8-3.8' fill='none' stroke='%237d8fd0' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-kot-zloto        { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d7b56d' d='M7.2 2.8l2.1 3.1a5.1 5.1 0 0 1 5.4 0l2.1-3.1.7 5a5 5 0 0 1-.6 4.3c1.9 1.5 3 3.9 3 6.4 0 1.9-1.1 3.2-3 3.2H8.4c-.9 0-1.4-.6-1.4-1.2 0-.8.6-1.2 1.4-1.2h.5a6.3 6.3 0 0 1-.9-3.3c0-1.5.5-2.9 1.4-4a5 5 0 0 1-1.6-3.9z'/%3E%3Cpath d='M17.8 21.2c2.4.2 4-1.3 3.8-3.8' fill='none' stroke='%23d7b56d' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-lisc             { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d7b56d' d='M20.5 3C10.5 3 4 8.6 4 15.6c0 1.5.3 2.9.8 4.1L3 21.6 4.4 23l1.9-1.9c1.2.6 2.7.9 4.2.9 7.6 0 10.9-7.4 10-19z'/%3E%3Cpath d='M6.5 20.5c3.6-5.2 7.6-9.2 12-12.4' fill='none' stroke='%23b8933f' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-lisc-granat      { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237d8fd0' d='M20.5 3C10.5 3 4 8.6 4 15.6c0 1.5.3 2.9.8 4.1L3 21.6 4.4 23l1.9-1.9c1.2.6 2.7.9 4.2.9 7.6 0 10.9-7.4 10-19z'/%3E%3Cpath d='M6.5 20.5c3.6-5.2 7.6-9.2 12-12.4' fill='none' stroke='%233a57a2' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-trop-sarny       { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237d8fd0'%3E%3Cpath d='M8.3 3.3C5.8 4.6 4.6 8.4 4.8 12.6c.2 3.6 1.7 6.4 3.7 7.4 1.6.8 2.7-.4 2.7-2.6V5.5c0-1.8-1.3-3-2.9-2.2z'/%3E%3Cpath d='M15.7 3.3c2.5 1.3 3.7 5.1 3.5 9.3-.2 3.6-1.7 6.4-3.7 7.4-1.6.8-2.7-.4-2.7-2.6V5.5c0-1.8 1.3-3 2.9-2.2z'/%3E%3C/svg%3E"); }
.swieto-pszczola         { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='9.5' cy='8' rx='4.2' ry='3' transform='rotate(-25 9.5 8)' fill='%23dfe5f6' stroke='%237d8fd0' stroke-width='.8'/%3E%3Cellipse cx='14.5' cy='8' rx='4.2' ry='3' transform='rotate(25 14.5 8)' fill='%23dfe5f6' stroke='%237d8fd0' stroke-width='.8'/%3E%3Cellipse cx='11' cy='14.5' rx='7' ry='5' fill='%23e3c47e'/%3E%3Cpath d='M9 10v9M12.6 9.6v9.8' stroke='%233a57a2' stroke-width='1.9'/%3E%3Ccircle cx='18.6' cy='14' r='2.7' fill='%233a57a2'/%3E%3C/svg%3E"); }
.swieto-kosc             { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d7b56d'%3E%3Cg transform='rotate(-35 12 12)'%3E%3Crect x='6' y='10' width='12' height='4' rx='1.5'/%3E%3Ccircle cx='6' cy='9.7' r='2.7'/%3E%3Ccircle cx='6' cy='14.3' r='2.7'/%3E%3Ccircle cx='18' cy='9.7' r='2.7'/%3E%3Ccircle cx='18' cy='14.3' r='2.7'/%3E%3C/g%3E%3C/svg%3E"); }
.swieto-kosc-jasna       { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237d8fd0'%3E%3Cg transform='rotate(-35 12 12)'%3E%3Crect x='6' y='10' width='12' height='4' rx='1.5'/%3E%3Ccircle cx='6' cy='9.7' r='2.7'/%3E%3Ccircle cx='6' cy='14.3' r='2.7'/%3E%3Ccircle cx='18' cy='9.7' r='2.7'/%3E%3Ccircle cx='18' cy='14.3' r='2.7'/%3E%3C/g%3E%3C/svg%3E"); }


.okazja-tlo { position: fixed; inset: 0 0 auto; height: 100vh; height: 100lvh; z-index: -1; pointer-events: none; overflow: hidden; }
.okazja-czastka, .okazja-trop {
    position: absolute; left: var(--x); top: var(--y); width: var(--rozmiar); height: var(--rozmiar);
    margin: calc(var(--rozmiar) / -2) 0 0 calc(var(--rozmiar) / -2); opacity: 0;
    background-position: center; background-size: contain; background-repeat: no-repeat;
}
.okazja-trop { transform: rotate(var(--obrot)); }
@media (prefers-reduced-motion: no-preference) {
    .okazja-opad      { animation: toz-okazja-opad var(--czas) linear; }
    .okazja-wzlot     { animation: toz-okazja-wzlot var(--czas) ease-in-out; }
    .okazja-migotanie { animation: toz-okazja-migotanie var(--czas) ease-in-out; }
    
    .okazja-krazenie  { animation: toz-okazja-krazenie var(--czas) linear; }
    
    .okazja-trop      { animation: toz-okazja-trop 1.6s ease-out var(--opoznienie) backwards; }
    @keyframes toz-okazja-opad {
        from { opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg); }
        20%, 75% { opacity: .85; }
        to   { opacity: 0; transform: translate3d(var(--dx), var(--dy), 0) rotate(160deg); }
    }
    @keyframes toz-okazja-wzlot {
        from { opacity: 0; transform: translate3d(0, 0, 0) rotate(-10deg); }
        20%, 75% { opacity: .85; }
        to   { opacity: 0; transform: translate3d(var(--dx), var(--dy), 0) rotate(10deg); }
    }
    @keyframes toz-okazja-krazenie {
        from     { opacity: 0; transform: rotate(0deg) translateX(var(--promien)) rotate(0deg); }
        12%, 82% { opacity: .9; }
        to       { opacity: 0; transform: rotate(540deg) translateX(var(--promien)) rotate(-540deg); }
    }
    @keyframes toz-okazja-migotanie {
        0%, 100% { opacity: 0; transform: scale(.5) rotate(0deg); }
        50%      { opacity: .9; transform: scale(1) rotate(45deg); }
    }
    @keyframes toz-okazja-trop {
        0%   { opacity: 0; transform: rotate(var(--obrot)) scale(.6); }
        12%  { opacity: .9; transform: rotate(var(--obrot)) scale(1); }
        50%  { opacity: .75; }
        100% { opacity: 0; transform: rotate(var(--obrot)) scale(1); }
    }
}

body[data-okazja] .topbar::after {
    content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 10px; pointer-events: none;
    background-color: var(--toz-belka); background-repeat: repeat-x; background-size: 28px 10px;
    box-shadow: 0 8px 12px -8px rgba(44, 67, 129, .18);
}

@media (max-width: 760px) {
    body[data-okazja] .topbar { position: relative; }
}

@media (min-width: 761px) {
    body[data-okazja] .tabela-z-naglowkiem > .naglowek-kopia { top: calc(var(--toz-belka-wysokosc, 0px) + 10px); }
}
body[data-okazja="boze-narodzenie"] .topbar::after {
    background-image: radial-gradient(circle at 7px 5px, #d7b56d 0 2.6px, transparent 3px),
        radial-gradient(circle at 21px 5px, #7d8fd0 0 2.6px, transparent 3px),
        linear-gradient(transparent 4.5px, rgba(58, 87, 162, .25) 4.5px 5.5px, transparent 5.5px);
}
body[data-okazja="sylwester"] .topbar::after, body[data-okazja="nowy-rok"] .topbar::after {
    background-image: radial-gradient(circle at 7px 5px, #e3c47e 0 1.8px, transparent 2.4px),
        radial-gradient(circle at 21px 3px, #7d8fd0 0 1.4px, transparent 2px),
        radial-gradient(circle at 15px 8px, #d7b56d 0 1.2px, transparent 1.8px);
}
body[data-okazja="wielkanoc"] .topbar::after {
    background-image: radial-gradient(ellipse 3px 4px at 7px 5px, #d7b56d 98%, transparent),
        radial-gradient(ellipse 3px 4px at 21px 5px, #7d8fd0 98%, transparent);
}
body[data-okazja="dzien-wolontariusza"] .topbar::after, body[data-okazja="dzien-zwierzat"] .topbar::after,
body[data-okazja="dzien-kota"] .topbar::after, body[data-okazja="dzien-przyrody"] .topbar::after,
body[data-okazja="dzien-pszczol"] .topbar::after, body[data-okazja="dzien-psa"] .topbar::after,
body[data-okazja="dzien-kundelka"] .topbar::after {
    background-image: radial-gradient(circle at 7px 5px, #d7b56d 0 2.2px, transparent 2.8px),
        radial-gradient(circle at 21px 5px, rgba(125, 143, 208, .8) 0 2.2px, transparent 2.8px);
}
@media (prefers-reduced-motion: no-preference) {
    
    body[data-okazja="boze-narodzenie"] .topbar::after, body[data-okazja="sylwester"] .topbar::after,
    body[data-okazja="nowy-rok"] .topbar::after { animation: toz-okazja-lampki 2.4s ease-in-out infinite alternate; }
    @keyframes toz-okazja-lampki { from { opacity: .55; } to { opacity: 1; } }
}
@media print { .okazja-tlo, body[data-okazja] .topbar::after { display: none; } }


.tresc-punktu { display: block; margin-top: 4px; white-space: pre-line; overflow-wrap: anywhere; }


.znak-kwoty { margin-top: 6px; min-width: 44px; font-size: 1rem; }




@property --strefa-swiatlo { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.strefa-zrzutu-czuwa, .strefa-zrzutu-lapie { isolation: isolate; }
.strefa-zrzutu-czuwa { border-color: transparent; }
.strefa-zrzutu-czuwa::after {
    content: ''; position: absolute; inset: -2px; padding: 2px; border-radius: inherit; pointer-events: none;
    background: conic-gradient(from var(--strefa-swiatlo), var(--toz-granat), #6f86c9 18%, var(--toz-zloto) 32%, var(--toz-granat) 52%,
        #6f86c9 74%, var(--toz-zloto) 88%, var(--toz-granat));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
}
.strefa-zrzutu-czuwa::before {
    content: ''; position: absolute; inset: 6px; z-index: -1; pointer-events: none; opacity: .13;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='4' y1='4' x2='44' y2='44'%3E%3Cstop offset='0' stop-color='%233a57a2'/%3E%3Cstop offset='1' stop-color='%23d7b56d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Cellipse cx='7.6' cy='19' rx='4.3' ry='6' transform='rotate(-32 7.6 19)'/%3E%3Cellipse cx='17.6' cy='9.6' rx='4.6' ry='6.6' transform='rotate(-12 17.6 9.6)'/%3E%3Cellipse cx='30.4' cy='9.6' rx='4.6' ry='6.6' transform='rotate(12 30.4 9.6)'/%3E%3Cellipse cx='40.4' cy='19' rx='4.3' ry='6' transform='rotate(32 40.4 19)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.strefa-zrzutu-czuwa.strefa-zrzutu-aktywna::before { opacity: .24; }
.strefa-zrzutu-czuwa.strefa-zrzutu-aktywna::after { inset: -3px; padding: 3px; }
@media (max-width: 640px) {
    .strefa-zrzutu-czuwa::before, .strefa-zrzutu-czuwa::after { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
    
    .strefa-zrzutu-czuwa::after { animation: toz-strefa-swiatlo 2.4s linear infinite; }
    .strefa-zrzutu-czuwa::before { animation: toz-strefa-lapa-czeka .3s ease-out; }
    
    .strefa-zrzutu-lapie { animation: toz-strefa-blysk .7s ease-out; }
    .strefa-zrzutu-lapie::before {
        content: ''; position: absolute; inset: 6px; z-index: -1; pointer-events: none; opacity: 0;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='4' y1='4' x2='44' y2='44'%3E%3Cstop offset='0' stop-color='%233a57a2'/%3E%3Cstop offset='1' stop-color='%23d7b56d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Cellipse cx='13.2' cy='22.4' rx='4' ry='4.8' transform='rotate(-18 13.2 22.4)'/%3E%3Cellipse cx='19.6' cy='16.6' rx='4.2' ry='5' transform='rotate(-6 19.6 16.6)'/%3E%3Cellipse cx='28.4' cy='16.6' rx='4.2' ry='5' transform='rotate(6 28.4 16.6)'/%3E%3Cellipse cx='34.8' cy='22.4' rx='4' ry='4.8' transform='rotate(18 34.8 22.4)'/%3E%3Cpath d='M24 23.5c-6.4 0-11.8 5.8-11.8 11.3 0 3.6 2.7 5.5 5.8 5.5 2.4 0 3.9-1.1 6-1.1s3.6 1.1 6 1.1c3.1 0 5.8-1.9 5.8-5.5 0-5.5-5.4-11.3-11.8-11.3z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
        animation: toz-strefa-lapa-lapie .7s ease-out;
    }
    @keyframes toz-strefa-swiatlo { to { --strefa-swiatlo: 360deg; } }
    @keyframes toz-strefa-lapa-czeka { from { opacity: 0; transform: scale(.82); } }
    @keyframes toz-strefa-lapa-lapie {
        from { opacity: .3; transform: scale(1.08); }
        35%  { opacity: .32; transform: scale(.86); }
        to   { opacity: 0; transform: scale(.9); }
    }
    @keyframes toz-strefa-blysk {
        from { background-color: rgba(215, 181, 109, .3); box-shadow: 0 0 0 0 rgba(215, 181, 109, .55); }
        to   { box-shadow: 0 0 0 12px rgba(215, 181, 109, 0); }
    }
}


@media (prefers-reduced-motion: no-preference) {
    .table tbody tr.wiersz-gasnie[data-gasnie] > td {
        background-image: linear-gradient(90deg, rgba(215, 181, 109, 0), rgba(215, 181, 109, .55), rgba(215, 181, 109, 0));
        background-size: 60% 100%; background-repeat: no-repeat; background-position: -150% 0;
        animation: toz-gasnie-smuga .55s ease-out calc(var(--gasnie-wiersz, 0s) + var(--gasnie-kolumna, 0s));
    }
    .table tbody tr.wiersz-gasnie-tlo[data-gasnie] > td {
        animation: toz-gasnie-smuga .55s ease-out calc(var(--gasnie-wiersz, 0s) + var(--gasnie-kolumna, 0s)),
            toz-gasnie-tlo 1.5s ease-out var(--gasnie-wiersz, 0s) backwards;
    }
    .table tbody tr.wiersz-gasnie[data-gasnie] > td.termin-gasnie {
        animation: toz-gasnie-smuga .55s ease-out calc(var(--gasnie-wiersz, 0s) + var(--gasnie-kolumna, 0s)),
            toz-gasnie-data 1.5s ease-out var(--gasnie-wiersz, 0s) backwards;
    }
    tr.wiersz-gasnie[data-gasnie="2"] { --gasnie-wiersz: .08s; }
    tr.wiersz-gasnie[data-gasnie="3"] { --gasnie-wiersz: .16s; }
    tr.wiersz-gasnie[data-gasnie="4"] { --gasnie-wiersz: .24s; }
    tr.wiersz-gasnie[data-gasnie="5"] { --gasnie-wiersz: .32s; }
    tr.wiersz-gasnie[data-gasnie="6"] { --gasnie-wiersz: .4s; }
    tr.wiersz-gasnie[data-gasnie="7"] { --gasnie-wiersz: .48s; }
    tr.wiersz-gasnie[data-gasnie="8"] { --gasnie-wiersz: .56s; }
    tr.wiersz-gasnie[data-gasnie="9"] { --gasnie-wiersz: .64s; }
    tr.wiersz-gasnie[data-gasnie="10"] { --gasnie-wiersz: .72s; }
    tr.wiersz-gasnie[data-gasnie="11"] { --gasnie-wiersz: .8s; }
    tr.wiersz-gasnie[data-gasnie="12"] { --gasnie-wiersz: .88s; }
    tr.wiersz-gasnie > td:nth-child(2) { --gasnie-kolumna: .05s; }
    tr.wiersz-gasnie > td:nth-child(3) { --gasnie-kolumna: .1s; }
    tr.wiersz-gasnie > td:nth-child(4) { --gasnie-kolumna: .15s; }
    tr.wiersz-gasnie > td:nth-child(5) { --gasnie-kolumna: .2s; }
    tr.wiersz-gasnie > td:nth-child(6) { --gasnie-kolumna: .25s; }
    tr.wiersz-gasnie > td:nth-child(7) { --gasnie-kolumna: .3s; }
    tr.wiersz-gasnie > td:nth-child(8) { --gasnie-kolumna: .35s; }
    tr.wiersz-gasnie > td:nth-child(9) { --gasnie-kolumna: .4s; }
    tr.wiersz-gasnie > td:nth-child(10) { --gasnie-kolumna: .45s; }
    tr.wiersz-gasnie > td:nth-child(n+11) { --gasnie-kolumna: .5s; }
    @keyframes toz-gasnie-smuga { from { background-position: -150% 0; } to { background-position: 250% 0; } }
    @keyframes toz-gasnie-tlo { from { background-color: #312214; } 30% { background-color: rgba(215, 181, 109, .26); } }
    @keyframes toz-gasnie-data { from { color: #d49199; } }
}


@media (prefers-reduced-motion: no-preference) {
    html.przejscie-dalej::view-transition-new(root) { animation: toz-przejscie-z-prawej .26s cubic-bezier(.2, .8, .2, 1) both; }
    html.przejscie-wstecz::view-transition-new(root) { animation: toz-przejscie-z-lewej .26s cubic-bezier(.2, .8, .2, 1) both; }
    ::view-transition-group(napis-wiersza) { animation-duration: .26s; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
    ::view-transition-old(napis-wiersza), ::view-transition-new(napis-wiersza) { height: 100%; width: auto; }
    .table-wrap-ewidencja .table tbody tr.wiersz-przyjmuje:nth-child(n), ul.galeria-adopcji > li.wiersz-przyjmuje { animation-name: none; }
    @keyframes toz-przejscie-z-prawej { from { opacity: 0; transform: translateX(28px); } }
    @keyframes toz-przejscie-z-lewej { from { opacity: 0; transform: translateX(-28px); } }
}


.odwrotka { display: inline-grid; }
.odwrotka > .stan { grid-area: 1 / 1; justify-self: end; }
.odwrotka-stara { display: none; }
@media (prefers-reduced-motion: no-preference) {
    button.stan.w-wierszu-odwraca { animation: toz-plakietka-odwraca .15s ease-in forwards; }
    button.stan.w-wierszu-dokreca { animation: toz-plakietka-dokreca .15s ease-out, toz-w-wierszu-zapisane .7s ease-out; }
    
    button.w-wierszu:not(.stan).w-wierszu-odwraca { animation: toz-plakietka-odwraca .15s ease-in forwards; }
    button.w-wierszu:not(.stan).w-wierszu-dokreca { animation: toz-plakietka-dokreca .15s ease-out, toz-w-wierszu-zapisane .7s ease-out; }
    .odwrotka-stara { display: inline-block; animation: toz-odwrotka-stara .15s ease-in var(--odwrotka-zwloka, 0s) forwards; }
    .odwrotka-nowa { animation: toz-plakietka-dokreca .15s ease-out calc(var(--odwrotka-zwloka, 0s) + .15s) backwards; }
    .odwrotka[data-odwrotka="2"] { --odwrotka-zwloka: .08s; }
    .odwrotka[data-odwrotka="3"] { --odwrotka-zwloka: .16s; }
    .odwrotka[data-odwrotka="4"] { --odwrotka-zwloka: .24s; }
    .odwrotka[data-odwrotka="5"] { --odwrotka-zwloka: .32s; }
    .odwrotka[data-odwrotka="6"] { --odwrotka-zwloka: .4s; }
    .odwrotka[data-odwrotka="7"] { --odwrotka-zwloka: .48s; }
    .odwrotka[data-odwrotka="8"] { --odwrotka-zwloka: .56s; }
    .odwrotka[data-odwrotka="9"] { --odwrotka-zwloka: .64s; }
    .odwrotka[data-odwrotka="10"] { --odwrotka-zwloka: .72s; }
    .odwrotka[data-odwrotka="11"] { --odwrotka-zwloka: .8s; }
    .odwrotka[data-odwrotka="12"] { --odwrotka-zwloka: .88s; }
    @keyframes toz-plakietka-odwraca { to { transform: perspective(240px) rotateX(90deg); } }
    @keyframes toz-plakietka-dokreca { from { transform: perspective(240px) rotateX(-90deg); } }
    @keyframes toz-odwrotka-stara { to { transform: perspective(240px) rotateX(90deg); visibility: hidden; } }
}



.tylko-dotyk { display: none; }
@media (hover: none) and (pointer: coarse) {
    .tylko-mysz { display: none; }
    .tylko-dotyk { display: inline; }
}

.znak-wyroznienia { color: var(--toz-uwaga-tekst); margin-right: 4px; }

fieldset.bez-ramki { border: 0; padding: 0; margin: 0; }

@media (forced-colors: active) {
    .przelacznik-tak-nie input:checked + label { forced-color-adjust: none; background: Highlight; color: HighlightText; }
    .kalendarz-dzis { outline: 3px solid Highlight; outline-offset: -3px; }
    .zakladka.aktywna, .btn-strona-aktywna { text-decoration: underline; }
    
    .table tbody tr.wiersz-do-realizacji > td:first-child, .table tbody tr.wiersz-zalega > td:first-child { border-left: 4px solid Highlight; }
    
    .w-wierszu-lista [role="option"].aktywna { outline: 2px solid Highlight; outline-offset: -2px; }
    tr.na-zywo-zmiana > td:first-child { border-left: 4px solid Highlight; }
}

@media (hover: none) and (pointer: coarse) {
    [data-kto-i-kiedy], main#tresc { cursor: pointer; }
    
    main#tresc { -webkit-tap-highlight-color: transparent; }
}

@media (pointer: coarse) {
    .zbiorczo textarea, .kopiuj-adresy textarea { font-size: 16px; }
    
    .zdarzenie { white-space: normal; }
}
@media (max-width: 640px) {
    
    .zalaczniki li, .materialy li { flex-wrap: wrap; }
    .zalaczniki li .zalacznik-opis, .materialy li .zalacznik-opis { flex: 1 1 calc(100% - 80px); }
    
    .card .btn { white-space: normal; max-width: 100%; }
    .card .table .btn { white-space: nowrap; }
}

@media (max-height: 500px) {
    .topbar { position: relative; }
    .pasek-zapisu { position: static; backdrop-filter: none; }
}


.plik::before { content: ''; flex: 0 0 auto; display: inline-block; width: 1.3em; height: 1.3em; margin-right: .45em;
    background: center / contain no-repeat; vertical-align: -.28em; }
.plik-sam::before { margin-right: 0; width: 26px; height: 26px; }
.material-pdf.plik-sam::before { width: 46px; height: 46px; }
.zalacznik-podglad.plik-sam::before { width: 36px; height: 36px; }
.plik-docx::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 1.75h8.25L19.5 7v14.25a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V2.75a1 1 0 0 1 1-1z' fill='%23fff' stroke='%232b579a' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M14.25 1.75V7h5.25' fill='none' stroke='%232b579a' stroke-width='1.3' stroke-linejoin='round'/%3E%3Crect x='1.5' y='11' width='11' height='9' rx='1.6' fill='%232b579a'/%3E%3Ctext x='7.0' y='18.2' font-family='Arial,Helvetica,sans-serif' font-size='7.6' font-weight='700' fill='%23fff' text-anchor='middle'%3EW%3C/text%3E%3C/svg%3E"); }
.plik-xlsx::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 1.75h8.25L19.5 7v14.25a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V2.75a1 1 0 0 1 1-1z' fill='%23fff' stroke='%231e7145' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M14.25 1.75V7h5.25' fill='none' stroke='%231e7145' stroke-width='1.3' stroke-linejoin='round'/%3E%3Crect x='1.5' y='11' width='11' height='9' rx='1.6' fill='%231e7145'/%3E%3Ctext x='7.0' y='18.2' font-family='Arial,Helvetica,sans-serif' font-size='7.6' font-weight='700' fill='%23fff' text-anchor='middle'%3EX%3C/text%3E%3C/svg%3E"); }
.plik-pdf::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 1.75h8.25L19.5 7v14.25a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V2.75a1 1 0 0 1 1-1z' fill='%23fff' stroke='%23c8312b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M14.25 1.75V7h5.25' fill='none' stroke='%23c8312b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Crect x='1.5' y='11' width='15' height='9' rx='1.6' fill='%23c8312b'/%3E%3Ctext x='9.0' y='18.2' font-family='Arial,Helvetica,sans-serif' font-size='5.6' font-weight='700' fill='%23fff' text-anchor='middle'%3EPDF%3C/text%3E%3C/svg%3E"); }
.plik-zip::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 1.75h8.25L19.5 7v14.25a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V2.75a1 1 0 0 1 1-1z' fill='%23fff' stroke='%236b6f7b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M14.25 1.75V7h5.25' fill='none' stroke='%236b6f7b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Crect x='11' y='3.0' width='1.5' height='1.1' fill='%236b6f7b'/%3E%3Crect x='12.5' y='4.6' width='1.5' height='1.1' fill='%236b6f7b'/%3E%3Crect x='11' y='6.2' width='1.5' height='1.1' fill='%236b6f7b'/%3E%3Crect x='12.5' y='7.8' width='1.5' height='1.1' fill='%236b6f7b'/%3E%3Crect x='11' y='9.4' width='1.5' height='1.1' fill='%236b6f7b'/%3E%3Crect x='12.5' y='11.0' width='1.5' height='1.1' fill='%236b6f7b'/%3E%3Crect x='11' y='12.6' width='1.5' height='1.1' fill='%236b6f7b'/%3E%3Crect x='10.6' y='14.4' width='3.8' height='5' rx='1' fill='%236b6f7b'/%3E%3Crect x='11.7' y='16.6' width='1.6' height='1.6' rx='.4' fill='%23fff'/%3E%3C/svg%3E"); }
.plik-csv::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 1.75h8.25L19.5 7v14.25a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V2.75a1 1 0 0 1 1-1z' fill='%23fff' stroke='%230f766e' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M14.25 1.75V7h5.25' fill='none' stroke='%230f766e' stroke-width='1.3' stroke-linejoin='round'/%3E%3Crect x='7.5' y='9.5' width='9.5' height='9.5' fill='none' stroke='%230f766e' stroke-width='1.1'/%3E%3Cpath d='M7.5 12.7h9.5M7.5 15.8h9.5M10.7 9.5v9.5M13.9 9.5v9.5' stroke='%230f766e' stroke-width='1.1'/%3E%3C/svg%3E"); }
.plik-inny::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 1.75h8.25L19.5 7v14.25a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V2.75a1 1 0 0 1 1-1z' fill='%23fff' stroke='%236b6f7b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M14.25 1.75V7h5.25' fill='none' stroke='%236b6f7b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M8 10h8M8 13h8M8 16h5.5' stroke='%236b6f7b' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E"); }

.plik-docx::before { content: '' / 'dokument Word, '; }
.plik-pdf::before { content: '' / 'dokument PDF, '; }
.plik-xlsx::before { content: '' / 'arkusz, '; }
.plik-csv::before { content: '' / 'zestawienie wpisów, '; }
.plik-zip::before { content: '' / 'paczka plików, '; }


.adres-konta { overflow-wrap: anywhere; }


.ikona { display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; background-color: currentColor;
    -webkit-mask: var(--ikona) center / contain no-repeat; mask: var(--ikona) center / contain no-repeat; }
.btn.btn-ikona { width: 34px; min-width: 34px; padding: 0; }
.btn-ikona .ikona-usun { background-color: var(--toz-blad); }
.btn-ikona:has(.ikona-usun) { --fala: rgba(165, 40, 52, .4); }
.btn.btn-ikona:not(.btn-primary):not(.btn-danger):not(.btn-link):not(.btn-strona-aktywna):has(.ikona-usun) { border-color: rgba(165, 40, 52, .35); }
.btn.btn-ikona:not(.btn-primary):not(.btn-danger):not(.btn-link):not(.btn-strona-aktywna):not(:disabled):has(.ikona-usun):hover {
    border-color: rgba(165, 40, 52, .6); box-shadow: 0 2px 10px rgba(165, 40, 52, .16);
}

@media (forced-colors: active) { .ikona, .btn-ikona .ikona-usun { forced-color-adjust: none; background-color: ButtonText; } }
.ikona-otworz { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.5-6.5 9.5-6.5S21.5 12 21.5 12s-3.5 6.5-9.5 6.5S2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } 
.ikona-edytuj { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4.5L19.3 9.2a2.1 2.1 0 0 0 0-3l-1.5-1.5a2.1 2.1 0 0 0-3 0L4 15.5V20z'/%3E%3Cpath d='M13.5 6l4.5 4.5'/%3E%3C/svg%3E"); } 
.ikona-usun { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9.5 7V4.5h5V7'/%3E%3Cpath d='M6.5 7l1 13h9l1-13'/%3E%3Cpath d='M10 11v5.5M14 11v5.5'/%3E%3C/svg%3E"); } 
.ikona-odepnij { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3.5h6'/%3E%3Cpath d='M10 3.5v5L7 12v2h10v-2l-3-3.5v-5'/%3E%3Cpath d='M12 14v6.5'/%3E%3Cpath d='M4 4l16 16'/%3E%3C/svg%3E"); } 
.ikona-przypnij { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3.5h6'/%3E%3Cpath d='M10 3.5v5L7 12v2h10v-2l-3-3.5v-5'/%3E%3Cpath d='M12 14v6.5'/%3E%3C/svg%3E"); } 
.ikona-przywroc { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.2-5.3L4.5 9'/%3E%3Cpath d='M4.5 4v5h5'/%3E%3C/svg%3E"); } 
.ikona-kopiuj { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15h-.5A1.5 1.5 0 0 1 3 13.5v-9A1.5 1.5 0 0 1 4.5 3h9A1.5 1.5 0 0 1 15 4.5V5'/%3E%3C/svg%3E"); } 
.ikona-przeslij { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='M22 2 15 22l-4-9-9-4 20-7z'/%3E%3C/svg%3E"); }
.stopka-podglad { padding: .75rem; border: 1px solid var(--linia, #3a3f46); border-radius: 6px; overflow-wrap: anywhere; }
.stopka-podglad img { max-width: 100%; height: auto; }
.ikona-odpowiedz { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7 4 12l5 5'/%3E%3Cpath d='M4 12h10a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E"); }
.ikona-przekaz { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 7 5 5-5 5'/%3E%3Cpath d='M20 12H10a6 6 0 0 0-6 6v1'/%3E%3C/svg%3E"); }
.ikona-gwiazdka { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.6 6.1.7-4.5 4.2 1.2 6-5.4-3-5.4 3 1.2-6-4.5-4.2 6.1-.7z'/%3E%3C/svg%3E"); } 
.ikona-gwiazdka-pelna { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.6 6.1.7-4.5 4.2 1.2 6-5.4-3-5.4 3 1.2-6-4.5-4.2 6.1-.7z'/%3E%3C/svg%3E"); background-color: var(--toz-uwaga-tekst, var(--toz-uwaga)); } 
.ikona-dokosza { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5v6'/%3E%3Cpath d='M9.2 5.8 12 8.6l2.8-2.8'/%3E%3Cpath d='M4.5 11.5h15'/%3E%3Cpath d='M6.5 11.5l1 9h9l1-9'/%3E%3C/svg%3E"); } 
.ikona-spam { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.2 3h7.6L21 8.2v7.6L15.8 21H8.2L3 15.8V8.2z'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Cpath d='M12 16.5h.01'/%3E%3C/svg%3E"); } 

.ikona-flaga-maila { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4' fill='none'/%3E%3Cpath d='M5 4h13l-3 4.5 3 4.5H5z'/%3E%3C/svg%3E"); vertical-align: -3px; }
.flaga-czerwony { background-color: var(--flaga-czerwony); }
.flaga-niebieski { background-color: var(--flaga-niebieski); }
.flaga-zielony { background-color: var(--flaga-zielony); }
.flaga-szary { background-color: var(--flaga-szary); }
.flaga-brazowy { background-color: var(--flaga-brazowy); }
.flaga-turkusowy { background-color: var(--flaga-turkusowy); }
.flaga-pomaranczowy { background-color: var(--flaga-pomaranczowy); }
.flaga-fioletowy { background-color: var(--flaga-fioletowy); }
.flaga-blekitny { background-color: var(--flaga-blekitny); }
.flaga-zolty { background-color: var(--flaga-zolty); }
.flagi-wybor { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; max-width: 100%; }
.flagi-wybor .btn .ikona { margin-right: 0; }
.flagi-wybor .btn[aria-pressed="true"], .flagi-wybor .btn[aria-current="true"], .flaga-menu .btn[aria-pressed="true"] { border-color: var(--toz-granat-tekst, var(--toz-granat)); box-shadow: inset 0 0 0 1px var(--toz-granat-tekst, var(--toz-granat)); }

.flagi-filtr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 10px; max-width: 100%; }

.ikona-flaga-pusta { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h13l-3 4.5 3 4.5H5z'/%3E%3C/svg%3E"); vertical-align: -3px; color: var(--toz-muted); }
.flaga-wiersza { display: inline-flex; vertical-align: -4px; padding: 3px; margin: -3px 1px -3px -3px; border: 0; border-radius: 6px; background: none; color: inherit; font: inherit; line-height: 0; cursor: pointer; }
.flaga-wiersza:hover { background: var(--toz-granat-jasny); }
.flaga-wiersza .ikona { margin-right: 0; }

@media (pointer: coarse) {
    .flaga-wiersza { padding: 7px; margin: -7px 1px -7px -7px; }
}
.table tbody tr[id^="mail-wiersz-"] { scroll-margin-top: 30vh; } 
.flaga-menu { padding: 8px; border: 1px solid var(--toz-border); border-radius: var(--toz-promien); background: var(--toz-plyta); color: var(--toz-text); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55); }
.flaga-menu:popover-open { display: grid; grid-template-columns: repeat(5, 34px); gap: 4px; }
.flaga-menu .flaga-usun, .flaga-menu [data-dlugo-stan] { grid-column: 1 / -1; }
.flaga-menu [data-dlugo-stan] { margin: 4px 0 0; max-width: 186px; }
.flaga-menu .btn .ikona { margin-right: 0; }
@supports (position-area: bottom) {
    .flaga-menu { inset: auto; margin: 4px; position-area: bottom span-right; position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline; }
}
.ikona-zrobione { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } 

.kol-zdjecia { width: 1%; }
.kol-zdjecia abbr { text-decoration: none; cursor: help; }

@media print { .kol-zdjecia .ikona { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }
.kol-zdjecia .ikona { width: 20px; height: 20px; vertical-align: middle; }
.ikona-zdjecia-z-interwencji { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l1.5-2.5h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E"); background-color: var(--toz-granat-tekst, var(--toz-granat)); }
.ikona-zdjecia-falszywe { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9.5 16.5h-19z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Cpath d='M12 17.5h.01'/%3E%3C/svg%3E"); background-color: var(--toz-blad-tekst, var(--toz-blad)); }
.ikona-zdjecia-niesprawdzone { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); background-color: var(--toz-uwaga-tekst, var(--toz-uwaga)); }
.ikona-zdjecia-prawdziwe { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.8 2.8L16.5 9.5'/%3E%3C/svg%3E"); background-color: var(--toz-ok-tekst, var(--toz-ok)); }
.ikona-zdjecia-brak { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6L6 18'/%3E%3C/svg%3E"); background-color: var(--toz-blad-tekst, var(--toz-blad)); }


.znak-zaufany { display: inline-flex; align-items: center; gap: 3px; margin-left: 2px; padding: 0 7px 0 5px; border: 1px solid #3b4255; border-radius: 999px;
    background: var(--toz-granat-jasny); color: var(--toz-granat-ciemny-tekst); font-size: .75rem; font-weight: 400; line-height: 1.5; white-space: nowrap; vertical-align: 1px; }
a.znak-zaufany { text-decoration: none; }
a.znak-zaufany:hover, a.znak-zaufany:focus-visible { border-color: var(--toz-fokus); color: var(--toz-granat-ciemny-tekst); text-decoration: none; }
.znak-zaufany .ikona { width: 12px; height: 12px; }
.ikona-tarcza-zaufany { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8l7.8 3v5.8c0 4.6-3.3 8.4-7.8 9.8-4.5-1.4-7.8-5.2-7.8-9.8V5.8z'/%3E%3Cpath d='M8.6 12.2l2.4 2.4 4.6-4.8'/%3E%3C/svg%3E"); } 


.tresc-odczytu {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: .875rem;
}


.strona-bledu-stala {
    max-width: 32rem;
    margin: 3rem auto;
    line-height: 1.5;
}

.strona-bledu-stala h1 {
    font-size: 1.4rem;
}




body[data-pora="swit"] .tlo-zorza {
    background: radial-gradient(42% 38% at 8% 6%, rgba(96, 134, 214, .28), rgba(96, 134, 214, 0) 70%),
        radial-gradient(46% 36% at 30% 100%, rgba(227, 196, 126, .38), rgba(227, 196, 126, 0) 70%),
        radial-gradient(40% 34% at 92% 4%, rgba(58, 87, 162, .21), rgba(58, 87, 162, 0) 70%),
        radial-gradient(34% 30% at 88% 96%, rgba(227, 196, 126, .19), rgba(227, 196, 126, 0) 70%);
}
body[data-pora="zmierzch"] .tlo-zorza {
    background: radial-gradient(60% 34% at 50% 0%, rgba(58, 87, 162, .28), rgba(58, 87, 162, 0) 70%),
        radial-gradient(40% 36% at 96% 98%, rgba(201, 150, 74, .38), rgba(201, 150, 74, 0) 70%),
        radial-gradient(44% 40% at 6% 100%, rgba(96, 134, 214, .21), rgba(96, 134, 214, 0) 70%),
        radial-gradient(30% 28% at 70% 100%, rgba(201, 150, 74, .19), rgba(201, 150, 74, 0) 70%);
}
body[data-pora="noc"] .tlo-zorza {
    background: radial-gradient(46% 40% at 10% 4%, rgba(58, 87, 162, .28), rgba(58, 87, 162, 0) 70%),
        radial-gradient(40% 36% at 90% 0%, rgba(96, 134, 214, .3), rgba(96, 134, 214, 0) 70%),
        radial-gradient(48% 42% at 76% 100%, rgba(58, 87, 162, .21), rgba(58, 87, 162, 0) 70%),
        radial-gradient(28% 26% at 4% 94%, rgba(215, 181, 109, .19), rgba(215, 181, 109, 0) 70%);
}


body[data-pora-roku] .tlo-zorza::before {
    content: ''; position: absolute; inset: 0;
    background: var(--toz-granat); opacity: .055;
    -webkit-mask-size: 200px 200px; mask-size: 200px 200px; -webkit-mask-repeat: repeat; mask-repeat: repeat;
}
body[data-pora-roku="wiosna"] .tlo-zorza::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(150 54) scale(.85)'%3E%3Ccircle cx='12' cy='6.4' r='3.6'/%3E%3Ccircle cx='17.3' cy='10.3' r='3.6'/%3E%3Ccircle cx='15.3' cy='16.5' r='3.6'/%3E%3Ccircle cx='8.7' cy='16.5' r='3.6'/%3E%3Ccircle cx='6.7' cy='10.3' r='3.6'/%3E%3C/g%3E%3Cg transform='translate(98 158) scale(.55)'%3E%3Ccircle cx='12' cy='6.4' r='3.6'/%3E%3Ccircle cx='17.3' cy='10.3' r='3.6'/%3E%3Ccircle cx='15.3' cy='16.5' r='3.6'/%3E%3Ccircle cx='8.7' cy='16.5' r='3.6'/%3E%3Ccircle cx='6.7' cy='10.3' r='3.6'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(150 54) scale(.85)'%3E%3Ccircle cx='12' cy='6.4' r='3.6'/%3E%3Ccircle cx='17.3' cy='10.3' r='3.6'/%3E%3Ccircle cx='15.3' cy='16.5' r='3.6'/%3E%3Ccircle cx='8.7' cy='16.5' r='3.6'/%3E%3Ccircle cx='6.7' cy='10.3' r='3.6'/%3E%3C/g%3E%3Cg transform='translate(98 158) scale(.55)'%3E%3Ccircle cx='12' cy='6.4' r='3.6'/%3E%3Ccircle cx='17.3' cy='10.3' r='3.6'/%3E%3Ccircle cx='15.3' cy='16.5' r='3.6'/%3E%3Ccircle cx='8.7' cy='16.5' r='3.6'/%3E%3Ccircle cx='6.7' cy='10.3' r='3.6'/%3E%3C/g%3E%3C/svg%3E");
}
body[data-pora-roku="lato"] .tlo-zorza::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(150 52) rotate(-12 12 12) scale(.9)'%3E%3Cellipse cx='7.6' cy='8.6' rx='5.2' ry='4.2' transform='rotate(-28 7.6 8.6)'/%3E%3Cellipse cx='16.4' cy='8.6' rx='5.2' ry='4.2' transform='rotate(28 16.4 8.6)'/%3E%3Cellipse cx='8.6' cy='15.6' rx='3.6' ry='2.9' transform='rotate(24 8.6 15.6)'/%3E%3Cellipse cx='15.4' cy='15.6' rx='3.6' ry='2.9' transform='rotate(-24 15.4 15.6)'/%3E%3Crect x='11.2' y='6.4' width='1.6' height='12.4' rx='.8'/%3E%3Cpath d='M11.6 6.8L9.6 3.2M12.4 6.8l2-3.6' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(150 52) rotate(-12 12 12) scale(.9)'%3E%3Cellipse cx='7.6' cy='8.6' rx='5.2' ry='4.2' transform='rotate(-28 7.6 8.6)'/%3E%3Cellipse cx='16.4' cy='8.6' rx='5.2' ry='4.2' transform='rotate(28 16.4 8.6)'/%3E%3Cellipse cx='8.6' cy='15.6' rx='3.6' ry='2.9' transform='rotate(24 8.6 15.6)'/%3E%3Cellipse cx='15.4' cy='15.6' rx='3.6' ry='2.9' transform='rotate(-24 15.4 15.6)'/%3E%3Crect x='11.2' y='6.4' width='1.6' height='12.4' rx='.8'/%3E%3Cpath d='M11.6 6.8L9.6 3.2M12.4 6.8l2-3.6' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
body[data-pora-roku="jesien"] .tlo-zorza::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(148 50) rotate(14 12 12) scale(.95)'%3E%3Cpath d='M12 1l1.6 4.2 2.8-1.4-.6 4.6 3.8-1.6-.8 3 3.8 1.2-3.2 2.4 1 2.2-5.2-.6-.8 2.2-1.8-1.4V22h-1.2v-6.2l-1.8 1.4-.8-2.2-5.2.6 1-2.2-3.2-2.4 3.8-1.2-.8-3 3.8 1.6-.6-4.6 2.8 1.4z'/%3E%3C/g%3E%3Cg transform='translate(176 74) rotate(-16 9 9) scale(.62)'%3E%3Crect x='8.3' y='.6' width='1.4' height='3.4' rx='.7'/%3E%3Cpath d='M2.6 7.4a6.4 4.2 0 0 1 12.8 0z'/%3E%3Cpath d='M4.4 8.4h9.2c0 4.4-2 7.8-4.6 9C6.4 16.2 4.4 12.8 4.4 8.4z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(148 50) rotate(14 12 12) scale(.95)'%3E%3Cpath d='M12 1l1.6 4.2 2.8-1.4-.6 4.6 3.8-1.6-.8 3 3.8 1.2-3.2 2.4 1 2.2-5.2-.6-.8 2.2-1.8-1.4V22h-1.2v-6.2l-1.8 1.4-.8-2.2-5.2.6 1-2.2-3.2-2.4 3.8-1.2-.8-3 3.8 1.6-.6-4.6 2.8 1.4z'/%3E%3C/g%3E%3Cg transform='translate(176 74) rotate(-16 9 9) scale(.62)'%3E%3Crect x='8.3' y='.6' width='1.4' height='3.4' rx='.7'/%3E%3Cpath d='M2.6 7.4a6.4 4.2 0 0 1 12.8 0z'/%3E%3Cpath d='M4.4 8.4h9.2c0 4.4-2 7.8-4.6 9C6.4 16.2 4.4 12.8 4.4 8.4z'/%3E%3C/g%3E%3C/svg%3E");
}
body[data-pora-roku="zima"] .tlo-zorza::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(150 52) scale(.9)' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7M12 5.5L9.6 3.1M12 5.5l2.4-2.4M12 18.5l-2.4 2.4M12 18.5l2.4 2.4M5.6 8.3l-3.2.9M5.6 8.3L4.7 5.1M18.4 15.7l3.2-.9M18.4 15.7l.9 3.2M5.6 15.7l-3.2-.9M5.6 15.7l-.9 3.2M18.4 8.3l3.2.9M18.4 8.3l.9-3.2'/%3E%3C/g%3E%3Cg transform='translate(98 158) scale(.55)' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='translate(150 52) scale(.9)' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7M12 5.5L9.6 3.1M12 5.5l2.4-2.4M12 18.5l-2.4 2.4M12 18.5l2.4 2.4M5.6 8.3l-3.2.9M5.6 8.3L4.7 5.1M18.4 15.7l3.2-.9M18.4 15.7l.9 3.2M5.6 15.7l-3.2-.9M5.6 15.7l-.9 3.2M18.4 8.3l3.2.9M18.4 8.3l.9-3.2'/%3E%3C/g%3E%3Cg transform='translate(98 158) scale(.55)' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7'/%3E%3C/g%3E%3C/svg%3E");
}


.tlo-swiatlo { position: fixed; inset: 0 0 auto; height: 100vh; height: 100lvh; z-index: -1; pointer-events: none; }


@media (prefers-reduced-motion: no-preference) {
    .tlo-gwiazdy::after {
        --gwiazda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l2.4 7.1 7.1 2.4-7.1 2.4L12 20.5l-2.4-7.1-7.1-2.4 7.1-2.4z' fill='%23d7b56d'/%3E%3C/svg%3E");
        content: ''; position: absolute; inset: 0; opacity: .85;
        background: var(--gwiazda) 1.2% 14% / 9px 9px no-repeat, var(--gwiazda) 98.6% 9% / 7px 7px no-repeat,
            var(--gwiazda) 1.6% 31% / 6px 6px no-repeat, var(--gwiazda) 98.9% 23% / 10px 10px no-repeat,
            var(--gwiazda) 1% 47% / 8px 8px no-repeat, var(--gwiazda) 98.4% 39% / 6px 6px no-repeat,
            var(--gwiazda) 1.8% 63% / 10px 10px no-repeat, var(--gwiazda) 98.8% 55% / 8px 8px no-repeat,
            var(--gwiazda) 1.1% 78% / 6px 6px no-repeat, var(--gwiazda) 98.5% 70% / 9px 9px no-repeat,
            var(--gwiazda) 1.5% 92% / 8px 8px no-repeat, var(--gwiazda) 98.7% 86% / 6px 6px no-repeat,
            var(--gwiazda) 34% 97% / 7px 7px no-repeat, var(--gwiazda) 66% 98% / 8px 8px no-repeat;
    }
}


body[data-zapis] .tlo-swiatlo::before {
    content: ''; position: absolute; inset: 0; opacity: 0; transform-origin: 50% 0;
    background: radial-gradient(70% 58% at 50% 0%, rgba(227, 196, 126, .5), rgba(215, 181, 109, .2) 48%, rgba(215, 181, 109, 0) 78%);
}

body[data-zapis] .main > .alert-success { position: relative; }
body[data-zapis] .main:has(.rozmowa-mail) > .alert-success { position: sticky; }
body[data-zapis] .main > .alert-success::after {
    content: ''; position: absolute; left: 24px; top: 22px; width: 4px; height: 4px; margin: -2px 0 0 -2px;
    border-radius: 50%; opacity: 0; pointer-events: none;
}

body:has(.swieto, [data-witaj], [data-pieczec]) .tlo-swiatlo::before,
body:has(.swieto, [data-witaj], [data-pieczec]) .main > .alert-success::after { visibility: hidden; }


.witaj-w-toz {
    position: fixed; top: 66px; right: 16px; z-index: 15; pointer-events: none; opacity: 0;
    max-width: calc(100vw - 32px); overflow: hidden; text-overflow: ellipsis;
    padding: 8px 16px 8px 40px; border-radius: 999px; background: #1b1e25; color: var(--toz-granat-ciemny-tekst);
    font-weight: 600; box-shadow: 0 6px 18px rgba(44, 67, 129, .14), 0 0 0 2px rgba(215, 181, 109, .35); white-space: nowrap;
}
.witaj-w-toz::before {
    content: ''; position: absolute; left: 13px; top: 50%; width: 18px; height: 18px; margin-top: -9px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d7b56d'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 760px) { .witaj-w-toz { top: 60px; right: 10px; max-width: calc(100vw - 20px); padding: 6px 12px 6px 34px; font-size: .92rem; } }


.swieto-platek        { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3.9 3.1 5.6 7.6 4.1 12-1.2 3.6-4.1 6.9-4.1 6.9s-2.9-3.3-4.1-6.9C6.4 10.1 8.1 5.6 12 2.5z' fill='%23e3c47e'/%3E%3Cpath d='M12 6.5v11' stroke='%23fff' stroke-opacity='.6' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-platek-granat { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3.9 3.1 5.6 7.6 4.1 12-1.2 3.6-4.1 6.9-4.1 6.9s-2.9-3.3-4.1-6.9C6.4 10.1 8.1 5.6 12 2.5z' fill='%239fb0dc'/%3E%3Cpath d='M12 6.5v11' stroke='%23fff' stroke-opacity='.6' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-motyl         { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23d7b56d'%3E%3Cellipse cx='7.6' cy='8.6' rx='5.2' ry='4.2' transform='rotate(-28 7.6 8.6)'/%3E%3Cellipse cx='16.4' cy='8.6' rx='5.2' ry='4.2' transform='rotate(28 16.4 8.6)'/%3E%3C/g%3E%3Cg fill='%23e3c47e'%3E%3Cellipse cx='8.6' cy='15.6' rx='3.6' ry='2.9' transform='rotate(24 8.6 15.6)'/%3E%3Cellipse cx='15.4' cy='15.6' rx='3.6' ry='2.9' transform='rotate(-24 15.4 15.6)'/%3E%3C/g%3E%3Crect x='11.2' y='6.4' width='1.6' height='12.4' rx='.8' fill='%233a57a2'/%3E%3Cpath d='M11.6 6.8L9.6 3.2M12.4 6.8l2-3.6' fill='none' stroke='%233a57a2' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-motyl-granat  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%237d8fd0'%3E%3Cellipse cx='7.6' cy='8.6' rx='5.2' ry='4.2' transform='rotate(-28 7.6 8.6)'/%3E%3Cellipse cx='16.4' cy='8.6' rx='5.2' ry='4.2' transform='rotate(28 16.4 8.6)'/%3E%3C/g%3E%3Cg fill='%239fb0dc'%3E%3Cellipse cx='8.6' cy='15.6' rx='3.6' ry='2.9' transform='rotate(24 8.6 15.6)'/%3E%3Cellipse cx='15.4' cy='15.6' rx='3.6' ry='2.9' transform='rotate(-24 15.4 15.6)'/%3E%3C/g%3E%3Crect x='11.2' y='6.4' width='1.6' height='12.4' rx='.8' fill='%232c4381'/%3E%3Cpath d='M11.6 6.8L9.6 3.2M12.4 6.8l2-3.6' fill='none' stroke='%232c4381' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swieto-ptak          { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 10.5c3.4-3.2 7-3.3 10.5 1 3.5-4.3 7.1-4.2 10.5-1-3.6-.5-7 .9-10.5 4.4-3.5-3.5-6.9-4.9-10.5-4.4z' fill='%233a57a2'/%3E%3C/svg%3E"); }
.swieto-swietlik      { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='s'%3E%3Cstop offset='0' stop-color='%23fff6d8'/%3E%3Cstop offset='.3' stop-color='%23e3c47e'/%3E%3Cstop offset='.6' stop-color='%23d7b56d' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23d7b56d' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='12' fill='url(%23s)'/%3E%3C/svg%3E"); }

.okazja-klucz { position: absolute; left: var(--x); top: var(--y); width: 0; height: 0; opacity: 0; }
.okazja-ptak {
    position: absolute; left: var(--px); top: var(--py); width: 16px; height: 16px; margin: -8px 0 0 -8px;
    background-position: center; background-size: contain; background-repeat: no-repeat;
}


.kot-zaglada { display: none; }
.kot-zaglada-okno { position: absolute; left: 0; bottom: 15px; width: 56px; height: 40px; overflow: hidden; }
.kot-zaglada-glowa {
    position: absolute; left: 10px; bottom: 0; width: 36px; height: 34px; transform: translateY(100%); transform-origin: 50% 100%;
    background-color: var(--toz-granat);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 34'%3E%3Cpath d='M5 34V15.5C5 11.2 6 8.2 7.6 6.2L5.6 1l7.3 3.7a13.6 13.6 0 0 1 10.2 0L30.4 1l-2 5.2C30 8.2 31 11.2 31 15.5V34z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 34'%3E%3Cpath d='M5 34V15.5C5 11.2 6 8.2 7.6 6.2L5.6 1l7.3 3.7a13.6 13.6 0 0 1 10.2 0L30.4 1l-2 5.2C30 8.2 31 11.2 31 15.5V34z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.kot-zaglada-oczy {
    position: absolute; left: 8px; top: 15px; width: 20px; height: 6px;
    background: radial-gradient(circle at 3px 3px, var(--toz-zloto) 0 2.3px, rgba(215, 181, 109, 0) 2.8px),
        radial-gradient(circle at 17px 3px, var(--toz-zloto) 0 2.3px, rgba(215, 181, 109, 0) 2.8px);
}


@property --swit-kat { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@media (prefers-reduced-motion: no-preference) {
    .karta-logowania { position: relative; }
    .main:not(:has(> .alert-danger)) > .karta-logowania::before {
        content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 150%; height: 140%; pointer-events: none;
        background: radial-gradient(closest-side, rgba(227, 196, 126, .5), rgba(215, 181, 109, .2) 58%, rgba(215, 181, 109, 0));
        animation: toz-swit 1.6s ease-out .4s both;
    }
    body[data-pora="noc"] .main:not(:has(> .alert-danger)) > .karta-logowania::before {
        background: radial-gradient(closest-side, rgba(147, 169, 230, .45), rgba(96, 134, 214, .18) 58%, rgba(96, 134, 214, 0));
    }
    @keyframes toz-swit {
        from { opacity: 0; transform: translate(-50%, -18%) scale(.55); }
        55%  { opacity: 1; }
        to   { opacity: .4; transform: translate(-50%, -50%) scale(1); }
    }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 640px) {
    .main:not(:has(> .alert-danger)) > .karta-logowania::before { width: 110%; }
}
@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
    @media (prefers-reduced-motion: no-preference) {
        .main:not(:has(> .alert-danger)) > .karta-logowania::after {
            content: ''; position: absolute; inset: -1px; padding: 2px; border-radius: inherit; pointer-events: none; opacity: 0;
            background: conic-gradient(from var(--swit-kat), rgba(215, 181, 109, 0) 0deg, rgba(215, 181, 109, 0) 270deg,
                var(--toz-zloto) 330deg, rgba(255, 255, 255, .85) 346deg, rgba(215, 181, 109, 0) 360deg);
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
            mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
            animation: toz-swit-obwodka 1.8s ease-in-out .7s both;
        }
        @keyframes toz-swit-obwodka {
            from { opacity: 0; --swit-kat: 0deg; }
            12%, 82% { opacity: 1; }
            to   { opacity: 0; --swit-kat: 360deg; }
        }
    }
}


@media (prefers-reduced-motion: no-preference) {
    body[data-zapis] .tlo-swiatlo::before { animation: toz-luna 1.5s ease-out .45s; }
    body[data-zapis] .main > .alert-success::after { animation: toz-iskierki .55s ease-out .55s; }
    .witaj-w-toz { animation: toz-powitanie 3.8s ease-in-out 1.4s forwards; }
    .tlo-gwiazdy::after { animation: toz-gwiazdy 2.4s ease-in-out .5s backwards; }
    .okazja-motyl    { animation: toz-okazja-motyl var(--czas) ease-in-out; }
    .okazja-swietlik { animation: toz-okazja-swietlik var(--czas) ease-in-out; }
    .okazja-klucz    { animation: toz-okazja-klucz var(--czas) linear; }
    .okazja-ptak     { animation: toz-okazja-skrzydla .32s ease-in-out var(--opoznienie) 22 alternate; }
    .kot-zaglada { display: block; position: relative; height: 0; pointer-events: none; }
    .kot-zaglada-glowa { animation: toz-kot-glowa 2.6s ease-in-out both; }
    .kot-zaglada-oczy  { animation: toz-kot-oczy 2.6s linear both; }
    @keyframes toz-luna {
        from { opacity: 0; transform: scaleY(.35); }
        35%  { opacity: 1; }
        to   { opacity: 0; transform: scaleY(1.15); }
    }
    @keyframes toz-iskierki {
        from {
            opacity: 1;
            box-shadow: 0 0 0 0 #e3c47e, 0 0 0 0 #e3c47e, 0 0 0 0 #e3c47e, 0 0 0 0 #e3c47e, 0 0 0 0 #e3c47e, 0 0 0 0 #e3c47e;
        }
        to {
            opacity: 0;
            box-shadow: 12px 0 0 -1px #d7b56d, 6px -10px 0 -1px #d7b56d, -6px -10px 0 -1px #d7b56d,
                -12px 0 0 -1px #d7b56d, -6px 10px 0 -1px #d7b56d, 6px 10px 0 -1px #d7b56d;
        }
    }
    @keyframes toz-gwiazdy { from { opacity: 0; } 25% { opacity: .9; } 45% { opacity: .3; } 70% { opacity: 1; } }
    
    @keyframes toz-okazja-motyl {
        from { opacity: 0; transform: translate3d(0, 0, 0) scaleX(1); }
        12%  { opacity: .9; transform: translate3d(calc(var(--dx) * .12 + 6px), calc(var(--dy) * .12), 0) scaleX(.5); }
        25%  { transform: translate3d(calc(var(--dx) * .25 + 8px), calc(var(--dy) * .25), 0) scaleX(1); }
        37%  { transform: translate3d(calc(var(--dx) * .37), calc(var(--dy) * .37), 0) scaleX(.5); }
        50%  { transform: translate3d(calc(var(--dx) * .5 - 8px), calc(var(--dy) * .5), 0) scaleX(1); }
        62%  { transform: translate3d(calc(var(--dx) * .62), calc(var(--dy) * .62), 0) scaleX(.5); }
        75%  { transform: translate3d(calc(var(--dx) * .75 + 8px), calc(var(--dy) * .75), 0) scaleX(1); }
        85%  { opacity: .9; }
        to   { opacity: 0; transform: translate3d(var(--dx), var(--dy), 0) scaleX(.5); }
    }
    
    @keyframes toz-okazja-swietlik {
        from { opacity: 0; transform: translate3d(0, 0, 0) scale(.6); }
        14%  { opacity: .95; transform: translate3d(calc(var(--dx) * .1 + 4px), calc(var(--dy) * .14), 0) scale(1); }
        30%  { opacity: .3; }
        44%  { opacity: .95; transform: translate3d(calc(var(--dx) * .45 + 9px), calc(var(--dy) * .48), 0) scale(1); }
        58%  { opacity: .4; }
        72%  { opacity: .9; transform: translate3d(calc(var(--dx) * .8 + 5px), calc(var(--dy) * .8), 0) scale(.9); }
        to   { opacity: 0; transform: translate3d(var(--dx), var(--dy), 0) scale(.6); }
    }
    @keyframes toz-okazja-klucz {
        from { opacity: 0; transform: translate3d(0, 0, 0); }
        8%, 92% { opacity: .85; }
        to   { opacity: 0; transform: translate3d(var(--dx), -18px, 0); }
    }
    @keyframes toz-okazja-skrzydla { from { transform: scaleY(1); } to { transform: scaleY(.45); } }
    @keyframes toz-kot-glowa {
        from     { transform: translateY(100%) rotate(0deg); }
        16%, 58% { transform: translateY(0) rotate(0deg); }
        68%, 78% { transform: translateY(0) rotate(-12deg); }
        86%      { transform: translateY(0) rotate(0deg); }
        to       { transform: translateY(100%) rotate(0deg); }
    }
    @keyframes toz-kot-oczy { from, 27%, 33%, 41%, 47%, to { transform: scaleY(1); } 30%, 44% { transform: scaleY(.1); } }
}
@media print { .tlo-swiatlo, .witaj-w-toz, .kot-zaglada { display: none; } }


.przycisk-filtrow,
.przelacznik-kolumn { display: none; }

.skrot-do-plikow { display: none; }
@media print { .skrot-do-plikow { display: none !important; } }


.table .kol-dodatkowa:not(.kol-dodana), .table .kol-wybor-ukryta { display: none; }
.wybor-kolumn { position: relative; display: inline-block; margin: 0 0 10px; }
.wybor-kolumn > summary { list-style: none; cursor: pointer; }
.wybor-kolumn > summary::-webkit-details-marker { display: none; }
.wybor-kolumn > summary::after { content: ""; display: inline-block; margin-left: 8px; border: 4px solid transparent; border-top-color: currentColor; transform: translateY(2px); }
.wybor-kolumn[open] > summary::after { transform: translateY(-2px) rotate(180deg); }
.wybor-kolumn-panel {
    position: absolute; top: calc(100% + 4px); left: 0; z-index: 26;
    width: max-content; min-width: 18rem; max-width: min(28rem, calc(100vw - 32px));
    max-height: min(70vh, 34rem); overflow-y: auto;
    padding: 10px 12px; background: #1b1e25; border: 1px solid var(--toz-border); border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}
.wybor-kolumn-tytul { margin: 4px 0 6px; font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--toz-granat-ciemny-tekst); }
.wybor-kolumn-lista { list-style: none; margin: 0 0 8px; padding: 0; }
.wybor-kolumn-lista li {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 3px 6px; border-radius: 6px; font-size: .9rem;
}
.wybor-kolumn-lista li:hover { background: var(--toz-granat-jasny); }
.wybor-kolumn-lista li.schowana > label { color: var(--toz-muted); }
.wybor-kolumn-lista label { display: flex; align-items: center; gap: 6px; margin: 0; font-weight: 400; cursor: pointer; text-transform: none; letter-spacing: normal; }
.wybor-kolumn-akcje { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; }
.wybor-kolumn-akcje .btn-link { min-width: 26px; min-height: 26px; padding: 0 4px; font-size: 1rem; }
.wybor-kolumn-akcje .btn-link:disabled { opacity: .3; cursor: default; }
.wybor-kolumn-lista .btn-link { text-decoration: none; }
.wybor-kolumn-stopka { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-top: 8px; border-top: 1px solid var(--toz-border); }
.ustawienie-kolumn { margin-top: 10px; }
.ustawienie-kolumn .wybor-kolumn { margin: 0; }

.wybor-kolumn-lista li[draggable="true"] { cursor: grab; }
.wybor-kolumn-lista li.przenoszona { opacity: .55; background: var(--toz-granat-jasny); box-shadow: inset 3px 0 0 var(--toz-granat); }
.wybor-kolumn-uchwyt { flex: 0 0 auto; color: var(--toz-muted); letter-spacing: -2px; font-size: .9rem; user-select: none; }
.wybor-kolumn-lista li > label { flex: 1 1 auto; }

[data-kolumny-wlasne] .przelacznik-kolumn { display: none !important; }
.table .kol-stala-ukryta { display: none; }
.table td.kol-stala-ukryta:has([data-otworz-wiersz]) {
    display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.table td.kol-stala-ukryta:has([data-otworz-wiersz]:focus-visible) {
    width: auto; height: auto; margin: 0; padding: 4px; overflow: visible; clip: auto; z-index: 5; background: var(--toz-plyta);
}
[data-kolumny-wlasne] tbody tr:has([data-otworz-wiersz]) { cursor: pointer; }
@media (max-width: 640px) {
    .wybor-kolumn-panel { position: fixed; left: 16px; right: 16px; top: auto; bottom: 16px; width: auto; min-width: 0; max-width: none; max-height: 70vh; }
}
@media print { .wybor-kolumn { display: none; } }



.wykresy-siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, max(590px, (100% - 2 * 28px) / 3)), 1fr)); gap: 26px 28px; }
.wykres { margin: 0; min-width: 0; max-width: 760px; }
.wykresy-siatka .wykres, .okno-wykresu .wykres { max-width: none; }
.wykres figcaption { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-bottom: 8px; }
.wykres-tytul { font-weight: 600; font-size: 1.02rem; color: var(--toz-granat-ciemny-tekst); }
.wykres-opis { font-size: .875rem; }
.wykres-svg { display: block; width: 100%; height: auto; overflow: visible; }
.wykres-podzialka { stroke: var(--toz-border); stroke-width: 1; }
.wykres-os { fill: var(--toz-muted); }
.wykres-os-nazwa { fill: currentColor; }
.wykres-liczba { font-weight: 600; fill: var(--toz-granat-ciemny-tekst); }
.wykres-tor { fill: var(--toz-granat-jasny); }
.wykres-slupek:hover { opacity: .78; }
.wykres-seria-1:not([fill]) { fill: var(--toz-granat-tekst); }
.wykres-seria-2:not([fill]) { fill: var(--toz-zloto); }
.wykres-legenda { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 6px; font-size: .9rem; color: var(--toz-muted); }
.wykres-legenda-pozycja { display: inline-flex; align-items: center; gap: 7px; }
.wykres-znak { display: inline-block; flex: none; width: 14px; height: 14px; border-radius: 3px; }
.wykres-znak.wykres-seria-1 { background: var(--toz-granat); }
.wykres-znak.wykres-seria-2 { background: var(--toz-zloto); }

.wykres-seria-3:not([fill]) { fill: #899dd0; }
.wykres-seria-4:not([fill]) { fill: #c6a14f; }
.wykres-seria-5:not([fill]) { fill: #b1c7fb; }
.wykres-seria-6:not([fill]) { fill: #e6d3a3; }
.wykres-seria-7:not([fill]) { fill: var(--toz-przygaszone); }
.wykres-znak.wykres-seria-3 { background: #3b4b78; }
.wykres-znak.wykres-seria-4 { background: #a8842f; }
.wykres-znak.wykres-seria-5 { background: #1d2d5c; }
.wykres-znak.wykres-seria-6 { background: #3a2b00; }
.wykres-znak.wykres-seria-7 { background: var(--toz-przygaszone); }

.wykres-komorka { fill: var(--toz-granat-tekst); }
.wykres-komorka-pusta { fill: transparent; }
.wykres-komorka-liczba { font-weight: 600; fill: var(--toz-text); pointer-events: none; }
.wykres-komorka-liczba-jasna { fill: #fff; }
.wykres-znak.wykres-znak-siatka { width: 28px; background: linear-gradient(90deg, var(--toz-granat-jasny), var(--toz-granat)); }

.wykres-linia { fill: none; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.wykres-linia-1 { stroke: var(--toz-granat-tekst); }
.wykres-linia-2 { stroke: var(--toz-zloto); }
.wykres-linia-3 { stroke: #899dd0; }
.wykres-linia-4 { stroke: #c6a14f; }
.wykres-linia-5 { stroke: #b1c7fb; }
.wykres-linia-6 { stroke: #e6d3a3; }
.wykres-punkt { stroke: var(--toz-plyta); stroke-width: 1.5; }
.wykres-znak.wykres-znak-linia { width: 16px; height: 4px; border-radius: 2px; }

.wykres-wzory { position: absolute; width: 0; height: 0; overflow: hidden; }
.wykres-wzory stop { stop-color: currentColor; }
.wykres-spadek-granat-dol { color: var(--toz-granat-ciemny-tekst); }
.wykres-spadek-granat-gora { color: #8ca4ea; }
.wykres-spadek-zloto-dol { color: #c6a14f; }
.wykres-spadek-zloto-gora { color: #e6d3a3; }
.wykres-slupki .wykres-seria-1:not([fill]) { fill: url(#wykres-spadek-granat) var(--toz-granat-tekst); }
.wykres-slupki .wykres-seria-2:not([fill]) { fill: url(#wykres-spadek-zloto) var(--toz-zloto); }
.wykres-ozdoba { pointer-events: none; }
.wykres-polysk { fill: rgba(255, 255, 255, .55); }
.wykres-poswiata-1 { color: var(--toz-granat-tekst); }
.wykres-poswiata-2 { color: var(--toz-zloto); }
.wykres-poswiata-3 { color: #899dd0; }
.wykres-poswiata-4 { color: #c6a14f; }
.wykres-poswiata-5 { color: #b1c7fb; }
.wykres-poswiata-6 { color: #e6d3a3; }
.wykres-poswiata-mocna { stop-color: currentColor; stop-opacity: .3; }
.wykres-poswiata-slaba { stop-color: currentColor; stop-opacity: 0; }

.wykres-paseczki { fill: url(#wykres-paseczki) none; }
.wykres-smuga { fill: none; stroke: var(--toz-zloto); stroke-opacity: 0; }
.wykres-paseczki-jasne { fill: rgba(255, 255, 255, .5); }
.wykres-paseczki-zlote { fill: var(--toz-zloto); }
.wykres-znak.wykres-znak-paseczki { background: repeating-linear-gradient(135deg, var(--toz-zloto) 0 2px, var(--toz-granat-jasny) 2px 4px); }
.wykres-znak.wykres-znak-trwa { width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--toz-muted); background: var(--toz-plyta); }
.wykres-punkt-srodek { fill: var(--toz-plyta); }
.wykres-pierscien { fill: none; stroke: var(--toz-zloto); stroke-width: 2; opacity: 0; }

.wykres-gwiazdka { fill: var(--toz-zloto); stroke: #c6a14f; stroke-width: .6; stroke-linejoin: round; }

.wykres-stos, .wykres-paski .wykres-slupek, .wykres-punkt, .wykres-punkt-srodek, .wykres-pierscien, .wykres-gwiazdka { transform-box: fill-box; }
.wykres-stos { transform-origin: 50% 100%; }
.wykres-paski .wykres-slupek { transform-origin: 0 50%; }
.wykres-punkt, .wykres-punkt-srodek, .wykres-pierscien, .wykres-gwiazdka { transform-origin: center; }

@media screen and (prefers-reduced-motion: no-preference) {
    .wykres-czeka .wykres-stos { transform: scaleY(0); }
    .wykres-paski .wykres-czeka .wykres-slupek { transform: scaleX(0); }
    .wykres-czeka .wykres-linia, .wykres-czeka .wykres-punkt, .wykres-czeka .wykres-punkt-srodek, .wykres-czeka .wykres-poswiata,
    .wykres-czeka .wykres-gwiazdka { opacity: 0; }
}

@media (prefers-reduced-motion: no-preference) {
    .wykres-slupek { transition: opacity .15s ease; }
    .wykres-rosnie .wykres-stos { animation: toz-wykres-rosnie .3s ease-out backwards; }
    .wykres-paski .wykres-rosnie .wykres-slupek { animation: toz-wykres-w-bok .3s ease-out backwards; }
    .wykres-rosnie .wykres-linia { animation: toz-wykres-pioro .8s linear backwards; }
    .wykres-rosnie .wykres-punkt, .wykres-rosnie .wykres-punkt-srodek { animation: toz-wykres-punkt .25s ease-out backwards; }
    .wykres-rosnie .wykres-poswiata { animation: toz-zjaw .8s ease-out backwards; }
    .wykres-rosnie .wykres-pierscien { animation: toz-wykres-pierscien 1.6s ease-out; }
    .wykres-rosnie .wykres-gwiazdka { animation: toz-zjaw .25s ease-out .45s backwards; }
    .wykres-rosnie .wykres-gwiazdka-blysk { animation: toz-wykres-blysk .7s ease-out .45s backwards; }
    .wykres-rosnie .wykres-smuga { animation: toz-wykres-smuga .6s ease-in-out .45s; }
    @keyframes toz-wykres-rosnie { from { transform: scaleY(0); } }
    @keyframes toz-wykres-w-bok { from { transform: scaleX(0); } }
    @keyframes toz-wykres-pioro { from { stroke-dasharray: 1 2; stroke-dashoffset: 1.01; } to { stroke-dasharray: 1 2; stroke-dashoffset: 0; } }
    @keyframes toz-wykres-punkt { from { opacity: 0; transform: scale(0); } }
    @keyframes toz-wykres-pierscien { from { opacity: .9; transform: scale(1); } to { opacity: 0; transform: scale(2.6); } }
    @keyframes toz-wykres-blysk { 0% { opacity: 0; transform: scale(.2) rotate(-90deg); } 55% { opacity: 1; transform: scale(1.8) rotate(0deg); } }
    @keyframes toz-wykres-smuga { from { stroke-opacity: .9; stroke-dasharray: .15 2; stroke-dashoffset: .15; } to { stroke-opacity: .9; stroke-dasharray: .15 2; stroke-dashoffset: -1; } }
}

@media print {
    .wykresy { break-inside: avoid; }
    .wykres-slupki .wykres-seria-1:not([fill]) { fill: var(--toz-granat-tekst); }
    .wykres-slupki .wykres-seria-2:not([fill]) { fill: var(--toz-zloto); }
    .wykres-polysk, .wykres-poswiata { display: none; }
}


.table tbody tr.wiersz-ostatni > td:first-child { box-shadow: inset 4px 0 0 var(--toz-zloto); }

.tabela-postow tbody tr:target > td:first-child { box-shadow: inset 4px 0 0 var(--toz-zloto); }
@media (prefers-reduced-motion: no-preference) {
    .table tbody tr.wiersz-ostatni > td { animation: toz-wiersz-ostatni 2.4s ease-out .2s; }
    .tabela-postow tbody tr:target > td, .table tbody tr[id^="mail-wiersz-"]:target > td { animation: toz-wiersz-ostatni 2.4s ease-out .2s; }
    @keyframes toz-wiersz-ostatni { 0%, 30% { background-color: rgba(215, 181, 109, .32); } }
}

@media (max-width: 640px) {
    .poza-telefonem { display: none !important; }
    
    .card-head .skrot-do-plikow { display: block; margin-top: 8px; }

    
    .przycisk-filtrow { display: inline-flex; }
    .filtry-zwijane:not(.filtry-rozwiniete) > :not([data-na-telefonie]):not(.filters-action) { display: none; }
    .filtry-zwijane:not(.filtry-rozwiniete) .filters-action > fieldset { display: none; }
    .filtry-zwijane [data-na-telefonie] { grid-column: 1 / -1; }

    
    .przelacznik-kolumn { display: inline-flex; margin-bottom: 10px; font-size: .82rem; padding: 3px 9px; }
    .kolumny-skrocone:not(.kolumny-wszystkie) .kol-poza-telefonem,
    .kolumny-skrocone:not(.kolumny-wszystkie) [data-zbiorcze] { display: none; }
    
    .kolumny-skrocone:not(.kolumny-wszystkie) td.kol-poza-telefonem:has([data-otworz-wiersz]) {
        display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
        clip: rect(0 0 0 0); white-space: nowrap; border: 0;
    }
    .kolumny-skrocone:not(.kolumny-wszystkie) td.kol-poza-telefonem:has([data-otworz-wiersz]:focus-visible) {
        width: auto; height: auto; margin: 0; padding: 4px; overflow: visible; clip: auto; z-index: 5; background: var(--toz-plyta);
    }
    
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table-wrap .table { width: 100%; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td:not(.kol-akcje),
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table th:not(.kol-akcje) { min-width: 0; max-width: none; }
    
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td:not(.kol-akcje),
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td:not(.kol-akcje) * { white-space: normal; overflow-wrap: anywhere; }
    
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td:not(.kol-akcje):not(.kol-zaznacz):not(.kol-znaki) { min-width: 4rem; }
    
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]):not(:has(td.kol-znaki *)) .kol-znaki { display: none; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td.kol-data,
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td.kol-data * { overflow-wrap: normal; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td.liczba,
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td.liczba * { white-space: nowrap; overflow-wrap: normal; }
    
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td.kol-akcje { white-space: normal; }
    
    .table td.kol-akcje { white-space: normal; }
    .table td.kol-akcje .btn + .inline, .table td.kol-akcje .inline + .inline { margin-left: 0; }
    .table td.kol-akcje > * { margin: 2px 2px 2px 0; }
    
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje a[data-otworz-wiersz] {
        position: absolute; width: 1px; min-width: 0; height: 1px; padding: 0; margin: -1px; overflow: hidden;
        clip: rect(0 0 0 0); white-space: nowrap; border: 0;
    }
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje a[data-otworz-wiersz]:focus-visible {
        position: static; width: auto; height: auto; margin: 0; padding: 0 12px; overflow: visible; clip: auto;
    }
    
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje a[data-otworz-wiersz].btn-ikona:focus-visible { width: 34px; min-width: 34px; padding: 0; }
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje a[data-otworz-wiersz] + .inline { margin-left: 0; }
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje .btn + .inline,
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje .inline + .inline { display: block; margin: 6px 0 0; }

    
    .zbiorka-z-miniatura, .post-z-miniatura, .podopieczny-z-miniatura { min-width: 0; gap: 4px 8px; flex-wrap: wrap; }
    span.miniatura-zbiorki, span.miniatura-posta, span.miniatura-podopiecznego { display: none; }
    img.miniatura-zbiorki { flex-basis: 44px; width: 44px; height: 24px; }
    img.miniatura-posta { flex-basis: 48px; width: 48px; height: 48px; }

    
    .tabela-wierszami { min-width: 0; }
    .tabela-wierszami thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .tabela-wierszami, .tabela-wierszami tbody { display: block; width: 100%; }
    .tabela-wierszami tr { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px 10px; padding: 12px 0;
                           border-bottom: 1px solid var(--toz-border); }
    .tabela-wierszami td { display: block; padding: 0; border: 0; min-width: 0 !important; width: auto !important;
                           max-width: none; text-align: left !important; }
    .tabela-wierszami td[data-etykieta]::before { content: attr(data-etykieta); display: block; margin-bottom: 3px;
                                                 font-size: .78rem; font-weight: 600; color: var(--toz-muted); }
    .tabela-wierszami tr { grid-auto-flow: row dense; }
    .tabela-wierszami td.kol-uwaga, .tabela-wierszami td[data-etykieta="Treść"],
    .tabela-wierszami td[data-etykieta="Szczegóły"] { grid-column: 1 / -1; }
    .tabela-wierszami td[data-etykieta="Dowód"], [data-tabela-pozycji].tabela-wierszami td[data-etykieta="Kwota"] { grid-column: 2 / -1; }
    .tabela-wierszami .kwota-w-tabeli { width: 100%; }
    .tabela-wierszami td.kol-lp-lista { grid-column: 1 / 3; font-weight: 600; }
    .tabela-wierszami td.kol-lp-lista::before { display: inline; margin-right: 4px; }
    .tabela-wierszami td.kol-usun, .tabela-wierszami td.kol-akcje { grid-column: 3; grid-row: 1; align-self: end; width: auto; }
    .tabela-wierszami .form-control { width: 100%; min-width: 0; }

    
    .wzor { flex-wrap: wrap; }
    .wzor-tresc { flex-basis: calc(100% - 60px); }
    .wzor-akcje { flex: 1 1 100%; justify-content: flex-end; flex-wrap: wrap; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table th,
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td { padding-left: 5px; padding-right: 5px; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .naglowek-dopisek { display: none; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td .znacznik-niebezpieczny,
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td .znacznik-miejsca,
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td .stan,
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td .badge {
        overflow-wrap: normal; font-size: .7rem; letter-spacing: 0; padding: 0 6px; line-height: 1.35;
    }
    
    .kolumny-skrocone:not(.kolumny-wszystkie) tbody tr:has([data-otworz-wiersz]) { cursor: pointer; }
    
    .dodanie-faktury > span.muted { display: none; }

    
    
    .pole:not(:focus-within) > .hint[class="hint"]:not(:has(a, button)):not([aria-live]):not([role="status"]),
    .card:not(.card-narrow) > .hint[class="hint"]:not(:has(a, button)):not([aria-live]):not([role="status"]),
    .historia > .hint[class="hint"] { display: none; }
    
    .pole:not(:focus-within) .opis-po-dotknieciu { display: none; }
    
    .pole:not(:focus-within) > .hint.podglad-kolorow { display: none; }
    
    .gps-wiersz .form-control.pole-gps { flex: 1 1 100%; width: 100%; text-align: left; }
    
    .powiazanie-zwierzak .zwierzak-ile:empty { display: none; }
    .powiazanie-zwierzak input[name="zwierzak_imie[]"] { order: 1; }
    .powiazanie-zwierzak .zwierzak-ile { order: 2; }
    .powiazanie-zwierzak .usun-pozycje { order: 3; }
    .powiazanie-zwierzak > :not(input[name="zwierzak_imie[]"]):not(.zwierzak-ile):not(.usun-pozycje) { order: 4; }
    
    .pasek-zapisu { gap: 8px; }
    .pasek-zapisu .btn-primary { flex: 1 1 100%; }
    .pasek-zapisu .btn:not(.btn-primary) { padding: 7px 10px; font-size: .85rem; flex: 1 1 auto; }
    .pasek-zapisu .pasek-prawa .btn:not(.btn-primary) { flex: 0 0 auto; }
    .pasek-zapisu .pasek-prawa { justify-content: flex-end; }
    .pasek-zapisu .pasek-prawa .btn { width: auto; flex: 0 0 auto; }
    
    .zakladki { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .zakladki::-webkit-scrollbar { display: none; }
    .zakladka { flex: 0 0 auto; }
    .pola { gap: 12px 14px; }
    .sekcja { margin-bottom: 18px; }
    .sekcja + .sekcja { padding-top: 16px; }
    
    .pole-opis .form-control { min-height: 6rem; }
    .pole-opis-duze .form-control { min-height: 9rem; }
    
    .strefa-zrzutu { border: 0; padding: 0; margin-bottom: 10px; }
    .pusto { padding: 12px; }
    p.pusto::before { display: none; }
}


@media (min-width: 641px) and (max-width: 1024px) {
    .przelacznik-kolumn { display: inline-flex; margin-bottom: 10px; font-size: .82rem; padding: 3px 9px; }
    .tablet-bez-ukrytych .przelacznik-kolumn { display: none; }
    .kolumny-skrocone:not(.kolumny-wszystkie) .kol-poza-tabletem { display: none; }
    .kolumny-skrocone:not(.kolumny-wszystkie) td.kol-poza-tabletem:has([data-otworz-wiersz]),
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje a[data-otworz-wiersz] {
        display: block; position: absolute; width: 1px; min-width: 0; height: 1px; padding: 0; margin: -1px; overflow: hidden;
        clip: rect(0 0 0 0); white-space: nowrap; border: 0;
    }
    .kolumny-skrocone:not(.kolumny-wszystkie) td.kol-poza-tabletem:has([data-otworz-wiersz]:focus-visible) {
        width: auto; height: auto; margin: 0; padding: 4px; overflow: visible; clip: auto; z-index: 5; background: var(--toz-plyta);
    }
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje a[data-otworz-wiersz]:focus-visible {
        display: inline-flex; position: static; width: auto; height: auto; margin: 0; padding: 0 12px; overflow: visible; clip: auto;
    }
    .kolumny-skrocone:not(.kolumny-wszystkie) .table td.kol-akcje a[data-otworz-wiersz].btn-ikona:focus-visible { width: 34px; min-width: 34px; padding: 0; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table-wrap .table { width: 100%; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td:not(.kol-akcje),
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table th:not(.kol-akcje) { min-width: 0; max-width: none; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td:not(.kol-akcje) { white-space: normal; overflow-wrap: anywhere; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td.kol-data,
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td.liczba { white-space: nowrap; overflow-wrap: normal; }
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td .badge,
    :is(.kolumny-skrocone:not(.kolumny-wszystkie), [data-kolumny-wlasne]) .table td .stan { overflow-wrap: normal; }
    .kolumny-skrocone:not(.kolumny-wszystkie) tbody tr:has([data-otworz-wiersz]) { cursor: pointer; }
    .zbiorka-z-miniatura, .post-z-miniatura { min-width: 0; }
    .table td.kol-akcje { white-space: normal; }
}


@media (max-width: 1024px) and (hover: none) and (pointer: coarse) {
    .pasek-zapisu {
        position: static; background: transparent; border-top: 0;
        padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;
    }
}




@media (prefers-reduced-motion: no-preference) {
    .pin.pin-opada, .flaga.flaga-opada, .znak-urzedu.flaga-opada { animation: toz-mapa-opada .25s cubic-bezier(.3, 1.35, .5, 1) var(--opoznienie, 0s) backwards; }
    .pin.pin-puls { animation: toz-pin-puls .7s ease-out 3; transform-origin: 50% 100%; }
    @keyframes toz-mapa-opada {
        from { opacity: 0; transform: translateY(-18px); }
        to   { opacity: 1; transform: none; }
    }
    @keyframes toz-pin-puls {
        0%, 100% { transform: none; filter: none; }
        40%      { transform: scale(1.35); filter: drop-shadow(0 0 6px rgba(215, 181, 109, .95)); }
    }
}


.pasek-celu { display: flex; align-items: center; gap: 6px; margin-top: 3px; justify-content: flex-end; }
dd .pasek-celu { justify-content: flex-start; max-width: 320px; }
.pasek-celu-postep {
    -webkit-appearance: none; appearance: none; flex: 1 1 auto; min-width: 48px; height: 6px; border: 0; border-radius: 999px;
    background: var(--toz-granat-jasny); overflow: hidden; color: var(--toz-granat-tekst);
}
.pasek-celu-postep::-webkit-progress-bar { background: var(--toz-granat-jasny); border-radius: 999px; }
.pasek-celu-postep::-webkit-progress-value { background: linear-gradient(90deg, #7d8fd0, var(--toz-granat)); border-radius: 999px; }
.pasek-celu-postep::-moz-progress-bar { background: linear-gradient(90deg, #7d8fd0, var(--toz-granat)); border-radius: 999px; }
.pasek-celu-pelny::-webkit-progress-value { background: linear-gradient(90deg, #e3c47e, var(--toz-zloto)); }
.pasek-celu-pelny::-moz-progress-bar { background: linear-gradient(90deg, #e3c47e, var(--toz-zloto)); }
.pasek-celu-procent { font-size: .8rem; color: var(--toz-muted); white-space: nowrap; }
@media print { .pasek-celu-postep { display: none; } }


@media (prefers-reduced-motion: no-preference) {
    ::view-transition-group(podglad-zdjecie) { animation-duration: .32s; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
    ::view-transition-old(podglad-zdjecie), ::view-transition-new(podglad-zdjecie) { height: 100%; object-fit: contain; }
}


.szkielet { display: grid; gap: 9px; padding: 12px 14px; }
.szkielet-pasek {
    display: block; height: 11px; border-radius: 6px;
    background: linear-gradient(90deg, #22262e 0%, #1e2128 45%, #22262e 90%) 0 0 / 220% 100%;
}
.szkielet-pasek:nth-child(2) { width: 82%; }
.szkielet-pasek:nth-child(3) { width: 64%; }
.szkielet-pasek:nth-child(4) { width: 76%; }
@media (prefers-reduced-motion: no-preference) {
    .szkielet-pasek { animation: toz-szkielet 1.3s ease-in-out infinite; }
    @keyframes toz-szkielet {
        from { background-position: 100% 0; }
        to   { background-position: -120% 0; }
    }
}


.obecnosc-kropka {
    display: inline-block; width: 8px; height: 8px; margin: 0 5px 1px 1px; border-radius: 50%;
    background: #1c7a45; vertical-align: middle;
}
@media (prefers-reduced-motion: no-preference) {
    .obecnosc-nowa .obecnosc-kropka { animation: toz-obecnosc-puls 1s ease-out 3; }
    .obecnosc-osoba.obecnosc-wychodzi { animation: toz-obecnosc-gasnie .45s ease-in forwards; }
    @keyframes toz-obecnosc-puls {
        from { box-shadow: 0 0 0 0 rgba(28, 122, 69, .55); }
        to   { box-shadow: 0 0 0 7px rgba(28, 122, 69, 0); }
    }
    @keyframes toz-obecnosc-gasnie { to { opacity: 0; } }
}


.na-zywo .btn { margin-left: 6px; vertical-align: baseline; }
.na-zywo-zmiana { outline: 2px solid #a87200; outline-offset: 2px; border-radius: 4px; }
tr.na-zywo-zmiana { outline: none; }
tr.na-zywo-zmiana > td { background: #2a2200; }
tr.na-zywo-zmiana > td:first-child { box-shadow: inset 4px 0 0 #a87200; }
@media (prefers-reduced-motion: no-preference) {
    .na-zywo-zmiana { animation: toz-na-zywo 1s ease-in-out 2; }
    @keyframes toz-na-zywo {
        50% { outline-color: rgba(168, 114, 0, .25); }
    }
}


.nav-rozwijane .nav-link.nav-widok { padding-left: 26px; font-size: .92em; }
.nav-rozwijane .nav-link.nav-widok::before {
    content: ""; display: inline-block; width: 8px; height: 1px; margin: 0 6px 4px -14px; background: currentColor; opacity: .45;
}

html.menu-zwiniete .nav-rozwijane .nav-link.nav-widok { padding-left: 42px; }

.widok-podpis { display: none; margin: 2px 0 0; font-size: .875rem; color: var(--toz-muted); }
html.menu-zwiniete .widok-podpis { display: block; }
.widoki-listy .h5 { margin-top: 0; }
.widoki-listy-akcje, .widoki-listy-nowy { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.widoki-listy-akcje form { display: flex; align-items: center; gap: 6px; margin: 0; }
.widoki-listy-nazwa, .widoki-listy-nowy { gap: 6px; }
.widoki-listy-nazwa .form-control, .widoki-listy-nowy .form-control { width: 15rem; max-width: 100%; }
.widoki-listy-nowy label { margin: 0; }
.widoki-listy-moje a[aria-current="page"] { font-weight: 600; }
.widok-kopia { position: relative; display: inline-block; vertical-align: top; }
.widok-kopia > summary { list-style: none; }
.widok-kopia > summary::-webkit-details-marker { display: none; }
.widok-kopia-formularz {
    position: absolute; top: calc(100% + 4px); right: 0; z-index: 26;
    display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; width: max-content; min-width: 18rem; max-width: min(28rem, calc(100vw - 32px));
    padding: 10px 12px; background: var(--toz-plyta); border: 1px solid var(--toz-border); border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45); white-space: normal; text-align: left;
}


button.stan.w-wierszu {
    font-family: inherit; font-weight: inherit; cursor: pointer; text-align: left;
}

button.stan.w-wierszu::after {
    content: ""; display: inline-block; margin-left: 6px; vertical-align: middle;
    border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4.5px solid currentColor;
    opacity: .9;
}
button.stan.w-wierszu:hover { filter: brightness(.96); box-shadow: 0 0 0 3px rgba(58, 87, 162, .12); }
button.stan.w-wierszu:hover::after, button.stan.w-wierszu[aria-expanded="true"]::after { opacity: 1; }
button.stan.w-wierszu:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 2px; }
button.stan.w-wierszu[aria-busy="true"] { opacity: .55; cursor: progress; }

.stan-pusty { background: transparent; border: 1px dashed var(--toz-pole-ramka); color: var(--toz-muted); }
.stan-pusty::before { display: none; }
.w-wierszu-lista {
    position: absolute; z-index: 60;
    min-width: 180px; max-width: calc(100vw - 16px); max-height: 20rem; overflow-y: auto;
    margin: 0; padding: 6px; list-style: none;
    display: flex; flex-direction: column; gap: 2px;
    background: var(--toz-plyta); border: 1px solid var(--toz-border); border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
    
    overscroll-behavior: contain;
}
.w-wierszu-lista:focus { outline: none; }
.w-wierszu-lista [role="option"] {
    display: flex; align-items: center; gap: 10px;
    padding: 5px 8px; border-radius: 6px; cursor: pointer;
}
.w-wierszu-lista [role="option"]:hover, .w-wierszu-lista [role="option"].aktywna { background: var(--toz-granat-jasny); }
.w-wierszu-lista [role="option"].aktywna { box-shadow: inset 0 0 0 1px var(--toz-fokus); }
.w-wierszu-lista [role="option"][aria-selected="true"]::after {
    content: "✓"; margin-left: auto; padding-left: 8px; color: var(--toz-granat-ciemny-tekst); font-weight: 700;
}
.w-wierszu-komunikat { margin: 0 0 10px; }

.w-wierszu-lista .stan .ikona { width: 14px; height: 14px; margin-right: 5px; vertical-align: -2px; }
.flaga-wiersza.w-wierszu[aria-busy="true"] { opacity: .55; cursor: progress; }
.w-wierszu-komunikat .btn { margin-left: 6px; }

.w-wierszu-uwaga { display: block; max-width: 16rem; margin-top: 4px; font-size: .8rem; line-height: 1.3; color: var(--toz-blad-tekst); white-space: normal; }
@media (max-width: 640px) {
    
    button.stan.w-wierszu { display: inline-flex; align-items: center; }
}
@media (pointer: coarse) {
    .w-wierszu-lista [role="option"] { padding: 9px 10px; }
    
    button.stan.w-wierszu { min-height: 32px; display: inline-flex; align-items: center; }
}
@media (prefers-reduced-motion: no-preference) {
    button.stan.w-wierszu { transition: box-shadow .12s ease, filter .12s ease; }
    .w-wierszu-lista { animation: toz-w-wierszu-lista .12s ease-out; }
    .w-wierszu-zapisane { animation: toz-w-wierszu-zapisane .7s ease-out; }
    @keyframes toz-w-wierszu-lista { from { opacity: 0; transform: translateY(-4px); } }
    @keyframes toz-w-wierszu-zapisane {
        from { box-shadow: 0 0 0 0 rgba(31, 107, 69, .45); }
        to   { box-shadow: 0 0 0 8px rgba(31, 107, 69, 0); }
    }
}


@media (prefers-reduced-motion: no-preference) {
    html.motyw-kolo::view-transition-old(root) { animation: none; }
    html.motyw-kolo::view-transition-new(root) { animation: toz-motyw-kolo .7s cubic-bezier(.4, 0, .2, 1); }
    @keyframes toz-motyw-kolo {
        from { clip-path: circle(0 at var(--motyw-x, 50%) var(--motyw-y, 50%)); }
        to   { clip-path: circle(150vmax at var(--motyw-x, 50%) var(--motyw-y, 50%)); }
    }
}


.swieto-dopisek { display: block; margin-top: 4px; font-size: .5em; font-weight: 600; letter-spacing: 0; opacity: .85; }


@media (prefers-reduced-motion: no-preference) {
    .kalendarz-dzis { animation: toz-kalendarz-dzis .55s ease-out; }
    .kalendarz-dni[data-kierunek="dalej"]  { animation: toz-kalendarz-dalej .3s ease-out; }
    .kalendarz-dni[data-kierunek="wstecz"] { animation: toz-kalendarz-wstecz .3s ease-out; }
    @keyframes toz-kalendarz-dzis {
        from { border-color: transparent; box-shadow: inset 0 0 0 1px transparent, 0 0 0 0 rgba(215, 181, 109, 0); }
    }
    @keyframes toz-kalendarz-dalej  { from { opacity: 0; transform: translateX(28px); } }
    @keyframes toz-kalendarz-wstecz { from { opacity: 0; transform: translateX(-28px); } }
}


.postep-strony::after {
    content: ''; position: absolute; left: 0; top: 0; width: 13px; height: 13px; opacity: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%233a57a2'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (prefers-reduced-motion: no-preference) {
    html.w-drodze .postep-strony::after {
        animation: toz-postep-lapka 1.05s linear infinite, toz-postep-lapka-zjaw .25s ease-out 1s forwards;
    }
    @keyframes toz-postep-lapka {
        from { transform: translateX(-16px) rotate(-14deg); }
        50%  { transform: translateX(50vw) rotate(14deg); }
        to   { transform: translateX(100vw) rotate(-14deg); }
    }
    @keyframes toz-postep-lapka-zjaw { to { opacity: 1; } }
}
@media print { .postep-strony::after { display: none; } }


.blad-rysunek { display: block; width: 132px; height: 88px; margin: 0 auto 10px; }
.blad-ogon { transform-box: fill-box; transform-origin: 100% 100%; }
.blad-kotek .blad-ogon { transform-origin: 0 100%; }
@media (prefers-reduced-motion: no-preference) {
    .blad-nos  { animation: toz-blad-nos .45s ease-in-out 3; }
    .blad-ogon { animation: toz-blad-ogon .32s ease-in-out 6 alternate; }
    @keyframes toz-blad-nos  { 50% { transform: translate(1.6px, -1.2px); } }
    @keyframes toz-blad-ogon { to { transform: rotate(22deg); } }
}
@media print { .blad-rysunek { display: none; } }


p.pusto-filtr::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='20' cy='28' r='11' fill='none' stroke='%23b9c3de' stroke-width='4'/%3E%3Cpath d='M29 37l12 9' stroke='%23b9c3de' stroke-width='5' stroke-linecap='round'/%3E%3Cellipse cx='24' cy='9' rx='7.5' ry='5.2' fill='%237d8fd0'/%3E%3Cellipse cx='21' cy='9.5' rx='1.6' ry='2' fill='%23fff'/%3E%3Cellipse cx='27' cy='9.5' rx='1.6' ry='2' fill='%23fff'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion: no-preference) {
    p.pusto-filtr::before { animation: toz-wesz .5s ease-in-out .1s 2; }
    @keyframes toz-wesz { 50% { transform: translateX(3px) rotate(-8deg); } }
}


.powitanie-dnia {
    position: fixed; top: 66px; right: 16px; z-index: 15; pointer-events: none; opacity: 0;
    padding: 8px 16px 8px 42px; border-radius: 999px; background: #1b1e25; color: var(--toz-granat-ciemny-tekst);
    font-weight: 600; box-shadow: 0 6px 18px rgba(44, 67, 129, .14); white-space: nowrap;
}
.powitanie-dnia::before {
    content: ''; position: absolute; left: 12px; top: 50%; width: 22px; height: 22px; margin-top: -11px;
    background: center / contain no-repeat;
}
.powitanie-dzien::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23d7b56d' stroke-width='4' stroke-linecap='round'%3E%3Ccircle cx='24' cy='24' r='9' fill='%23d7b56d'/%3E%3Cpath d='M24 4v6M24 38v6M4 24h6M38 24h6M9.9 9.9l4.2 4.2M33.9 33.9l4.2 4.2M9.9 38.1l4.2-4.2M33.9 14.1l4.2-4.2'/%3E%3C/svg%3E"); }
.powitanie-wieczor::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%233a57a2'%3E%3Cpath d='M30 4a18 18 0 1 0 14 29A16 16 0 0 1 30 4z'/%3E%3Ccircle cx='10' cy='12' r='1.6' fill='%23d7b56d'/%3E%3Ccircle cx='17' cy='6' r='1.2' fill='%23d7b56d'/%3E%3C/svg%3E"); }
@media (prefers-reduced-motion: no-preference) {
    .powitanie-dnia { animation: toz-powitanie 4.2s ease-in-out .35s forwards; }
    @keyframes toz-powitanie {
        0%   { opacity: 0; transform: translateY(-8px); }
        12%  { opacity: 1; transform: none; }
        82%  { opacity: 1; }
        100% { opacity: 0; }
    }
}
@media print { .powitanie-dnia { display: none; } }
@media (max-width: 760px) { .powitanie-dnia { top: 60px; right: 10px; padding: 6px 12px 6px 36px; font-size: .92rem; } }


.toz-skopiowano {
    position: fixed; z-index: 70; pointer-events: none; padding: 4px 10px; border-radius: 8px;
    background: var(--toz-granat-ciemny); color: #fff; font-size: .85rem; font-weight: 600; white-space: nowrap;
    box-shadow: 0 4px 12px rgba(44, 67, 129, .22);
}
.toz-skopiowano::after {
    content: ''; position: absolute; left: 50%; bottom: -5px; width: 10px; height: 10px; margin-left: -5px;
    background: inherit; transform: rotate(45deg);
}
.toz-skopiowano-pod::after { bottom: auto; top: -5px; }
.toz-skopiowano-blad { background: #a52834; }
@media (prefers-reduced-motion: no-preference) {
    .main > .alert-success {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cstyle%3Epath%7Bstroke-dasharray:13;stroke-dashoffset:13;animation:r .4s ease-out .2s forwards%7D@keyframes r%7Bto%7Bstroke-dashoffset:0%7D%7D%3C/style%3E%3Ccircle cx='10' cy='10' r='9' fill='%231f6b45'/%3E%3Cpath d='M5.8 10.4l2.8 2.8 5.6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .toz-skopiowano { animation: toz-skopiowano .18s ease-out; }
    @keyframes toz-skopiowano { from { opacity: 0; transform: translateY(4px) scale(.96); } }
}
@media print { .toz-skopiowano { display: none; } }


@property --sesja-reszta { syntax: '<number>'; inherits: false; initial-value: 100; }
.sesja-kolko { display: none; }
@media (prefers-reduced-motion: no-preference) {
    .sesja-kolko {
        display: inline-block; width: 16px; height: 16px; margin: 0 4px 0 8px; vertical-align: -3px; border-radius: 50%;
        background: conic-gradient(var(--toz-zloto) calc(var(--sesja-reszta) * 1%), rgba(201, 160, 74, .18) 0);
        animation-name: toz-sesja-kolko; animation-timing-function: linear; animation-fill-mode: both;
    }
    @keyframes toz-sesja-kolko {
        from { --sesja-reszta: var(--od); }
        to   { --sesja-reszta: 0; }
    }
}


.do-zobaczenia { display: none; }
@media (prefers-reduced-motion: no-preference) {
    .do-zobaczenia {
        display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 14px;
        font-weight: 700; color: var(--toz-granat-ciemny-tekst); animation: toz-zjaw .3s ease-out;
    }
    .do-zobaczenia-lapka {
        display: inline-block; width: 30px; height: 30px; transform-origin: 50% 90%;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23d7b56d'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
        animation: toz-machanie .32s ease-in-out .25s 4 alternate;
    }
    @keyframes toz-machanie { from { transform: rotate(-16deg); } to { transform: rotate(16deg); } }
}


.wysylanie-postep { display: flex; align-items: center; gap: 10px; margin: 8px 0 0; font-size: .9rem; color: var(--toz-granat-ciemny-tekst); }
.wysylanie-postep[hidden] { display: none; }
.wysylanie-postep progress {
    flex: 1 1 auto; max-width: 320px; height: 8px; border: 0; border-radius: 999px; background: #22262e; overflow: hidden;
    -webkit-appearance: none; appearance: none;
}
.wysylanie-postep progress::-webkit-progress-bar { background: #22262e; border-radius: 999px; }
.wysylanie-postep progress::-webkit-progress-value { background: var(--toz-zloto); border-radius: 999px; }
.wysylanie-postep progress::-moz-progress-bar { background: var(--toz-zloto); border-radius: 999px; }
@media (prefers-reduced-motion: no-preference) {
    .wysylanie-postep progress::-webkit-progress-value { transition: width .2s ease-out; }
}


@media (prefers-reduced-motion: no-preference) {
    .wiersz-wchodzi:not(tr) { transform-origin: 50% 0; animation: toz-wiersz-wchodzi .2s ease-out; }
    tr.wiersz-wchodzi > td > * { animation: toz-wiersz-wchodzi-tresc .2s ease-out; }
    @keyframes toz-wiersz-wchodzi { from { opacity: 0; transform: scaleY(.6); } }
    @keyframes toz-wiersz-wchodzi-tresc { from { opacity: 0; transform: translateY(-4px); } }
}


@media (prefers-reduced-motion: no-preference) {
    .zbiorcze-licznik { display: inline-block; }
    .zbiorcze-licznik-skok { animation: toz-licznik-skok .28s ease-out; }
    @keyframes toz-licznik-skok { 40% { transform: translateY(-3px) scale(1.06); } }
}


.wykres { position: relative; }
.wykres-chmurka {
    position: absolute; z-index: 5; pointer-events: none; padding: 3px 8px; border-radius: 6px;
    background: var(--toz-granat-ciemny); color: #fff; font-size: .875rem; font-weight: 600; white-space: nowrap;
    box-shadow: 0 4px 12px rgba(44, 67, 129, .2);
}
.wykres-chmurka[hidden] { display: none; }
.wykres-svg.wykres-wybrany .wykres-slupek:not(.wykres-aktywny) { opacity: .45; }

.wykres-svg.wykres-wybrany .wykres-stos:not(:has(.wykres-aktywny)) > .wykres-ozdoba { opacity: .45; }
.wykres-slupek:focus { outline: none; }
.wykres-slupek:focus-visible { stroke: var(--toz-granat-ciemny-tekst); stroke-width: 2px; }

.wykres-siatka .wykres-svg.wykres-wybrany .wykres-slupek:not(.wykres-aktywny),
.wykres-siatka .wykres-slupek:hover { opacity: 1; }
.wykres-siatka .wykres-slupek.wykres-aktywny,
.wykres-siatka .wykres-slupek:hover { stroke: var(--toz-zloto); stroke-width: 2px; }
@media (prefers-reduced-motion: no-preference) {
    .wykres-chmurka { transition: left .15s ease-out, top .15s ease-out; }
}

.wykres-powiekszalny > figcaption { padding-right: 7rem; }
.wykres-powiekszalny > .wykres-powieksz { position: absolute; top: -4px; right: 0; }
.wykres-powiekszalny .wykres-svg { cursor: zoom-in; }

.okno-pytania.okno-wykresu { width: calc(100% - 32px); max-width: calc(100% - 32px); max-height: calc(100% - 32px); overflow: hidden auto; overscroll-behavior: contain; }
.okno-wykresu .okno-pytania-tresc { padding: clamp(16px, 2vw, 28px); }
.okno-wykresu-pasek { display: flex; justify-content: flex-end; margin: 0 0 4px; }
.okno-wykresu .wykres-powieksz { display: none; }
.okno-wykresu .wykres-powiekszalny > figcaption { padding-right: 0; }
.okno-wykresu .wykres-tytul { font-size: 1.2rem; }
.okno-wykresu .wykres-opis { font-size: .95rem; }
.okno-wykresu .wykres-svg { cursor: auto; max-height: 66vh; }
.okno-wykresu .wykres-legenda { font-size: 1rem; }
.okno-wykresu .wykres table.sr-only {
    position: static; display: block; width: auto; max-width: 100%; height: auto; margin: 20px 0 0; overflow: auto hidden; clip: auto; white-space: normal;
    border-collapse: collapse; font-size: .95rem; font-variant-numeric: tabular-nums;
}

.okno-wykresu .wykres table.sr-only caption {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.okno-wykresu .wykres table.sr-only th,
.okno-wykresu .wykres table.sr-only td { padding: 6px 14px; border-bottom: 1px solid var(--toz-border); text-align: right; white-space: nowrap; }
.okno-wykresu .wykres table.sr-only th[scope="row"],
.okno-wykresu .wykres table.sr-only thead th:first-child { text-align: center; font-weight: 600; }
.okno-wykresu .wykres-paski table.sr-only th[scope="row"] { text-align: left; white-space: normal; }
.okno-wykresu .wykres table.sr-only thead th { color: var(--toz-granat-ciemny-tekst); border-bottom: 2px solid var(--toz-border); }
.okno-wykresu .wykres table.sr-only tbody tr:hover { background: var(--toz-granat-jasny); }

@media print {
    .wykres-powieksz { display: none; }
    .wykres-powiekszalny > figcaption { padding-right: 0; }
    .wykres-powiekszalny .wykres-svg { cursor: auto; }
    .wykres-svg { font-size: 14px !important; }
}


.logowanie-tropy { display: none; }
@media (prefers-reduced-motion: no-preference) {
    .logowanie-tropy { display: block; position: fixed; inset: 0 0 auto; height: 100vh; height: 100lvh; z-index: -1; pointer-events: none; overflow: hidden; }
    .logowanie-tropy span {
        position: absolute; width: 26px; height: 26px; opacity: 0; transform: rotate(var(--obrot, -25deg));
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%237d8fd0'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
        animation: toz-trop 1.8s ease-in-out both;
    }
    .logowanie-tropy span:nth-child(1) { left: 6%; top: 86%; --obrot: -30deg; animation-delay: 0.25s; }
    .logowanie-tropy span:nth-child(2) { left: 14%; top: 74%; --obrot: -22deg; animation-delay: 0.57s; }
    .logowanie-tropy span:nth-child(3) { left: 23%; top: 66%; --obrot: -30deg; animation-delay: 0.89s; }
    .logowanie-tropy span:nth-child(4) { left: 33%; top: 55%; --obrot: -22deg; animation-delay: 1.21s; }
    .logowanie-tropy span:nth-child(5) { left: 68%; top: 40%; --obrot: -30deg; animation-delay: 1.53s; }
    .logowanie-tropy span:nth-child(6) { left: 79%; top: 29%; --obrot: -22deg; animation-delay: 1.85s; }
    .logowanie-tropy span:nth-child(7) { left: 90%; top: 17%; --obrot: -30deg; animation-delay: 2.17s; }
    @keyframes toz-trop { 0% { opacity: 0; } 25% { opacity: .38; } 70% { opacity: .3; } 100% { opacity: 0; } }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 760px) {
    .logowanie-tropy span:nth-child(n+4) { display: none; }
}
@media print { .logowanie-tropy { display: none; } }


.brak-sieci {
    position: fixed; left: 0; right: 0; top: 0; z-index: 46; padding: 12px 16px; text-align: center; font-weight: 600;
    background: #2b2006; color: #d8b57a; border-bottom: 1px solid #523f08; box-shadow: 0 6px 18px rgba(44, 67, 129, .14);
}
.brak-sieci[hidden] { display: none; }
.brak-sieci-wrocila { background: var(--toz-tlo-ok); color: var(--toz-ok-tekst); border-bottom-color: #2b493a; }
@media (prefers-reduced-motion: no-preference) {
    .brak-sieci { animation: toz-brak-sieci .25s ease-out; }
    @keyframes toz-brak-sieci { from { transform: translateY(-100%); } }
}
@media print { .brak-sieci { display: none; } }


.mapa-dokladnosc {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none;
    background: rgba(58, 87, 162, .13); border: 1.5px solid rgba(58, 87, 162, .55); box-sizing: border-box;
}
.mapa-dokladnosc[hidden] { display: none; }
.mapa-dokladnosc span {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, 8px); padding: 1px 6px; border-radius: 6px;
    background: #1b1e25; color: var(--toz-granat-ciemny-tekst); font-size: .75rem; font-weight: 600; white-space: nowrap;
}
@media (prefers-reduced-motion: no-preference) {
    .mapa-dokladnosc { transition: width .4s ease-out, height .4s ease-out; }
    .mapa-pin.mapa-pin-laduje { animation: toz-pin-laduje .45s cubic-bezier(.3, 1.6, .5, 1); }
    @keyframes toz-pin-laduje { from { transform: translateY(-16px); } }
}


.niezapisane { display: inline-flex; align-items: center; gap: 6px; font-size: .85rem; color: var(--toz-granat-ciemny-tekst); }
.niezapisane-kropka { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--toz-zloto); }
@media (max-width: 760px) {
    .niezapisane-napis { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (prefers-reduced-motion: no-preference) {
    .niezapisane-kropka { animation: toz-niezapisane .8s ease-out; }
    @keyframes toz-niezapisane {
        from { box-shadow: 0 0 0 0 rgba(215, 181, 109, .7); }
        to   { box-shadow: 0 0 0 8px rgba(215, 181, 109, 0); }
    }
}
@media print { .niezapisane { display: none; } }


@media (prefers-reduced-motion: no-preference) {
    .pole-poprawione { animation: toz-pole-poprawione .7s ease-out; }
    @keyframes toz-pole-poprawione { from { background-color: rgba(215, 181, 109, .45); } }
}


@media (prefers-reduced-motion: no-preference) {
    .skrot-szukaj { animation: toz-skrot-szukaj .5s ease-out; }
    .skrot-wcisniety { animation: toz-skrot-wcisniety .22s ease-out; }
    @keyframes toz-skrot-szukaj { from { box-shadow: 0 0 0 4px rgba(215, 181, 109, .75); } }
    @keyframes toz-skrot-wcisniety { 40% { transform: scale(.95); filter: brightness(.9); } }
}


.table tbody tr.wpis-swiezy > td:first-child { box-shadow: inset 4px 0 0 var(--toz-zloto); }
@media (prefers-reduced-motion: no-preference) {
    .table tbody tr.wpis-swiezy > td { animation: toz-wiersz-ostatni 2.4s ease-out .2s; }
}


@media (prefers-reduced-motion: no-preference) {
    .zakladka-znak { view-transition-name: zakladka-znak; }
    ::view-transition-group(zakladka-znak) { animation-duration: .3s; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
}


.os-czasu { position: relative; margin: 0 0 18px; padding: 0 12px; height: 46px; }
.os-czasu[hidden] { display: none; }
.os-czasu-linia { position: absolute; left: 12px; right: 12px; top: 22px; height: 2px; border-radius: 2px; background: var(--toz-granat-jasny); }
.os-czasu-punkty { position: absolute; left: 12px; right: 12px; top: 0; height: 46px; margin: 0; padding: 0; list-style: none; }
.os-czasu-punkty li { position: absolute; top: 14px; }
.os-kropka {
    position: relative; display: block; width: 18px; height: 18px; margin-left: -9px; padding: 0; border: 3px solid #32353d;
    border-radius: 50%; background: var(--toz-granat); box-shadow: 0 0 0 1px var(--toz-granat-jasny); cursor: pointer;
}
span.os-kropka { cursor: default; }
.os-kropka.os-dzis { background: var(--toz-zloto); }
.os-opis {
    display: none; position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translateX(-50%); z-index: 6;
    padding: 3px 8px; border-radius: 6px; background: var(--toz-granat-ciemny); color: #fff; font-size: .78rem; font-weight: 600;
    white-space: nowrap; pointer-events: none;
}
.os-kropka:hover .os-opis, .os-kropka:focus-visible .os-opis { display: block; }
.os-czasu-punkty li:first-child .os-opis { left: 0; transform: none; }
.os-czasu-punkty li:last-child .os-opis { left: auto; right: 0; transform: none; }
@media (prefers-reduced-motion: no-preference) {
    .os-czasu-pierwszy .os-czasu-linia { transform-origin: 0 50%; animation: toz-os-linia .6s ease-out; }
    .os-czasu-pierwszy .os-czasu-punkty li { animation: toz-zjaw .25s ease-out backwards; animation-delay: var(--opoznienie, 0s); }
    @keyframes toz-os-linia { from { transform: scaleX(0); } }
}
@media print { .os-czasu { display: none; } }


.spis-sekcji { display: none; }
@media screen and (min-width: 1440px) {
    .main:has([data-spis-sekcji]:not([data-spis-sekcji="warunkowo"])):not(.bez-spisu-sekcji),
    .main.z-spisem-sekcji { padding-right: calc(var(--toz-margines) + 220px); }
    .spis-sekcji {
        display: block; position: fixed; top: 92px; right: var(--toz-margines); width: 200px; z-index: 4;
        max-height: calc(100vh - 120px); overflow-y: auto; font-size: .85rem;
        
        padding: 8px 6px 8px 0; background: var(--toz-plyta); border-radius: var(--toz-promien); box-shadow: var(--toz-cien);
    }
    .spis-sekcji[hidden] { display: none; }
    .spis-sekcji ol { margin: 0; padding: 0; list-style: none; border-left: 2px solid var(--toz-border); }
    .spis-sekcji button {
        display: block; width: 100%; padding: 5px 0 5px 12px; margin: 0 0 0 -2px; border: 0; border-left: 2px solid transparent;
        background: none; color: var(--toz-muted); font: inherit; text-align: left; cursor: pointer;
    }
    .spis-sekcji button:hover { color: var(--toz-granat-ciemny-tekst); }
    .spis-sekcji button.spis-biezaca { color: var(--toz-granat-ciemny-tekst); font-weight: 600; border-left-color: var(--toz-zloto); }
}
@media (prefers-reduced-motion: no-preference) {
    .spis-sekcji button { transition: color .2s ease, border-color .2s ease; }
}
@media print { .spis-sekcji { display: none !important; } .main:has([data-spis-sekcji]) { padding-right: 0; } }


.stan-naglowek { margin: 4px 0 0; color: var(--toz-muted); }
.stan-po-zapisie[hidden] { display: none; }
@media (prefers-reduced-motion: no-preference) {
    [data-stan-podglad] { transition: background-color .3s ease, border-color .3s ease, color .3s ease; }
}


.filtry-liczba {
    display: inline-block; min-width: 1.4em; padding: 0 6px; border-radius: 999px; background: var(--toz-granat);
    color: #fff; font-size: .78rem; font-weight: 700; line-height: 1.5; text-align: center;
}
@media (prefers-reduced-motion: no-preference) {
    .filtry-liczba-zmiana { animation: toz-licznik-skok .32s ease-out; }
}


@media (prefers-reduced-motion: no-preference) {
    .sort-znak.sort-obrot { display: inline-block; animation: toz-sort-obrot .35s ease-out; }
    @keyframes toz-sort-obrot { from { transform: rotate(180deg); } }
}



.przygotowuje { position: relative; cursor: progress; }
.przygotowuje::after {
    content: ''; position: absolute; left: 6px; right: 6px; bottom: 2px; height: 2px; border-radius: 2px; pointer-events: none;
    background-color: var(--toz-zloto);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(27, 30, 37, 0.9) 50%, rgba(255, 255, 255, 0));
    background-repeat: no-repeat; background-size: 30% 100%; background-position: -45% 0;
}
.przygotowane:not(.btn) { color: var(--toz-ok-tekst); }
@media (prefers-reduced-motion: no-preference) {
    .przygotowuje::after { animation: toz-postep 1.05s linear infinite; }
}
@media print { .przygotowuje::after { display: none; } }


.nowosc {
    display: inline-block; margin: 0 0 0 .45em; padding: 0 .55em; border: 0; border-radius: 999px;
    background-color: var(--toz-granat); color: #fff; font: inherit; font-size: .72rem; font-weight: 700; line-height: 1.6;
    letter-spacing: .02em; vertical-align: .12em; white-space: nowrap; cursor: pointer;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, 0) 65%);
    background-repeat: no-repeat; background-size: 250% 100%; background-position: 150% 0;
}
.nowosc[hidden] { display: none; }
.nowosc-grupa { cursor: inherit; }
button.nowosc:focus-visible { outline: 2px solid var(--toz-zloto); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
    .nowosc { animation: toz-nowosc-polysk 1.4s ease-in-out .6s backwards; }
    .nav .nowosc { animation: none; }
    @keyframes toz-nowosc-polysk { from { background-position: -150% 0; } to { background-position: 150% 0; } }
}
@media print { .nowosc { display: none !important; } }


.wykres-niepelny { fill-opacity: .5; }
.wykres-cel { stroke: var(--toz-granat-tekst); stroke-width: 1.5; }
.wykres-cel-podpis { fill: var(--toz-granat-tekst); font-weight: 600; }
.wykres-znacznik { fill: var(--toz-granat-tekst); stroke: var(--toz-plyta); stroke-width: 1.5; }
.wykres-znak.wykres-znak-znacznik { width: 10px; height: 10px; border-radius: 50%; }


.wykres-slupki .wykres-czesc.wykres-seria-2:not([fill]) { fill: var(--toz-zloto); }
.wykres-linia.wykres-linia-tlo { stroke-width: 2; stroke-dasharray: .012 .01; opacity: .6; }
.wykres-punkt.wykres-linia-tlo { opacity: .6; }
.wykres-linia.wykres-linia-gruba { stroke-width: 4.5; }
.wykres-znak.wykres-znak-linia.wykres-linia-tlo { height: 2px; background: repeating-linear-gradient(90deg, var(--toz-granat) 0 4px, transparent 4px 7px); opacity: .6; }
.wykres-znak.wykres-znak-linia.wykres-linia-gruba { height: 5px; }
.wykres-punkt-wyrozniony { stroke-width: 2; }
.wykres-dzis { font-size: .9em; font-weight: 600; fill: var(--toz-granat-ciemny-tekst); }
@media screen and (prefers-reduced-motion: no-preference) {
    .wykres-czeka .wykres-dzis { opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
    .wykres-rosnie .wykres-linia-tlo { animation: toz-zjaw .8s ease-out backwards; }
    .wykres-rosnie .wykres-dzis { animation: toz-zjaw .25s ease-out .8s backwards; }
}




@media (prefers-reduced-motion: no-preference) {
    @media (hover: hover) {
        .btn-ikona:not(:disabled):hover .ikona-otworz, .btn-ikona:focus-visible .ikona-otworz { animation: toz-ikona-oko .45s ease-in-out; }
        .btn-ikona:not(:disabled):hover .ikona-edytuj, .btn-ikona:focus-visible .ikona-edytuj {
            transform-origin: 18% 82%; animation: toz-ikona-olowek .6s ease-in-out;
        }
        .btn-ikona:not(:disabled):hover .ikona-usun, .btn-ikona:focus-visible .ikona-usun {
            transform-origin: 50% 90%; animation: toz-ikona-kosz .55s ease-in-out;
        }
        .btn-ikona:not(:disabled):hover .ikona-kopiuj, .btn-ikona:focus-visible .ikona-kopiuj { animation: toz-ikona-kopiuj .45s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-zrobione, .btn-ikona:focus-visible .ikona-zrobione { animation: toz-ikona-ptaszek .4s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-przywroc, .btn-ikona:focus-visible .ikona-przywroc { animation: toz-ikona-przywroc .6s ease-in-out; }
        .btn-ikona:not(:disabled):hover .ikona-odepnij, .btn-ikona:focus-visible .ikona-odepnij { animation: toz-ikona-pinezka .45s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-przypnij, .btn-ikona:focus-visible .ikona-przypnij { animation: toz-ikona-pinezka .45s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-przeslij, .btn-ikona:focus-visible .ikona-przeslij { animation: toz-ikona-przeslij .5s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-odpowiedz, .btn-ikona:focus-visible .ikona-odpowiedz { animation: toz-ikona-odpowiedz .45s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-przekaz, .btn-ikona:focus-visible .ikona-przekaz { animation: toz-ikona-przekaz .45s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-gwiazdka, .btn-ikona:focus-visible .ikona-gwiazdka { animation: toz-ikona-gwiazdka .45s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-gwiazdka-pelna, .btn-ikona:focus-visible .ikona-gwiazdka-pelna { animation: toz-ikona-gwiazdka .45s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-dokosza, .btn-ikona:focus-visible .ikona-dokosza { animation: toz-ikona-kopiuj .45s ease-out; }
        .btn-ikona:not(:disabled):hover .ikona-spam, .btn-ikona:focus-visible .ikona-spam { animation: toz-ikona-gwiazdka .45s ease-out; }
    }
    @keyframes toz-ikona-oko { 30% { transform: scaleY(1); } 45% { transform: scaleY(.1); } 62% { transform: scaleY(1); } }
    @keyframes toz-ikona-olowek { 20%, 60% { transform: rotate(-15deg); } 40%, 80% { transform: rotate(3deg); } }
    @keyframes toz-ikona-kosz { 18% { transform: rotate(-12deg); } 42% { transform: rotate(10deg); } 66% { transform: rotate(-6deg); } 86% { transform: rotate(3deg); } }
    @keyframes toz-ikona-kopiuj { 35% { transform: translateY(-3px); } 60% { transform: translateY(0); } 78% { transform: translateY(-1px); } }
    @keyframes toz-ikona-ptaszek { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
    @keyframes toz-ikona-przywroc { to { transform: rotate(-360deg); } }
    @keyframes toz-ikona-odpowiedz { 45% { transform: translateX(-3px); } 70% { transform: translateX(0); } }
    @keyframes toz-ikona-gwiazdka { 45% { transform: scale(1.25) rotate(12deg); } 75% { transform: scale(1) rotate(0); } }
    @keyframes toz-ikona-przekaz { 45% { transform: translateX(3px); } 70% { transform: translateX(0); } }
    @keyframes toz-ikona-przeslij { 45% { transform: translate(3px, -3px); } 70% { transform: translate(0, 0); } }
    @keyframes toz-ikona-pinezka { 30% { transform: translateY(-4px); } 55% { transform: translateY(0); } 72% { transform: translateY(-1.5px); } }
}


@media (prefers-reduced-motion: no-preference) {
    img.zdjecie-czeka { object-position: -9999px -9999px; }
    img.zdjecie-polysk {
        background-image: linear-gradient(100deg, rgba(147, 169, 230, 0) 25%, rgba(147, 169, 230, .38) 50%, rgba(147, 169, 230, 0) 75%);
        background-size: 220% 100%; background-repeat: no-repeat;
        animation: toz-szkielet 1.3s ease-in-out infinite;
    }
    img.zdjecie-wylania { animation: toz-zdjecie-wylania .3s ease-out; }
    img.miniatura-podopiecznego.zdjecie-wylania { animation-name: toz-zdjecie-pojasnia; }
    @keyframes toz-zdjecie-wylania { from { opacity: .25; filter: blur(4px); } }
    @keyframes toz-zdjecie-pojasnia { from { opacity: .25; } }

    .galeria-adopcji > li:nth-child(1) { animation: toz-zjaw .2s ease-out backwards; }
    .galeria-adopcji > li:nth-child(2) { animation: toz-zjaw .2s ease-out .016s backwards; }
    .galeria-adopcji > li:nth-child(3) { animation: toz-zjaw .2s ease-out .032s backwards; }
    .galeria-adopcji > li:nth-child(4) { animation: toz-zjaw .2s ease-out .048s backwards; }
    .galeria-adopcji > li:nth-child(5) { animation: toz-zjaw .2s ease-out .064s backwards; }
    .galeria-adopcji > li:nth-child(6) { animation: toz-zjaw .2s ease-out .08s backwards; }
    .galeria-adopcji > li:nth-child(7) { animation: toz-zjaw .2s ease-out .096s backwards; }
    .galeria-adopcji > li:nth-child(8) { animation: toz-zjaw .2s ease-out .112s backwards; }
    .galeria-adopcji > li:nth-child(9) { animation: toz-zjaw .2s ease-out .128s backwards; }
    .galeria-adopcji > li:nth-child(10) { animation: toz-zjaw .2s ease-out .144s backwards; }
    .galeria-adopcji > li:nth-child(11) { animation: toz-zjaw .2s ease-out .16s backwards; }
    .galeria-adopcji > li:nth-child(12) { animation: toz-zjaw .2s ease-out .176s backwards; }
    .galeria-adopcji > li:nth-child(13) { animation: toz-zjaw .2s ease-out .192s backwards; }
    .galeria-adopcji > li:nth-child(14) { animation: toz-zjaw .2s ease-out .208s backwards; }
    .galeria-adopcji > li:nth-child(15) { animation: toz-zjaw .2s ease-out .224s backwards; }
    .galeria-adopcji > li:nth-child(n+16) { animation: toz-zjaw .2s ease-out .24s backwards; }
}


.okno-pytania {
    background-image: linear-gradient(90deg, var(--toz-granat), #6f86c9 45%, var(--toz-zloto));
    background-size: 100% 4px; background-repeat: no-repeat; background-position: 0 0;
}
.okno-pytania:has(.btn-danger) { background-image: linear-gradient(90deg, var(--toz-blad), #d4707b 55%, rgba(212, 112, 123, .4)); }
@media (min-width: 641px) {
    .okno-pytania::backdrop, .podglad::backdrop { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
}


.form-control { caret-color: var(--toz-granat-tekst); }
@media (min-width: 641px) {
    .pole:focus-within > .label { color: var(--toz-granat-ciemny-tekst); }
    .form-control:where(input:not([type="file"]):not([type="checkbox"]):not([type="radio"]), textarea) {
        background-image: linear-gradient(90deg, var(--toz-granat), var(--toz-zloto));
        background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 2px;
    }
    .form-control:where(input:not([type="file"]):not([type="checkbox"]):not([type="radio"]), textarea):focus { background-size: 100% 2px; }
    .sekcja:focus-within > legend::before {
        background: var(--toz-zloto); box-shadow: 0 0 0 2px rgba(215, 181, 109, .22), 0 0 9px rgba(215, 181, 109, .75);
    }
}
@media (prefers-reduced-motion: no-preference) {
    .pole > .label { transition: color .2s ease-out; }
    .sekcja > legend::before { transition: box-shadow .25s ease-out; }
    .form-control:where(input:not([type="file"]):not([type="checkbox"]):not([type="radio"]), textarea) { outline-color: transparent; outline-offset: -3px; }
    .form-control:where(input:not([type="file"]):not([type="checkbox"]):not([type="radio"]), textarea):focus {
        transition: background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease,
            background-size .3s cubic-bezier(.2, .8, .2, 1), outline-color .25s ease-out, outline-offset .25s ease-out;
    }
}


@media (prefers-reduced-motion: no-preference) {
    .przelacznik:not(.przelacznik-ostrzegawczy):has(input.klikniete) { position: relative; isolation: isolate; }
    .przelacznik:not(.przelacznik-ostrzegawczy):has(input.klikniete)::before {
        content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
        background: linear-gradient(180deg, #1f2128, #202633);
        clip-path: circle(0 at 17px 50%);
    }
    .przelacznik:not(.przelacznik-ostrzegawczy):has(input.klikniete:checked) { background: #1b1e25; }
    .przelacznik:not(.przelacznik-ostrzegawczy):has(input.klikniete:checked)::before {
        clip-path: circle(150% at 17px 50%); animation: toz-przelacznik-zalew .25s ease-out;
    }
    .przelacznik:not(.przelacznik-ostrzegawczy):has(input.klikniete:not(:checked))::before { animation: toz-przelacznik-zbieg .2s ease-in; }
    @keyframes toz-przelacznik-zalew { from { clip-path: circle(0 at 17px 50%); } }
    @keyframes toz-przelacznik-zbieg { from { clip-path: circle(150% at 17px 50%); } }

    .przelacznik-tak-nie:has(input.klikniete) label { transition: color .22s ease-out; }
    
    .przelacznik-tak-nie > label + input.klikniete:checked + label { animation: toz-polowka-od-lewej .22s ease-out; }
    .przelacznik-tak-nie:has(> label + input.klikniete:checked) > input.klikniete:first-child + label,
    .przelacznik-tak-nie:has(> label + input.klikniete:checked) > input:default:first-child + label { animation: toz-polowka-do-prawej .22s ease-out; }
    
    .przelacznik-tak-nie > input.klikniete:first-child:checked + label { animation: toz-polowka-od-prawej .22s ease-out; }
    .przelacznik-tak-nie:has(> input.klikniete:first-child:checked) > label + input.klikniete + label,
    .przelacznik-tak-nie:has(> input.klikniete:first-child:checked) > label + input:default + label { animation: toz-polowka-do-lewej .22s ease-out; }
    @keyframes toz-polowka-od-lewej {
        from { background: linear-gradient(var(--toz-granat), var(--toz-granat)) 0 0 / 0% 100% no-repeat transparent; }
        to   { background: linear-gradient(var(--toz-granat), var(--toz-granat)) 0 0 / 100% 100% no-repeat transparent; }
    }
    @keyframes toz-polowka-od-prawej {
        from { background: linear-gradient(var(--toz-granat), var(--toz-granat)) 100% 0 / 0% 100% no-repeat transparent; }
        to   { background: linear-gradient(var(--toz-granat), var(--toz-granat)) 100% 0 / 100% 100% no-repeat transparent; }
    }
    @keyframes toz-polowka-do-prawej {
        from { background: linear-gradient(var(--toz-granat), var(--toz-granat)) 100% 0 / 100% 100% no-repeat transparent; }
        to   { background: linear-gradient(var(--toz-granat), var(--toz-granat)) 100% 0 / 0% 100% no-repeat transparent; }
    }
    @keyframes toz-polowka-do-lewej {
        from { background: linear-gradient(var(--toz-granat), var(--toz-granat)) 0 0 / 100% 100% no-repeat transparent; }
        to   { background: linear-gradient(var(--toz-granat), var(--toz-granat)) 0 0 / 0% 100% no-repeat transparent; }
    }
}


.osoba-z-kolkiem { display: inline-flex; align-items: baseline; gap: .4em; max-width: 100%; }
.kolko-osoby {
    --kolko-tlo: var(--toz-granat);
    --kolko-napis: #fff;
    display: inline-flex; flex: none; align-self: flex-start; align-items: center; justify-content: center;
    width: 2em; height: 2em; vertical-align: middle;
    
    border: 1px solid transparent; border-radius: 999px;
    background: var(--kolko-tlo); color: var(--kolko-napis);
    box-shadow: inset 0 0 0 1px rgba(29, 45, 92, .12);
    font-size: .64rem; font-weight: 700; font-style: normal; line-height: 1; letter-spacing: 0;
}
.kolko-osoby::before { content: attr(data-inicjaly); white-space: nowrap; }

.kolko-osoby-1 { --kolko-tlo: var(--toz-granat); --kolko-napis: #fff; }
.kolko-osoby-2 { --kolko-tlo: var(--toz-zloto); --kolko-napis: #1d2d5c; }
.kolko-osoby-3 { --kolko-tlo: var(--toz-granat-ciemny); --kolko-napis: var(--toz-zloto); }
.kolko-osoby-4 { --kolko-tlo: #e6d3a3; --kolko-napis: var(--toz-granat-ciemny); }
.kolko-osoby-5 { --kolko-tlo: #8fa3d6; --kolko-napis: #1d2d5c; }
.kolko-osoby-6 { --kolko-tlo: #8c6d2c; --kolko-napis: #fff; }
@media (max-width: 640px) {
    .kolko-osoby { font-size: .6rem; }
}

@media print {
    .kolko-osoby { display: none; }
}

.kolko-z-podpisem { display: inline-flex; vertical-align: middle; border-radius: 999px; line-height: 1; text-decoration: none; }
a.kolko-z-podpisem, a.kolko-z-podpisem:hover { cursor: pointer; text-decoration: none; }
.kolko-z-podpisem:focus-visible { outline: 2px solid var(--toz-fokus); outline-offset: 5px; }

span.kolko-z-podpisem { touch-action: manipulation; }
@media print {
    .kolko-z-podpisem::after { content: attr(aria-label); }
}


.galeria-adopcji {
    list-style: none; margin: 0 0 20px; padding: 0;
    display: grid; gap: 18px;
    grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr));
}
.galeria-adopcji > li { display: flex; min-width: 0; }
.galeria-kafelek {
    display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0;
    border: 1px solid var(--toz-border); border-radius: var(--toz-promien); overflow: hidden;
    background: var(--toz-plyta); color: inherit; text-decoration: none;
    box-shadow: var(--toz-cien);
}
.galeria-kafelek:hover, .galeria-kafelek:focus-visible {
    border-color: var(--toz-fokus); text-decoration: none;
    box-shadow: 0 6px 20px rgba(44, 67, 129, .14);
}
.galeria-zdjecie {
    position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden;
    background: var(--toz-granat-jasny);
}
.galeria-zdjecie::before {
    content: ''; position: absolute; inset: 30%;
    background: var(--toz-zloto); opacity: .55;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cellipse cx='9.5' cy='20' rx='4.4' ry='6' transform='rotate(-22 9.5 20)'/%3E%3Cellipse cx='18.4' cy='11' rx='4.6' ry='6.6' transform='rotate(-8 18.4 11)'/%3E%3Cellipse cx='29.6' cy='11' rx='4.6' ry='6.6' transform='rotate(8 29.6 11)'/%3E%3Cellipse cx='38.5' cy='20' rx='4.4' ry='6' transform='rotate(22 38.5 20)'/%3E%3Cpath d='M24 22.5c-6.9 0-12.8 6.3-12.8 12.2 0 3.9 2.9 5.9 6.3 5.9 2.6 0 4.2-1.2 6.5-1.2s3.9 1.2 6.5 1.2c3.4 0 6.3-2 6.3-5.9 0-5.9-5.9-12.2-12.8-12.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.galeria-zdjecie img { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; }
.galeria-opis {
    display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0;
    padding: 10px 12px 12px; border-top: 1px solid var(--toz-border);
    background-image: linear-gradient(135deg, rgba(58, 87, 162, .05), rgba(215, 181, 109, .09));
}
.galeria-kafelek:hover .galeria-opis, .galeria-kafelek:focus-visible .galeria-opis { background-color: var(--toz-granat-jasny); }
.galeria-imie { font-size: 1.05rem; font-weight: 700; line-height: 1.25; color: var(--toz-granat-ciemny-tekst); overflow-wrap: anywhere; }
.galeria-imie.muted { font-weight: 400; color: var(--toz-muted); }
.galeria-cechy { font-size: .9rem; color: var(--toz-text); overflow-wrap: anywhere; }
.galeria-oddzial { font-size: .8rem; color: var(--toz-muted); overflow-wrap: anywhere; }
@media (max-width: 640px) {
    .galeria-adopcji { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .galeria-opis { padding: 8px 10px 10px; }
    .galeria-imie { font-size: .98rem; }
    .galeria-cechy { font-size: .85rem; }
}
@media (max-width: 340px) {
    .galeria-adopcji { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: no-preference) {
    .galeria-kafelek { transition: border-color .15s ease-out, box-shadow .15s ease-out; }
    .galeria-zdjecie img { transition: transform .3s ease-out; }
    .galeria-kafelek:hover .galeria-zdjecie img { transform: scale(1.04); }
}
@media print {
    .galeria-adopcji { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
    .galeria-kafelek { box-shadow: none; break-inside: avoid; }
    .galeria-zdjecie::before { display: none; }
}


.koszty-ai-naglowek { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.koszty-ai-stan { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.koszty-ai-stan form { margin: 0; }
.kafelek-staly:hover { background: var(--toz-plyta) linear-gradient(135deg, rgba(58, 87, 162, .07), rgba(215, 181, 109, .11)); border-color: var(--toz-border); border-left-color: var(--toz-granat); }
.kafelek-staly .kafelek-opis { order: -1; margin-bottom: 6px; }
.koszty-ai-zakres { font-size: 1.25rem; line-height: 1.5; }
.koszty-ai-stopka { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--toz-border); }
.koszty-ai-stopka .hint { margin: 0; flex: 1 1 280px; }


.uprawnienie-polaczone { display: block; font-size: .8rem; color: var(--toz-muted); }
.uprawnienie-polaczone[hidden], [data-grupa="deny"] .uprawnienie-polaczone { display: none; }



.poczekalnia-ai .stan { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
.poczekalnia-pliki { min-width: 0; }
.poczekalnia-pliki .przelacznik { max-width: 100%; overflow-wrap: anywhere; }
.poczekalnia-pliki .przelacznik > span { min-width: 0; }
.poczekalnia-do-sprawy p, .okno-pytania-tekst { overflow-wrap: anywhere; }
.urzedy-wlasciwe, .program-wyciag, .program-tekst { overflow-wrap: anywhere; }

.stopka-podglad { overflow-x: auto; }
.stopka-podglad table { max-width: 100%; }

.przycisk-opis { display: none; }
@media (hover: none) and (pointer: coarse) {
    .btn:has(> .przycisk-opis) { flex-direction: column; white-space: normal; padding-top: 6px; padding-bottom: 6px; }
    .przycisk-opis { display: block; margin-top: 2px; font-size: .8125rem; font-weight: 400; line-height: 1.3; overflow-wrap: anywhere; }
}

.pod-nazwa-tablet, .pod-nazwa-telefon { display: none; }
@media (max-width: 1024px) {
    .kolumny-skrocone:not(.kolumny-wszystkie) .pod-nazwa-tablet { display: block; width: fit-content; margin-top: 4px; }
}
@media (max-width: 640px) {
    .kolumny-skrocone:not(.kolumny-wszystkie) .pod-nazwa-telefon { display: block; width: fit-content; margin-top: 4px; }
}

.wybor-celu-otworz { display: none; }

@media (pointer: coarse) {
    .flagi-wybor { gap: 8px; }
    .flagi-wybor .btn-maly, .flaga-menu .btn-maly { min-height: 44px; }
    .flagi-wybor .btn.btn-ikona, .flaga-menu .btn.btn-ikona { width: 44px; min-width: 44px; }
    .flaga-menu:popover-open { grid-template-columns: repeat(5, 44px); gap: 8px; }
    .flaga-menu [data-dlugo-stan] { max-width: 252px; }
    .table a.licznik { padding-top: 5px; padding-bottom: 5px; margin-top: -4px; margin-bottom: -4px; }
    .table a.odnosnik-sprawy-wiersza { display: inline-block; padding: 6px 0; margin: -6px 0; }
    [data-odpowiedz-wstaw].btn-maly, [data-propozycja-przycisk].btn-maly, [data-odpowiedz-wszystkim].btn-maly,
    .odpowiedz-organizacje.btn-maly, .maile-podpis .btn-maly, .okno-organizacji-wybrane .btn-maly { min-height: 44px; }
    .maile-kopie > summary, .maile-nad-polem > summary { padding: 12px 0; }
    .mapa-wynik { min-height: 44px; }
    input[type="checkbox"][name="czesci[]"] { width: 22px; height: 22px; }
    .pole-caly-wiersz > .stopka-kod { font-size: 16px; }
    .mapa-sterowanie { gap: 6px; }
    .mapa-sterowanie .btn { min-width: 40px; min-height: 40px; }
    
    .mapa-zgloszen .mapa-dymek { width: min(320px, calc(100% - 124px)); }
}
@media (pointer: coarse) and (max-width: 480px) {
    
    .mapa-zgloszen .mapa-dymek { width: auto; max-height: calc(100% - 42px - 152px); }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .zbiorka-z-miniatura { min-width: 0; gap: 4px 8px; flex-wrap: wrap; }
}
@media (max-width: 640px) {
    .wybor-celu-zwiniety > :not(.card-head):not(.facts) { display: none; }
    .wybor-celu-zwiniety > .facts > div:not(:first-child) { display: none; }
    .wybor-celu-zwiniety .wybor-celu-otworz { display: inline-flex; margin-top: 8px; }
    
    .wybor-celu .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    
    select.form-control.wybor-stanu:not([multiple]):not([size]) { padding-left: 8px; padding-right: 24px; background-position: right 6px center; }
    
    .okno-porownania-pola textarea { height: 9rem; }
    .okno-porownania .okno-pytania-przyciski { position: sticky; bottom: 0; z-index: 1; margin: 0 -20px -20px; padding: 12px 20px;
        border-top: 1px solid var(--toz-border); background: var(--toz-plyta); }
    
    .urzedy-wlasciwe, .program-wyciag { padding-left: 20px; }
    
    .pole:has(> .przelacznik, > .przelaczniki) > .hint[class="hint"]:not(:has(a, button)):not([aria-live]):not([role="status"]) { display: block; }
    
    .kolumny-skrocone:not(.kolumny-wszystkie) > .hint-kolumn { display: none; }
    
    .sekcja:not(:focus-within) > .hint .opis-po-dotknieciu { display: none; }
    
    .tabela-zebrano-pionowo, .tabela-zebrano-pionowo tfoot, .tabela-zebrano-pionowo tbody { display: block; width: 100%; }
    .tabela-zebrano-pionowo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .tabela-zebrano-pionowo tr { display: block; padding: 4px 0 8px; }
    .tabela-zebrano-pionowo td { display: flex; justify-content: flex-end; align-items: baseline; padding: 6px 0; min-width: 0 !important; }
    .tabela-zebrano-pionowo td:first-child { display: block; border-bottom: 2px solid var(--toz-border); }
    .tabela-zebrano-pionowo td[data-etykieta]::before { content: attr(data-etykieta); margin-right: auto; padding-right: 12px; font-weight: 400; white-space: normal; text-align: left; color: var(--toz-muted); }
}

:root {
    color-scheme: dark;
    /* Granat marki zostaje granatem w tłach i przyciskach; napisy biorą jaśniejsze odpowiedniki (-tekst). */
    --toz-granat-tekst: #93a9e6;
    /* Fokus jasny na ciemnym tle (J191) - zamiast granatu o kontraście ok. 2,4:1. */
    --toz-fokus: #93a9e6;
    --toz-fokus-ramka: #7f99de;
    --toz-fokus-poswiata: rgba(127, 153, 222, .4);
    --toz-granat-ciemny-tekst: #b8c6ef;
    --toz-ok-tekst: #74d3a1;
    --toz-uwaga-tekst: #e6bb5c;
    --toz-blad-tekst: #f29aa3;
    /* Tła stanów (S106) - te same ciemne odcienie, które generator dawał dawnym wartościom wpisanym wprost. */
    --toz-tlo-ok: #192821;
    --toz-tlo-uwaga: #29210c;
    --toz-tlo-blad: #2f1f20;
    --toz-tlo-blad-kursor: #392023;
    --toz-niebezpieczne-tekst: #e690b9;
    --toz-belka: #161a24;
    --toz-belka-tekst: #c8d3f1;
    --toz-belka-linia: #2a3142;
    --toz-belka-tlo: #212838;
    --toz-granat-jasny: #222b42;
    --toz-zloto: #d7b56d;
    --flaga-czerwony: #ff6b6b;
    --flaga-niebieski: #7c9dff;
    --flaga-zielony: #66bb6a;
    --flaga-szary: #aab2c0;
    --flaga-brazowy: #c49a7a;
    --flaga-turkusowy: #2dd4bf;
    --flaga-pomaranczowy: #ffa14f;
    --flaga-fioletowy: #c792ea;
    --flaga-blekitny: #5fc8f5;
    --flaga-zolty: #ffd54f;
    --toz-bg: #11141b;
    --toz-plyta: #1a1e28;
    --toz-naglowek-tlo: #232b3e;
    --toz-border: #2e3546;
    --toz-pole-ramka: #6b7389;
    --toz-text: #e3e6ee;
    --toz-muted: #a0a7ba;
    --toz-przygaszone: #737a8d;
    --toz-cien: 0 1px 2px rgba(0, 0, 0, .45), 0 1px 10px rgba(0, 0, 0, .35);
}

/* --- Poprawki ręczne (zostają przy ponownym generowaniu - wszystko od tego znacznika do końca pliku) --- */
/* Tytuł strony w spadku barwy: na ciemnym tle od jasnego granatu do bieli, zamiast od ciemnego granatu. */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    @media screen {
        h1.h4 { background-image: linear-gradient(90deg, #eef1fb, #a9bcf0 70%, #d9e2fb); }
    }
}
/* Kafelki map (img w .mapa-plotno) - na ciemnej stronie trochę przygaszone, żeby nie raziły. */
.mapa-plotno img { filter: brightness(.82) contrast(1.05); }
/* Obwódka fokusu klawiatury - granat marki ma na ciemnej płycie 2,4:1, jaśniejszy granat ponad 6:1. */
:focus-visible { outline-color: #93a9e6; }
.form-control:focus, .form-control:focus-visible { border-color: #7f99de; outline-color: rgba(127, 153, 222, .4); }
.kopia-fokus { outline-color: #93a9e6 !important; }
/* Białe kreski, które mają zostać białe: strzałka na granatowym "Na górę" i obrys pinezki na mapie. */
.na-gore::before { border-top-color: #fff; border-left-color: #fff; }
.mapa-pin::before, .pin::before { border-color: #fff; }
/* Liczby w kafelkach i strzałka list wyboru - jasne odpowiedniki na ciemnym tle (generator zostawiał ciemny granat
   i szarą strzałkę: 1,4-2,8:1; audyt 08.10.2026, J203). */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    @media screen {
        .kafelek-liczba { background-image: linear-gradient(90deg, #b8c6ef, #93a9e6); }
        .kafelek-alarm .kafelek-liczba { background-image: linear-gradient(90deg, #f29aa3, #f6b8be); }
    }
}
select.form-control:not([multiple]):not([size]), .wybor-wielu > summary.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23a0a7ba' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Szare paski czekania (zlecenie 16.10.2026, p. 5): połysk jaśniejszy od paska, jak w trybie jasnym. */
.szkielet-pasek { background-image: linear-gradient(90deg, #262a33 0%, #353a47 45%, #262a33 90%); }

/* Kosz w ikonie czynności (25.10.2026): ciemna czerwień --toz-blad na ciemnym przycisku ma kontrast 2,2:1 - jaśniejsza
   czerwień napisów błędu daje 7,9:1. Tryb wysokiego kontrastu zostaje przy swoim kolorze. */
@media (forced-colors: none) { .btn-ikona .ikona-usun { background-color: var(--toz-blad-tekst); } }

/* Wykresy (27.10.2026, przegląd): kwadracik legendy w tej samej barwie co słupek i linia jego serii - generator robi
   z teł ciemne płyty, a z wypełnień jasne kolory, więc bez tej poprawki legenda nie zgadzała się z rysunkiem. */
.wykres-znak.wykres-seria-1 { background: var(--toz-granat-tekst); }
.wykres-znak.wykres-seria-3 { background: #899dd0; }
.wykres-znak.wykres-seria-4 { background: #c6a14f; }
.wykres-znak.wykres-seria-5 { background: #b1c7fb; }
.wykres-znak.wykres-seria-6 { background: #e6d3a3; }

/* Mapa interwencji (27.10.2026): przy plamach "Gdzie najwięcej spraw" kafelki szare i przygaszone jak na każdej mapie
   w trybie ciemnym (reguła szarości z app.css ma wyższą wagę niż przygaszenie wyżej), plamy jaśniejszym granatem
   marki - ciemny granat ginął na przygaszonym podkładzie. Liczba na pinezce: ciemny granat na złocie, biała obwódka
   (generator robił z niej jasny napis i ciemną kreskę). Podkład kółek legendy plam - ta sama szarość kafelka
   (#e6e6e6) po przygaszeniu brightness(.82) contrast(1.05), co kafelki pod plamami: legenda leży na tym samym tle, co
   mapa, a nie na ciemnej płycie (przegląd 27.10.2026). */
:root { --mapa-plama: #3a57a2; --mapa-podklad: #c0c0c0; }
.mapa-zageszczenie .mapa-plotno img { filter: grayscale(.7) brightness(.82) contrast(1.05); }
.pin-liczba { border-color: #fff; color: #23315f; }

/* Miejsce pisania (27.10.2026, grafika z rezerwy): kursor tekstowy w polach złoty - generator dawał mu jasny granat
   napisów, a złoto marki na ciemnym polu widać od razu. */
.form-control { caret-color: var(--toz-zloto); }

/* Okno pytania (27.10.2026, granatowa szyba - przegląd): granatowy cień z app.css na granatowej szybie ciemnego
   wyglądu prawie znikał i okno przestało odcinać się od strony (dawniej czarny cień 0,55). Cień czarny, jak liczy
   generator dla czarnych cieni. */
.okno-pytania { box-shadow: 0 24px 64px rgba(0, 0, 0, .6), 0 2px 10px rgba(0, 0, 0, .35); }

/* Wykresy w świetle (27.10.2026, przegląd): granatowy słupek także na ciemnej płycie od ciemniejszego u dołu do
   jaśniejszego u góry, jak w jasnym wyglądzie. Generator przelicza "color" przystanków jak kolor napisów - ciemny granat
   dołu stawał się najjaśniejszym błękitem i spadek się odwracał (jasny dół, ciemniejsza góra pod kreską połysku).
   Te same dwa odcienie, zamienione miejscami; złoto generator zostawia we właściwej kolejności. */
.wykres-spadek-granat-dol { color: #8ca4ea; }
.wykres-spadek-granat-gora { color: var(--toz-granat-ciemny-tekst); }

/* Fruwające rzeczy, tło i powitania (właściciel, 27.10.2026: „działaj” - grafika nr 16, 19, 29, 31). Świetliki wieczorem
   tylko w ciemnym wyglądzie: okazje.js czyta ten znak z warstwy ozdób (przy wyglądzie „jak w urządzeniu” arkusz ciemny
   działa tylko przy ciemnym ekranie, więc jasny ekran nie zużywa wieczoru). */
.okazja-tlo { --swietliki: 1; }
/* Tło według pory dnia: granat gęstnieje wieczorem u góry, a nocą przeważa - tylko tu, w jasnym wyglądzie zmienia się
   sam odcień (stopka stoi wprost na tle). */
body[data-pora="zmierzch"] .tlo-zorza {
    background:
        radial-gradient(70% 40% at 50% 0%, rgba(44, 67, 129, .5), rgba(44, 67, 129, 0) 72%),
        radial-gradient(40% 36% at 96% 98%, rgba(201, 150, 74, .3), rgba(201, 150, 74, 0) 70%),
        radial-gradient(44% 40% at 6% 100%, rgba(96, 134, 214, .18), rgba(96, 134, 214, 0) 70%),
        radial-gradient(30% 28% at 70% 100%, rgba(201, 150, 74, .14), rgba(201, 150, 74, 0) 70%);
}
body[data-pora="noc"] .tlo-zorza {
    background:
        radial-gradient(80% 60% at 30% 0%, rgba(44, 67, 129, .55), rgba(44, 67, 129, 0) 72%),
        radial-gradient(60% 50% at 90% 10%, rgba(58, 87, 162, .4), rgba(58, 87, 162, 0) 70%),
        radial-gradient(60% 50% at 70% 100%, rgba(44, 67, 129, .45), rgba(44, 67, 129, 0) 72%),
        radial-gradient(28% 26% at 4% 94%, rgba(215, 181, 109, .12), rgba(215, 181, 109, 0) 70%);
}
/* Złota łuna po zapisie przyciszona - złoto na ciemnej stronie świeci mocniej niż na jasnej. */
body[data-zapis] .tlo-swiatlo::before {
    background: radial-gradient(70% 58% at 50% 0%, rgba(227, 196, 126, .3), rgba(215, 181, 109, .12) 48%, rgba(215, 181, 109, 0) 78%);
}
/* Kot zza stopki w jaśniejszym granacie - granat marki ginąłby na ciemnym tle strony. */
.kot-zaglada-glowa { background-color: #6f86c9; }
/* Siatka natężenia pod listą maili (08.11.2026): komórki w jasnym granacie (generator), więc liczba w mocnej komórce ciemna,
   a znak w legendzie w tym samym jasnym granacie co komórki. */
.wykres-komorka-liczba-jasna { fill: var(--toz-plyta); }
.wykres-znak.wykres-znak-siatka { background: linear-gradient(90deg, var(--toz-granat-jasny), var(--toz-granat-tekst)); }
/* Przegląd telefonu 10.11.2026 (seria T). Liczba nieprzeczytanych przy „Do przejrzenia”: tło zostaje złote, więc napis
   ciemny jak w jasnym wyglądzie - generator robił z niego jasnoszary, 1,2:1 na złocie (T1-03). */
.zakladka-nowe { color: #23262f; }
/* Domek urzędu na mapie z białą obwódką, jak pinezki - ciemna obwódka generatora ginęła na przygaszonych kafelkach (T4-12). */
.znak-urzedu { box-shadow: 0 0 0 1.5px #fff, 0 1px 4px rgba(20, 29, 61, .45); }
/* Podgląd stopki maila tak, jak zobaczy ją adresat: na białym tle - kolory z atrybutów stopki (np. czarny tekst)
   ginęły na ciemnej płycie (T4-10). */
.stopka-podglad { background: #fff; color: #23262f; color-scheme: light; }
.stopka-podglad a { color: #2c4381; }
/* Maile do przejrzenia w menu (11.11.2026): tło zostaje złote, więc liczba ciemna jak w jasnym wyglądzie - jak .zakladka-nowe. */
.menu-licznik { color: #23262f; }