/* Modul Odprawy (etap A, 30.10.2026). Wszystko pod #e-odprawy albo z przedrostkiem od-, zeby nie zderzac sie
   ze stylami bazy prawnej w index.html. Kolory z :root pulpitu. */
#e-odprawy{padding-bottom:200px}
#e-odprawy .przyc2.tu{border-color:var(--granat);background:var(--granat);color:#fff}
#e-odprawy .przyc2.maly{padding:2px 8px;font-size:11.5px}
#e-odprawy .podt{font-size:12px;color:var(--slaby)}
#e-odprawy .uwaga-a{font-size:12px;color:var(--szary);background:var(--papier2);border-left:3px solid var(--bursz);padding:8px 12px;margin-bottom:16px}
#e-odprawy .pasek-gorny{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
#e-odprawy .pasek-gorny input[type=text]{border:1px solid var(--linia);background:var(--biel);padding:7px 11px;font:inherit;font-size:13px;width:240px}
#e-odprawy .pasek-gorny select{border:1px solid var(--linia);background:var(--biel);padding:7px 9px;font:inherit;font-size:13px}
#e-odprawy .stan-odpr{font-size:13px;color:var(--szary)}
#e-odprawy .stan-odpr b{color:var(--atrament);font-weight:500}
#e-odprawy .pasek-gorny label{font-size:12.5px;color:var(--szary);display:flex;gap:6px;align-items:center}
/* porzadek */
#e-odprawy .porz{background:var(--biel);border:1px solid var(--linia);padding:12px 16px 10px;margin-bottom:20px}
#e-odprawy .porz.otw{border-color:var(--granat);box-shadow:0 0 0 2px rgba(39,54,74,.12)}
#e-odprawy .porz.czeka{border-color:var(--bursz);border-left-width:4px}
#e-odprawy .porz .licznik.czeka{background:var(--bursz);color:#fff;border-color:var(--bursz);font-weight:600}
#e-odprawy .porz .glowa{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}
#e-odprawy .porz .glowa h3{font-size:15px}
#e-odprawy .porz .glowa .podt{flex:1}
#e-odprawy .porz .licznik{font-family:'IBM Plex Mono',monospace;font-size:11px;padding:2px 9px;border:1px solid var(--linia);color:var(--slaby)}
#e-odprawy .porz .licznik.zle{background:var(--czerw);color:#fff;border-color:var(--czerw);font-weight:600}
#e-odprawy .porz .licznik.ok{background:var(--ziel);color:#fff;border-color:var(--ziel)}
#e-odprawy .porz .pkt{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--linia2)}
#e-odprawy .porz .pkt .kolko{width:19px;height:19px;border:2px solid var(--granat);border-radius:50%;cursor:pointer;background:var(--biel);font-size:12px;line-height:15px;text-align:center;color:#fff}
#e-odprawy .porz .pkt .kolko:hover{background:var(--jasny)}
#e-odprawy .porz .pkt.om .kolko{background:var(--ziel);border-color:var(--ziel)}
#e-odprawy .porz .pkt .tr{font-size:14px;font-weight:500;border-left:4px solid var(--bursz);padding-left:9px}
#e-odprawy .porz .pkt.om .tr{font-weight:400;color:var(--slaby);text-decoration:line-through;border-left-color:transparent}
#e-odprawy .porz .dodaj{display:flex;gap:6px;margin-top:8px}
#e-odprawy .porz .dodaj input{flex:1;border:1px solid var(--linia);padding:7px 10px;font:inherit;font-size:13px;background:var(--papier)}
/* lista */
#e-odprawy .sekcja{margin-bottom:22px}
#e-odprawy .sekcja .tytul{display:flex;align-items:center;gap:12px;padding:8px 0 6px;border-bottom:1px solid var(--linia);cursor:pointer}
#e-odprawy .sekcja .tytul h3{font-size:15px;flex:1}
#e-odprawy .sekcja .tytul .ile{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--slaby)}
#e-odprawy .sekcja .tytul .ile.zle{color:var(--czerw)}
#e-odprawy .sekcja.zw .zad,#e-odprawy .sekcja.zw .pod-kom{display:none}
#e-odprawy .sekcja .tytul .zwin{font-size:11px;color:var(--slaby)}
#e-odprawy .grupa-term .tytul h3{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:400;color:var(--slaby)}
#e-odprawy .grupa-term .tytul h3.zle{color:var(--czerw)}
#e-odprawy .pod-kom{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--slaby);padding:10px 0 2px}
#e-odprawy .zad{display:grid;grid-template-columns:38px minmax(0,1fr) 150px auto;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--linia2)}
#e-odprawy .zad:hover{background:var(--papier2)}
#e-odprawy .zad .nr{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--slaby);padding-top:3px}
#e-odprawy .zad .tr{font-size:14px}
#e-odprawy .zad .meta{font-size:11.5px;color:var(--slaby);margin-top:2px;display:flex;gap:10px;flex-wrap:wrap}
#e-odprawy .zad .meta .zn{color:var(--bursz)}
#e-odprawy .zad .meta .zn.org{color:var(--granat);border:1px solid var(--linia);padding:0 5px}
#e-odprawy .zad .term{font-family:'IBM Plex Mono',monospace;font-size:12px;padding-top:3px}
#e-odprawy .zad .term.zle{color:var(--czerw);font-weight:600}
#e-odprawy .zad .term.blisko{color:var(--bursz)}
#e-odprawy .zad .term.brak{color:var(--slaby)}
#e-odprawy .zad .term small{display:block;font-size:10.5px;color:var(--slaby);font-weight:400}
#e-odprawy .akcje{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
#e-odprawy .akcje button{background:transparent;border:1px solid var(--linia);padding:3px 9px;font-size:11.5px;color:var(--szary)}
#e-odprawy .akcje button:hover{border-color:var(--granat);color:var(--atrament)}
#e-odprawy .akcje button.ok:hover{border-color:var(--ziel);color:var(--ziel)}
#e-odprawy .zad .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-odprawy .zad .panel input,#e-odprawy .zad .panel select{border:1px solid var(--linia);padding:5px 8px;font:inherit;font-size:12.5px;background:var(--papier)}
#e-odprawy .zad .panel input[type=text]{min-width:260px}
#e-odprawy .zad .dz{grid-column:2/5;font-size:11.5px;color:var(--slaby);border-left:2px solid var(--linia);padding-left:10px}
#e-odprawy .zad .dz div{padding:1px 0}
#e-odprawy .pusto{color:var(--slaby);font-size:13px;padding:20px 0}
/* dol: wpis */
#e-odprawy .dol{position:fixed;left:var(--pasek);right:0;bottom:0;background:var(--papier);border-top:1px solid var(--linia);padding:12px 40px 14px;z-index:20}
#e-odprawy .dol .wew{max-width:1100px}
#e-odprawy .propoz{background:var(--biel);border:1px solid var(--granat);padding:10px 12px;margin-bottom:10px;display:grid;grid-template-columns:230px minmax(0,1fr) 210px auto;gap:12px;align-items:start}
#e-odprawy .propoz .pole label{display:block;font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--slaby);margin-bottom:3px}
#e-odprawy .propoz .pole input,#e-odprawy .propoz .pole select{width:100%;border:1px solid var(--linia);padding:6px 8px;font:inherit;font-size:13px;background:var(--papier)}
#e-odprawy .propoz .pole.ostrz input,#e-odprawy .propoz .pole.ostrz select{background:#fdf6dc;border-color:var(--bursz)}
#e-odprawy .propoz .pole.blok input,#e-odprawy .propoz .pole.blok select{background:#fdf5f4;border-color:var(--czerw)}
#e-odprawy .propoz .pole .z{font-size:11px;color:var(--slaby);margin-top:3px}
#e-odprawy .propoz .pole .z b{font-weight:500;color:var(--szary)}
#e-odprawy .propoz .pole .wybor{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
#e-odprawy .propoz .pole .wybor button{border:1px solid var(--linia);background:var(--biel);padding:3px 8px;font-size:11.5px}
#e-odprawy .propoz .pole .wybor button:hover{border-color:var(--granat)}
#e-odprawy .propoz .pole .flaga{font-size:12px;margin-top:6px;display:flex;gap:6px;align-items:center;text-transform:none;letter-spacing:0;font-family:inherit}
#e-odprawy .propoz .prz{display:flex;flex-direction:column;gap:6px;padding-top:16px}
#e-odprawy .propoz .prz button{padding:7px 14px;font-size:13px}
#e-odprawy .propoz .uw{grid-column:1/5;font-size:12px;color:var(--bursz);border-top:1px solid var(--linia2);padding-top:6px}
#e-odprawy .propoz .uw.zle{color:var(--czerw)}
#e-odprawy .propoz .odb{grid-column:1/5;display:flex;gap:8px;flex-wrap:wrap;font-size:12.5px;border-top:1px solid var(--linia2);padding-top:6px}
#e-odprawy .propoz .odb label{display:flex;gap:4px;align-items:center}
#e-odprawy .podobne{grid-column:1/5;font-size:12.5px;border-top:1px solid var(--linia2);padding-top:6px}
#e-odprawy .podobne .p{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:3px 0;color:var(--szary)}
#e-odprawy .podobne .p button{border:1px solid var(--linia);background:var(--biel);padding:2px 8px;font-size:11.5px}
#e-odprawy .od-pytaj{display:flex;border:1px solid var(--atrament);background:var(--biel)}
#e-odprawy .od-pytaj input{flex:1;border:0;padding:12px 15px;font:inherit;font-size:14.5px;outline:none;background:transparent}
#e-odprawy .od-pytaj button{border:0;border-left:1px solid var(--linia2);background:var(--atrament);color:var(--papier);padding:0 20px;font-weight:500}
#e-odprawy .od-pytaj button.jasny{background:transparent;color:var(--atrament)}
#e-odprawy .od-pytaj button.jasny:hover{background:var(--papier2)}
#e-odprawy .podp{font-size:11.5px;color:var(--slaby);margin-top:6px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
#e-odprawy .bramka{background:#fdf5f4;border:1px solid var(--czerw);padding:9px 12px;margin-bottom:10px;font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#e-odprawy .bramka mark{background:#f6d6d2;padding:0 3px}
#e-odprawy .bramka button{border:1px solid var(--linia);background:var(--biel);padding:4px 10px;font-size:12px}
.od-komun{position:fixed;right:28px;bottom:120px;background:var(--granat);color:#fff;padding:10px 16px;font-size:13px;z-index:30;display:none;box-shadow:0 2px 12px rgba(0,0,0,.2)}
.od-komun.on{display:flex;gap:12px;align-items:center}
.od-komun.zle{background:var(--czerw)}
.od-komun button{background:transparent;border:1px solid var(--jasny);color:#fff;padding:3px 9px;font-size:12px}
/* wydruk ustalen */
#e-odprawy .druk{background:var(--biel);border:1px solid var(--linia);padding:40px 48px;max-width:800px;font-family:'Source Serif 4',Georgia,serif;font-size:14px;line-height:1.5}
#e-odprawy .druk .ng{display:flex;justify-content:space-between;font-size:12px;color:var(--szary);border-bottom:1px solid var(--atrament);padding-bottom:8px;margin-bottom:16px;font-family:'IBM Plex Sans',system-ui,sans-serif}
#e-odprawy .druk h2{font-size:19px;margin-bottom:4px}
#e-odprawy .druk .spor{font-size:12.5px;color:var(--szary);margin-bottom:22px}
#e-odprawy .druk h3{font-size:13px;margin:18px 0 6px;text-transform:uppercase;letter-spacing:.06em;font-family:'IBM Plex Sans',system-ui,sans-serif}
#e-odprawy .druk h4{font-size:13.5px;margin:10px 0 3px;font-weight:600}
#e-odprawy .druk ol{padding-left:22px}
#e-odprawy .druk li{margin-bottom:4px}
#e-odprawy .druk .t{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--szary)}
#e-odprawy .druk .od-stopka{margin-top:28px;padding-top:8px;border-top:1px solid var(--linia);font-size:11px;color:var(--slaby);font-family:'IBM Plex Mono',monospace}
#e-odprawy .druk .aneks{margin-top:22px;border:1px dashed var(--bursz);padding:10px 14px;font-size:12.5px}
#e-odprawy .druk .edyt{background:#fdf6dc;outline:1px dashed var(--bursz);padding:0 3px;min-width:40px;display:inline-block}
#e-odprawy .druk textarea.notatka{width:100%;height:90px;font:inherit;font-size:13.5px;padding:8px;border:1px solid var(--linia);background:#fdf6dc}
#e-odprawy .druk .not{white-space:pre-wrap}
#e-odprawy .od-hist .poz{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--linia2);font-size:13px;color:var(--szary);cursor:pointer;flex-wrap:wrap}
#e-odprawy .od-hist .poz:hover{background:var(--papier2);color:var(--atrament)}
#e-odprawy .od-hist .poz .kiedy{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--slaby);flex:0 0 110px}
#e-odprawy .mailpas{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:13px}
#e-odprawy .mailpas select{border:1px solid var(--linia);background:var(--biel);padding:7px 9px;font:inherit;font-size:13px}
#e-odprawy .mailtxt{width:100%;max-width:800px;height:280px;font:12.5px/1.45 'IBM Plex Mono',ui-monospace,monospace;border:1px solid var(--linia);padding:10px 12px;margin-bottom:14px;background:var(--biel);color:var(--atrament)}
/* okienka (w .okno pulpitu) */
#okno .od-rz{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
#okno .od-rz label{font-size:13px;color:var(--szary)}
#okno .od-rz input[type=date],#okno .od-rz input[type=text]{border:1px solid var(--linia);padding:7px 10px;font:inherit;font-size:14px;background:var(--biel)}
#okno .od-rz textarea{width:100%;height:80px;border:1px solid var(--linia);padding:8px;font:inherit;font-size:13.5px;background:var(--biel)}
#okno .od-prz{display:flex;gap:8px;justify-content:flex-end}
#okno p.ostrz{color:var(--czerw);font-weight:500;font-size:13.5px;margin-bottom:12px}
/* kalendarz */
#e-odprawy .kal-glowa{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
#e-odprawy .kal-glowa h3{font-size:19px;margin:0 4px}
#e-odprawy .kal-prze{display:flex;background:var(--papier2);border:1px solid var(--linia);padding:3px}
#e-odprawy .kal-prze button{border:0;background:transparent;padding:5px 12px;font-size:13px;font-weight:500;color:var(--slaby)}
#e-odprawy .kal-prze button.tu{background:var(--biel);color:var(--granat);box-shadow:0 1px 3px rgba(0,0,0,.12)}
#e-odprawy .kal-tyg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
#e-odprawy .kal-d{background:var(--biel);border:1px solid var(--linia);padding:8px;min-height:130px;cursor:pointer;min-width:0;overflow:hidden}
#e-odprawy .kal-d:hover{border-color:var(--granat)}
#e-odprawy .kal-d.wolny{background:var(--papier2)}
#e-odprawy .kal-d.dzis{box-shadow:0 0 0 2px var(--granat)}
#e-odprawy .kal-d.wyb{border-color:var(--granat);background:#f3f5f8}
#e-odprawy .kal-d .dn{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;color:var(--slaby);margin-bottom:6px}
#e-odprawy .kal-d.dzis .dn{color:var(--granat)}
#e-odprawy .kchip{font-size:11px;line-height:1.3;padding:3px 6px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--papier2);border-left:3px solid var(--slaby)}
#e-odprawy .kchip.odpr{background:#f6d6d2;border-left-color:var(--czerw);color:var(--czerw);font-weight:600}
#e-odprawy .kchip.zle{color:var(--czerw);font-weight:600}
#e-odprawy .kchip.spr{background:#ececec;border-left:3px dashed var(--slaby);color:var(--atrament)}   /* A2 7.11.2026: moja sprawa w kalendarzu */
#e-odprawy .kchip.spr.zle{color:var(--czerw)}
#e-odprawy .kal-leg i.spr{background:#ececec;border-left:3px dashed var(--slaby);width:7px}
#e-odprawy .zad.spr{background:var(--papier2)}
#e-odprawy .zad.spr .nr{color:var(--slaby)}
#e-odprawy .kal-moje{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;color:var(--slaby);margin:14px 0 4px}
#e-odprawy .akcje button.punkt{border-color:var(--bursz);color:var(--bursz);font-weight:500}
#e-odprawy .akcje button.punkt:hover{background:var(--bursz);color:#fff}
#e-odprawy .kal-mies{background:var(--biel);border:1px solid var(--linia);padding:10px}
#e-odprawy .kal-mies .naz{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:4px}
#e-odprawy .kal-mies .naz span{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;color:var(--slaby);text-align:center;padding:3px}
#e-odprawy .kal-mies .siat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#e-odprawy .kal-m{border:1px solid var(--linia2);padding:5px;min-height:80px;cursor:pointer;min-width:0;overflow:hidden}
#e-odprawy .kal-m:hover{border-color:var(--granat)}
#e-odprawy .kal-m.poza{background:var(--papier2);color:var(--slaby);border-color:transparent}
#e-odprawy .kal-m.wolny{background:var(--papier2)}
#e-odprawy .kal-m.dzis{box-shadow:0 0 0 2px var(--granat)}
#e-odprawy .kal-m.wyb{background:#f3f5f8;border-color:var(--granat)}
#e-odprawy .kal-m .nu{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;margin-bottom:3px}
#e-odprawy .kal-m .kchip{font-size:10px;padding:1px 4px;margin-bottom:2px;border-left-width:2px}
#e-odprawy .kal-m .wiecej{font-size:10px;color:var(--slaby)}
#e-odprawy .kal-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:11.5px;color:var(--slaby)}
#e-odprawy .kal-leg span{display:flex;gap:5px;align-items:center}
#e-odprawy .kal-leg i{display:inline-block;width:10px;height:10px}
#e-odprawy .kal-dz{margin-top:18px}
#e-odprawy .kal-dz h3{font-size:15px;padding:8px 0 6px;border-bottom:1px solid var(--linia)}
@media print{#e-odprawy .dol,#e-odprawy .pasek-gorny,#e-odprawy .naglowek,#e-odprawy .uwaga-a,#e-odprawy .mailpas,#e-odprawy .mailtxt,.od-komun{display:none!important}#e-odprawy .druk{border:0;padding:0;max-width:none}}
@media (max-width:900px){#e-odprawy .dol{left:0;padding:10px 14px}#e-odprawy .zad{grid-template-columns:30px minmax(0,1fr)}#e-odprawy .zad .term,#e-odprawy .akcje{grid-column:2}#e-odprawy .akcje{justify-content:flex-start}#e-odprawy .propoz{grid-template-columns:1fr}#e-odprawy .propoz .uw,#e-odprawy .propoz .odb,#e-odprawy .podobne{grid-column:1}#e-odprawy .kal-tyg{grid-template-columns:repeat(2,minmax(0,1fr))}}