/* Modul Sprawy biezace, krok 1 (5.11.2026). Wszystko pod #e-sprawy albo #sp-szybki. Kolory z :root pulpitu. */
:root{--sp-wlasne:#6f6e63;--sp-wlasne-tlo:#ecebe6}
/* pole szybkie u gory kazdego ekranu */
#sp-szybki{position:sticky;top:0;z-index:20;background:var(--papier);border-bottom:1px solid var(--linia);margin:-34px -40px 22px;padding:12px 40px 10px}
#sp-szybki .sp-rzad{display:flex;border:1px solid var(--atrament);background:var(--biel);max-width:1100px}
#sp-szybki .sp-plus{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;color:var(--slaby);padding:0 0 0 14px;display:flex;align-items:center;white-space:nowrap}
#sp-szybki .sp-rzad input{flex:1;min-width:0;border:0;padding:10px 12px;font:inherit;font-size:14.5px;outline:none;background:transparent}
#sp-szybki .sp-rzad button{border:0;border-left:1px solid var(--linia2);background:var(--atrament);color:var(--papier);padding:0 18px;font:inherit;font-weight:500;cursor:pointer}
#sp-szybki .sp-rzad button.jasny{background:transparent;color:var(--atrament)}
#sp-szybki .sp-rzad button.jasny:hover{background:var(--papier2)}
#sp-szybki .sp-rzad button[disabled]{opacity:.4;cursor:default}
#sp-szybki .sp-podglad{display:none;margin-top:8px;background:var(--biel);border:1px solid var(--granat);padding:9px 12px;font-size:13px;gap:10px 26px;flex-wrap:wrap;align-items:flex-start;max-width:1100px}
#sp-szybki .sp-podglad.on{display:flex}
#sp-szybki .sp-podglad .p label{display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--slaby);margin-bottom:2px}
#sp-szybki .sp-podglad .p .w{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#sp-szybki .sp-z{font-size:11.5px;color:var(--slaby)}
#sp-szybki .sp-z b{font-weight:500;color:var(--szary)}
#sp-szybki .sp-czerw{color:var(--czerw);font-weight:500}
#sp-szybki .sp-podglad select,#sp-szybki .sp-podglad input[type=date]{border:1px solid var(--linia);padding:4px 7px;font:inherit;font-size:12.5px;background:var(--papier)}
#sp-szybki .sp-wybor{margin-top:6px;font-size:12px;color:var(--bursz);display:flex;gap:5px;flex-wrap:wrap;align-items:center}
#sp-szybki .sp-wybor button{border:1px solid var(--bursz);background:var(--biel);padding:2px 8px;font:inherit;font-size:11.5px;cursor:pointer}
#sp-szybki .sp-podp{font-size:11.5px;color:var(--slaby);margin-top:6px;max-width:1100px}
#sp-szybki .sp-bramka,#e-sprawy .sp-bramka{background:#fdf5f4;border:1px solid var(--czerw);padding:9px 12px;margin-top:8px;font-size:13px;max-width:1100px}
#sp-szybki .sp-bramka mark{background:#f6d6d2;padding:0 3px}
#sp-szybki .sp-bramka button{border:1px solid var(--linia);background:var(--biel);padding:3px 9px;font:inherit;font-size:12px;cursor:pointer;margin-left:4px}
.sp-link{border:0;background:transparent;color:var(--granat);text-decoration:underline;font:inherit;font-size:inherit;padding:0;cursor:pointer}
@media (max-width:900px){#sp-szybki{margin:-34px -14px 18px;padding:10px 14px 8px}}
/* ekran Spraw */
#e-sprawy .pasek-gorny{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
#e-sprawy .pasek-gorny input[type=text]{border:1px solid var(--linia);background:var(--biel);padding:7px 11px;font:inherit;font-size:13px;width:240px}
#e-sprawy .pasek-gorny select{border:1px solid var(--linia);background:var(--biel);padding:7px 9px;font:inherit;font-size:13px;max-width:260px}
#e-sprawy .pasek-gorny label{font-size:12.5px;color:var(--szary);display:flex;gap:6px;align-items:center}
#e-sprawy .sp-podsum{font-size:11px;color:var(--slaby)}
#e-sprawy .sekcja{margin-bottom:24px}
#e-sprawy .sekcja .tytul{display:flex;align-items:center;gap:12px;padding:8px 0 6px;border-bottom:1px solid var(--linia);cursor:pointer}
#e-sprawy .sekcja .tytul h3{font-size:15px;flex:1;font-family:'Source Serif 4',Georgia,serif;font-weight:600}
#e-sprawy .sekcja .tytul .ile{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;color:var(--slaby)}
#e-sprawy .sekcja .tytul .ile.zle{color:var(--czerw);font-weight:600}
#e-sprawy .sekcja .tytul .zwin{font-size:11px;color:var(--slaby)}
#e-sprawy .sekcja .opis{font-size:12px;color:var(--slaby);padding:6px 0 0}
#e-sprawy .sekcja.zw .spr,#e-sprawy .sekcja.zw .opis,#e-sprawy .sekcja.zw .pusto{display:none}
#e-sprawy .pusto{color:var(--slaby);font-size:13px;padding:14px 0}
#e-sprawy .spr{display:grid;grid-template-columns:30px minmax(0,1fr) 140px 250px;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--linia2)}
#e-sprawy .spr:hover{background:var(--papier2)}
#e-sprawy .spr.wyk .tr{color:var(--slaby);text-decoration:line-through}
#e-sprawy .spr .kolko{width:20px;height:20px;border:2px solid var(--granat);border-radius:50%;cursor:pointer;background:var(--biel);margin-top:2px;font-size:12px;line-height:16px;text-align:center;color:#fff}
#e-sprawy .spr .kolko:hover{background:var(--jasny)}
#e-sprawy .spr.wyk .kolko{background:var(--ziel);border-color:var(--ziel)}
#e-sprawy .spr .tr{font-size:14px;overflow-wrap:anywhere}
#e-sprawy .spr .tr .pin{color:var(--bursz);font-size:12px;margin-right:4px}
#e-sprawy .sp-mark{background:#fdf6dc;outline:1px dashed var(--bursz);padding:0 2px}
#e-sprawy .spr .meta{font-size:11.5px;color:var(--slaby);margin-top:3px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#e-sprawy .spr .meta .zkim{border:1px solid var(--linia);padding:0 6px;color:var(--szary);font-size:11px}
#e-sprawy .spr .meta .zkim.ref{border-color:var(--granat);color:var(--granat)}
#e-sprawy .spr .meta .zkim.org{border-color:var(--bursz);color:var(--bursz)}
#e-sprawy .spr .meta .lezy{color:var(--bursz)}
#e-sprawy .spr .term{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;padding-top:3px}
#e-sprawy .spr .term.zle,#e-sprawy .spr .term.dzis{color:var(--czerw);font-weight:600}
#e-sprawy .spr .term.blisko{color:var(--bursz)}
#e-sprawy .spr .term.brak{color:var(--slaby)}
#e-sprawy .spr .term small{display:block;font-size:10.5px;color:var(--slaby);font-weight:400}
#e-sprawy .akcje{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
#e-sprawy .akcje button{background:transparent;border:1px solid var(--linia);padding:3px 9px;font:inherit;font-size:11.5px;color:var(--szary);cursor:pointer}
#e-sprawy .akcje button:hover{border-color:var(--granat);color:var(--atrament)}
#e-sprawy .akcje button.odpr{border-color:var(--granat);color:var(--granat);font-weight:500}
#e-sprawy .akcje button.odpr:hover{background:var(--granat);color:#fff}
#e-sprawy .akcje button[disabled]{opacity:.45;cursor:default}
#e-sprawy .akcje button[disabled]:hover{background:transparent;color:var(--granat)}
#e-sprawy .spr .panel{grid-column:2/5;background:var(--biel);border:1px solid var(--linia);padding:10px 12px;font-size:13px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#e-sprawy .spr .panel input,#e-sprawy .spr .panel select{border:1px solid var(--linia);padding:5px 8px;font:inherit;font-size:12.5px;background:var(--papier)}
#e-sprawy .spr .panel input[type=text]{min-width:260px;flex:1}
#e-sprawy .spr .panel .info{flex-basis:100%;font-size:12px;color:var(--szary);border-top:1px solid var(--linia2);padding-top:6px;margin-top:2px}
#e-sprawy .spr .panel .przyc2.maly{padding:2px 8px;font-size:11.5px}
#e-sprawy .spr .dz{grid-column:2/5;font-size:11.5px;color:var(--slaby);border-left:2px solid var(--linia);padding-left:10px}
#e-sprawy .spr .dz div{padding:1px 0}
#e-sprawy .sp-podt{color:var(--slaby);margin-top:3px}
@media (max-width:1100px){#e-sprawy .spr{grid-template-columns:30px minmax(0,1fr) 140px}#e-sprawy .akcje{grid-column:2/4;justify-content:flex-start}#e-sprawy .spr .panel,#e-sprawy .spr .dz{grid-column:2/4}}
@media (max-width:760px){#e-sprawy .spr{grid-template-columns:30px minmax(0,1fr)}#e-sprawy .spr .term{grid-column:2}#e-sprawy .akcje,#e-sprawy .spr .panel,#e-sprawy .spr .dz{grid-column:2/3}}
/* punkt porzadku odprawy z pola szybkiego i z listy (7.11.2026) */
#sp-szybki .sp-rodzaj{display:inline-flex;border:1px solid var(--linia)}
#sp-szybki .sp-rodzaj button{border:0;background:var(--biel);padding:4px 11px;font:inherit;font-size:12.5px;color:var(--szary);cursor:pointer}
#sp-szybki .sp-rodzaj button+button{border-left:1px solid var(--linia)}
#sp-szybki .sp-rodzaj button.tu{background:var(--granat);color:#fff}
#sp-szybki .sp-podglad .p.wyszarz{opacity:.35;pointer-events:none}
#e-sprawy .akcje button.punkt{border-color:var(--bursz);color:var(--bursz);font-weight:500}
#e-sprawy .akcje button.punkt:hover{background:var(--bursz);color:#fff}