/* Oko: narzędzie robocze. Spokój, czytelność, jeden kolor działań (kolor marki). */
:root {
  --tlo: #f4f3ef;
  --pow: #ffffff;
  --pow-2: #ecebe5;
  --linia: #dddbd3;
  --tekst: #1d1f1c;
  --tekst-2: #575b55;
  --tekst-3: #6e726b;
  --marka: #1f6b45;
  --marka-tekst: #ffffff;
  --marka-jasna: #e3efe7;
  --czerw: #a8321e;
  --czerw-tlo: #fbebe6;
  --zolty: #8a6400;
  --zolty-tlo: #fbf2d9;
  --ziel: #1f6b45;
  --cien: 0 1px 2px rgb(30 30 20 / .05), 0 2px 8px rgb(30 30 20 / .04);
  --r: 10px;
  --krok: 4px;
  --font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: light;
}
body.marka-cleanova { --marka: #1d4f91; --marka-jasna: #e2eaf6; }
body.marka-allx { --marka: #6a2c91; --marka-jasna: #efe5f5; }
body.marka-inne { --marka: #4c5157; --marka-jasna: #e9eaec; }

@media (prefers-color-scheme: dark) {
  :root {
    --tlo: #151614; --pow: #1d1f1c; --pow-2: #262924; --linia: #34372f;
    --tekst: #ecebe6; --tekst-2: #b5b8b0; --tekst-3: #9a9d95;
    --marka: #4fae7d; --marka-tekst: #0c1a12; --marka-jasna: #1f3328;
    --czerw: #f08a74; --czerw-tlo: #3a1d17; --zolty: #e3b84f; --zolty-tlo: #332a12; --ziel: #4fae7d;
    --cien: 0 1px 2px rgb(0 0 0 / .4);
    color-scheme: dark;
  }
  body.marka-cleanova { --marka: #6f9fe0; --marka-jasna: #1c2a3d; }
  body.marka-allx { --marka: #b98ad8; --marka-jasna: #2e2238; }
  body.marka-inne { --marka: #a9afb6; --marka-jasna: #2a2d31; }
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--tlo); color: var(--tekst); font: 15px/1.5 var(--font); }
::selection { background: var(--marka); color: var(--marka-tekst); }
a { color: var(--marka); text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--marka); outline-offset: 2px; border-radius: 4px; }
h1, h2 { line-height: 1.2; margin: 0; text-wrap: balance; }
h1 { font-size: 1.6rem; font-weight: 650; letter-spacing: -0.01em; }
h2 { font-size: 1.05rem; font-weight: 600; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ik { width: 22px; height: 22px; flex: none; }
.ik.mala { width: 17px; height: 17px; }
.liczby, td { font-variant-numeric: tabular-nums; }
.drobne { color: var(--tekst-2); font-size: .86rem; }
input, select, textarea, button { font: inherit; color: inherit; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--linia); border-radius: 10px; border: 2px solid var(--tlo); }

/* górny pasek */
.pasek { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 16px;
  padding: 8px 16px; background: var(--pow); border-bottom: 1px solid var(--linia); }
.logo { display: flex; align-items: center; gap: 8px; color: var(--marka); text-decoration: none; font-weight: 700; font-size: 1.1rem; }
.logo-znak { width: 28px; height: 28px; }
.logo-znak.duze { width: 52px; height: 52px; color: var(--marka); }
.marki { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; flex: 1; }
.marki::-webkit-scrollbar { display: none; }
.marka-link { white-space: nowrap; padding: 8px 12px; border-radius: 999px; color: var(--tekst-2); text-decoration: none; font-size: .9rem; min-height: 40px; display: flex; align-items: center; }
.marka-link:hover { background: var(--pow-2); }
.marka-link.aktywna { background: var(--marka); color: var(--marka-tekst); font-weight: 600; }
.wyloguj { margin: 0; }

/* przyciski */
button { cursor: pointer; }
.przycisk-glowny, .przycisk-drugi, .przycisk-cichy {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px;
  padding: 0 16px; border-radius: 8px; font-weight: 600; text-decoration: none; border: 1px solid transparent;
  transition: transform 100ms ease-out; white-space: nowrap; }
.przycisk-glowny { background: var(--marka); color: var(--marka-tekst); }
.przycisk-glowny:hover { filter: brightness(1.08); }
.przycisk-drugi { background: var(--pow); color: var(--tekst); border-color: var(--linia); }
.przycisk-drugi:hover { background: var(--pow-2); }
.przycisk-cichy { background: transparent; color: var(--tekst-2); border: 0; padding: 0 10px; }
.przycisk-cichy:hover { background: var(--pow-2); color: var(--tekst); }
.przycisk-glowny:active, .przycisk-drugi:active, .przycisk-cichy:active { transform: scale(.97); }
button:disabled { opacity: .45; cursor: not-allowed; }
.duzy { min-height: 52px; font-size: 1.05rem; padding: 0 24px; }

/* układ */
.uklad { display: grid; grid-template-columns: minmax(0, 1fr); }
.tresc { padding: 20px 16px 120px; max-width: 1180px; width: 100%; min-width: 0; margin: 0 auto; }
.nawigacja { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(62px, 1fr); overflow-x: auto; scrollbar-width: none;
  background: var(--pow); border-top: 1px solid var(--linia); padding-bottom: env(safe-area-inset-bottom); }
.miejsce { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  min-height: 60px; color: var(--tekst-2); text-decoration: none; font-size: .78rem; font-weight: 500; }
.miejsce.aktywne { color: var(--marka); font-weight: 650; }
.miejsce.aktywne::before { content: ""; position: absolute; top: 0; left: 25%; right: 25%; height: 3px; border-radius: 0 0 3px 3px; background: var(--marka); }
.licznik { position: absolute; top: 6px; left: calc(50% + 8px); min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px;
  background: var(--marka); color: var(--marka-tekst); font-size: .72rem; display: grid; place-items: center; font-variant-numeric: tabular-nums; }
.stopka { padding: 12px 16px 84px; color: var(--tekst-3); font-size: .78rem; text-align: center; }
.stopka a { color: inherit; }
@media (min-width: 900px) {
  .uklad { grid-template-columns: 200px minmax(0, 1fr); }
  .nawigacja { position: sticky; top: 57px; align-self: start; height: calc(100vh - 57px); display: flex; flex-direction: column; gap: 4px;
    padding: 16px 12px; border-top: 0; border-right: 1px solid var(--linia); background: var(--tlo); }
  .miejsce { flex-direction: row; justify-content: flex-start; gap: 10px; padding: 0 12px; min-height: 44px; border-radius: 8px; font-size: .95rem; }
  .miejsce:hover { background: var(--pow-2); }
  .miejsce.aktywne { background: var(--marka-jasna); }
  .miejsce.aktywne::before { display: none; }
  .licznik { position: static; margin-left: auto; }
  .tresc { padding: 28px 32px 48px; }
  .stopka { padding-bottom: 16px; }
}
@media (max-width: 560px) { .wyloguj span { display: none; } .pasek { gap: 8px; padding: 8px 12px; } .logo span { display: none; } }

/* nagłówki ekranu */
.naglowek { margin-bottom: 16px; }
.stan-linia { margin: 6px 0 0; color: var(--tekst-2); }
.baner { background: var(--pow-2); border-radius: var(--r); padding: 10px 14px; margin: 0 0 16px; }
.baner.ok { background: var(--marka-jasna); }
.alarm { display: flex; gap: 8px; align-items: flex-start; background: var(--czerw-tlo); color: var(--czerw); border-radius: var(--r);
  padding: 10px 14px; margin: 8px 0 16px; font-weight: 500; }
.alarm .ik { margin-top: 2px; }
.wroc { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-bottom: 8px; font-weight: 600; text-decoration: none; }

/* narzędzia nad listą */
.narzedzia { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; }
.zakladki { display: flex; gap: 4px; background: var(--pow-2); padding: 4px; border-radius: 10px; }
.zakladki.przewijane { overflow-x: auto; max-width: 100%; scrollbar-width: none; }
.zakladka { padding: 0 14px; min-height: 40px; display: flex; align-items: center; gap: 6px; border-radius: 7px; color: var(--tekst-2);
  text-decoration: none; font-weight: 500; white-space: nowrap; }
.zakladka.aktywna { background: var(--pow); color: var(--tekst); box-shadow: var(--cien); font-weight: 600; }
.filtry > summary { list-style: none; }
.filtry > summary::-webkit-details-marker { display: none; }
.filtry[open] { flex-basis: 100%; }
.filtry-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; background: var(--pow); border: 1px solid var(--linia);
  border-radius: var(--r); padding: 14px; margin-top: 8px; }
label { display: flex; flex-direction: column; gap: 4px; font-size: .86rem; color: var(--tekst-2); font-weight: 500; }
label.check { flex-direction: row; align-items: center; gap: 8px; min-height: 44px; color: var(--tekst); }
input[type=text], input[type=search], input[type=number], input[type=password], select, textarea {
  min-height: 44px; padding: 8px 12px; border: 1px solid var(--linia); border-radius: 8px; background: var(--pow); color: var(--tekst); font-size: 1rem; }
input::placeholder, textarea::placeholder { color: var(--tekst-3); }
input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--marka); }
.aktywne-filtry { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: var(--tekst-2); margin: 0 0 12px; }
.aktywne-filtry span { background: var(--marka-jasna); color: var(--tekst); padding: 2px 10px; border-radius: 999px; }
.aktywne-filtry a { font-weight: 600; margin-left: 4px; }

/* rekord */
.lista { display: flex; flex-direction: column; gap: 10px; }
.rekord { background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); padding: 14px 16px; box-shadow: var(--cien);
  transition: opacity 200ms ease-out, transform 200ms ease-out; }
.rekord.znika { opacity: 0; transform: translateX(24px); }
.rekord-glowa { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; align-items: flex-start; }
.rekord-nazwa { font-size: 1.02rem; font-weight: 620; max-width: 60ch; }
.rekord-nazwa a { color: var(--tekst); text-decoration: none; }
.rekord-nazwa a:hover { text-decoration: underline; }
.znaczki { display: flex; gap: 6px; flex-wrap: wrap; }
.znaczek { font-size: .78rem; padding: 2px 9px; border-radius: 999px; background: var(--pow-2); color: var(--tekst-2); font-weight: 600; white-space: nowrap; }
.wiar-pewne { background: var(--marka-jasna); color: var(--ziel); }
.wiar-prawdopodobne { background: var(--zolty-tlo); color: var(--zolty); }
.wiar-do-sprawdzenia { background: var(--pow-2); color: var(--tekst-2); }
.rekord-miejsce { display: flex; align-items: center; gap: 6px; color: var(--tekst-2); margin: 6px 0 10px; font-size: .9rem; }
.km { margin-left: 4px; padding-left: 8px; border-left: 1px solid var(--linia); font-variant-numeric: tabular-nums; }
.dane { display: grid; gap: 6px; margin: 0; }
.dane > div { display: grid; grid-template-columns: 22px 1fr; gap: 8px; align-items: baseline; }
.dane dt { color: var(--tekst-3); display: flex; }
.dane dd { margin: 0; overflow-wrap: anywhere; }
.dane .brak dd { color: var(--tekst-3); }
.stanowisko { margin-left: 8px; color: var(--tekst-2); font-size: .88rem; }
.stanowisko::before { content: "· "; }
.mail-opis { margin-left: 6px; color: var(--tekst-3); font-size: .82rem; }
.kropka { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-left: 6px; vertical-align: middle; }
.k-zielony { background: var(--ziel); } .k-zolty { background: #c9961a; } .k-czerwony { background: var(--czerw); }
.rekord-stopa { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px;
  padding-top: 12px; border-top: 1px solid var(--linia); }
.zrodla { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.zrodlo { font-size: .78rem; padding: 3px 9px; border-radius: 6px; border: 1px solid var(--linia); color: var(--tekst-2); text-decoration: none; }
.zrodlo:hover { border-color: var(--marka); color: var(--marka); }
.art14 { display: inline-flex; align-items: center; gap: 4px; font-size: .78rem; color: var(--tekst-3); }
.art14.pilne { color: var(--czerw); font-weight: 600; }
.decyzja { display: flex; gap: 8px; align-items: flex-start; margin-left: auto; }
.decyzja form { margin: 0; }
.odrzuc { position: relative; }
.odrzuc > summary { list-style: none; }
.odrzuc > summary::-webkit-details-marker { display: none; }
.powody { position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 10; background: var(--pow); border: 1px solid var(--linia);
  border-radius: var(--r); box-shadow: 0 6px 24px rgb(0 0 0 / .14); padding: 6px; display: grid; min-width: 200px; }
.powod { width: 100%; text-align: left; background: none; border: 0; border-radius: 6px; min-height: 44px; padding: 0 12px; }
.powod:hover { background: var(--pow-2); }
.niepotw { display: flex; align-items: center; gap: 6px; margin: 0; min-height: 44px; color: var(--zolty); font-weight: 600; font-size: .88rem; }
.stan-rekordu { margin: 0; color: var(--tekst-2); font-weight: 600; font-size: .9rem; }
.stan-do_crm { color: var(--ziel); }

@media (min-width: 1000px) {
  .rekord:not(.crm) { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); column-gap: 24px; }
  .rekord:not(.crm) .rekord-glowa, .rekord:not(.crm) .rekord-miejsce { grid-column: 1; }
  .rekord:not(.crm) .dane { grid-column: 2; grid-row: 1 / span 2; }
  .rekord:not(.crm) .rekord-stopa { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .decyzja { width: 100%; margin-left: 0; }
  .decyzja > form { flex: 1; } .decyzja > form button { width: 100%; }
  .odrzuc { flex: 1; } .odrzuc > summary { width: 100%; }
  .powody { left: 0; right: auto; }
}

.pusto { background: var(--pow); border: 1px dashed var(--linia); border-radius: var(--r); padding: 28px 20px; text-align: center; display: grid; gap: 12px; justify-items: center; }
.pusto p { margin: 0; max-width: 48ch; }

/* sekcje karty */
.sekcja { margin-top: 28px; }
.sekcja h2 { margin-bottom: 10px; }
.dlaczego { margin: 0; padding-left: 20px; color: var(--tekst-2); }
.tabela-owijka { overflow-x: auto; background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); }
.tabela { border-collapse: collapse; width: 100%; font-size: .9rem; }
.tabela th, .tabela td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--linia); vertical-align: top; }
.tabela th { color: var(--tekst-2); font-weight: 600; font-size: .8rem; background: var(--pow-2); }
.tabela tr:last-child td { border-bottom: 0; }
.tabela td { overflow-wrap: anywhere; }
.tabela.liczbowa td:not(:first-child), .tabela.liczbowa th:not(:first-child) { text-align: right; }
.usuniete td { color: var(--tekst-3); }
.linki { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.linki a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border: 1px solid var(--linia); border-radius: 8px;
  background: var(--pow); text-decoration: none; color: var(--tekst); }
.linki a:hover { border-color: var(--marka); }

/* szukaj */
.szukaj-form { display: grid; gap: 14px; background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); padding: 18px; max-width: 640px; }
.szukaj-form .duze input { font-size: 1.15rem; min-height: 52px; }
.rzad { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.rzad label { flex: 1 1 200px; }
.rzad label.waskie { flex: 0 1 130px; }
.podpowiedz { margin: 2px 4px 2px 0; padding: 4px 10px; min-height: 32px; border-radius: 999px; border: 1px solid var(--linia); background: var(--pow-2); }
.podpowiedz:hover { border-color: var(--marka); }
.zadania { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.zadanie { background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); padding: 12px 14px; }
.zadanie p { margin: 4px 0; }
.zadanie-glowa { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.stan-w_toku .znaczek, .stan-oczekuje .znaczek { background: var(--marka-jasna); color: var(--marka); }
.stan-blad .znaczek, .stan-przerwane .znaczek { background: var(--czerw-tlo); color: var(--czerw); }
.etap { color: var(--marka); font-weight: 500; }
.liczby-zadania b { font-size: 1.05rem; }
.bledy summary { cursor: pointer; color: var(--tekst-2); font-size: .86rem; min-height: 32px; }
.bledy ul { font-size: .8rem; color: var(--tekst-2); max-height: 240px; overflow: auto; overflow-wrap: anywhere; }

/* crm */
.eksport { display: flex; gap: 8px; flex-wrap: wrap; }
.eksport form { margin: 0; }
.crm-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--linia); }
.crm-form label { flex: 1 1 180px; }
.crm-form label.szeroka { flex-basis: 100%; }
.notatki pre { white-space: pre-wrap; font: inherit; color: var(--tekst-2); margin: 6px 0 0; }
.notatki summary { cursor: pointer; color: var(--tekst-2); margin-top: 8px; min-height: 32px; }
.ostrz { display: flex; gap: 6px; align-items: center; color: var(--zolty); margin: 8px 0 0; }
.sprzeciwy { padding-left: 18px; }

/* toast z „Cofnij” */
.toast { position: fixed; left: 50%; bottom: 84px; transform: translateX(-50%); z-index: 50; display: flex; align-items: center; gap: 14px;
  background: var(--tekst); color: var(--tlo); padding: 8px 8px 8px 16px; border-radius: 10px; box-shadow: 0 8px 28px rgb(0 0 0 / .25);
  max-width: calc(100vw - 32px); }
.toast-cofnij { background: transparent; border: 1px solid currentColor; color: inherit; border-radius: 7px; min-height: 40px; padding: 0 14px; font-weight: 600; }
@media (min-width: 900px) { .toast { bottom: 24px; } }

/* logowanie */
body.logowanie { min-height: 100vh; display: grid; place-items: center; padding: 16px; }
.logowanie-okno { width: 100%; max-width: 360px; background: var(--pow); border: 1px solid var(--linia); border-radius: 14px; padding: 28px; display: grid; gap: 14px; justify-items: start; }
.logowanie-okno form { display: grid; gap: 14px; width: 100%; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 150ms !important; transform: none !important; }
}

/* zbiorcze decyzje */
.rekord-glowa .wybor { display: grid; place-items: center; min-width: 44px; min-height: 44px; margin: -6px 0 -6px -10px; cursor: pointer; }
.rekord-glowa .wybor input, .zaznacz-wszystko input, .okno .check input { width: 22px; height: 22px; accent-color: var(--marka); }
.zbiorczo { position: sticky; bottom: calc(60px + env(safe-area-inset-bottom)); z-index: 15; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px;
  background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); box-shadow: var(--cien); padding: 8px 12px; margin: 0 0 12px; }
@media (min-width: 900px) { .zbiorczo { bottom: 12px; } }
.zbiorczo-przyciski { display: flex; gap: 8px; margin-left: auto; }
.zbiorczo-przyciski button { flex: 1; }
.zaznacz-wszystko { display: flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; }
.zaznaczono { color: var(--tekst-2); font-variant-numeric: tabular-nums; }
@media (max-width: 560px) { .zbiorczo-przyciski { width: 100%; margin-left: 0; } }
.okno { border: 1px solid var(--linia); border-radius: var(--r); background: var(--pow); color: var(--tekst); padding: 18px; width: min(460px, calc(100vw - 32px)); }
.okno::backdrop { background: rgb(0 0 0 / .45); }
.okno h2 { margin: 0 0 8px; font-size: 1.15rem; }
.okno label { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.okno select { min-height: 44px; margin-left: auto; }
.okno-przyciski { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
.zb-podzial { font-weight: 600; font-variant-numeric: tabular-nums; }
.historia { padding-left: 18px; }
label.zaznacz-wszystko { flex-direction: row; align-items: center; gap: 8px; font-size: .95rem; color: var(--tekst); }
.rekord-glowa { flex-wrap: wrap; }
.rekord-glowa .rekord-nazwa { flex: 1 1 0; min-width: 8ch; margin: 0; align-self: center; text-align: left; }
.rekord-glowa .wybor { flex: 0 0 44px; margin-right: -6px; }
.rekord-glowa .znaczki { flex: 1 0 100%; padding-left: 38px; }
.rekord-glowa:not(:has(.wybor)) .znaczki { padding-left: 0; }

/* podgląd na żywo */
.terminal-glowa { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.terminal-glowa h2 { margin: 0; }
.terminal { background: #11130f; color: #d9ddd3; border-radius: var(--r); padding: 12px 14px; height: 52vh; min-height: 260px; overflow-y: auto;
  font: .84rem/1.55 ui-monospace, "Cascadia Mono", Consolas, monospace; border: 1px solid var(--linia); }
.terminal-wiersz { display: grid; grid-template-columns: 8ch 1fr; gap: 10px; overflow-wrap: anywhere; }
.terminal-godz { color: #8d9387; font-variant-numeric: tabular-nums; }
.terminal-wiersz.r-blad .terminal-tekst { color: #f08a74; }
.terminal-wiersz.r-start .terminal-tekst, .terminal-wiersz.r-koniec .terminal-tekst { color: #7fd0a0; font-weight: 600; }
.terminal-wiersz.r-claude .terminal-tekst, .terminal-wiersz.r-prosba .terminal-tekst { color: #9fc2f0; }
.terminal-wiersz.r-wlasciciel .terminal-tekst { color: #e3b84f; }
.terminal-pusto { color: #8d9387; margin: 0; }
.pasek-stanu { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 8px 14px; border-radius: var(--r); text-decoration: none;
  background: var(--marka-jasna); color: var(--tekst); font-size: .9rem; font-weight: 600; min-height: 40px; }
.pasek-stanu[hidden] { display: none; }
.pasek-stanu.poziom-czeka { background: var(--zolty-tlo); color: var(--zolty); }
.pasek-stanu.poziom-szuka .ik { animation: puls 1.6s ease-in-out infinite; }
@keyframes puls { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .pasek-stanu.poziom-szuka .ik { animation: none; } }
.czeka-pozycja { list-style: none; padding: 10px 14px; background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); margin-bottom: 8px; }
@media (max-width: 560px) { .miejsce { font-size: .7rem; } .terminal { height: 56vh; font-size: .8rem; } .terminal-wiersz { grid-template-columns: 1fr; gap: 0; margin-bottom: 4px; } }

/* asystent */
.rozmowa { display: flex; flex-direction: column; gap: 10px; max-height: 50vh; min-height: 120px; overflow-y: auto; padding: 4px 2px 8px; }
.wiadomosc { max-width: 78ch; padding: 10px 14px; border-radius: var(--r); background: var(--pow); border: 1px solid var(--linia); white-space: pre-wrap; overflow-wrap: anywhere; }
.wiadomosc.w-uzytkownik { align-self: flex-end; background: var(--marka-jasna); border-color: transparent; }
.wiadomosc.w-blad { background: var(--czerw-tlo); color: var(--czerw); border-color: transparent; }
.wiadomosc-godz { display: block; font-size: .74rem; color: var(--tekst-3); margin-bottom: 2px; }
.rozmowa-form { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.rozmowa-form textarea { width: 100%; resize: vertical; }
.karta-asystenta { background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); padding: 14px 16px; margin-bottom: 12px; box-shadow: var(--cien); }
.lista-adresatow { max-height: 220px; overflow-y: auto; }
.podglad-maila { background: var(--pow-2); border-radius: var(--r); padding: 10px 14px; margin: 10px 0; }
.podglad-temat { font-weight: 650; margin: 4px 0; }
.podglad-tresc { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; margin: 4px 0 8px; }
button[disabled] { opacity: .5; cursor: not-allowed; }

/* Telefon 390 px: większe pola dotykowe (kontrola wyglądu 05.11.2026) */
label.drobne:has(input[type="checkbox"]) { display: flex; gap: .6rem; align-items: flex-start; min-height: 44px; padding: .35rem 0; }
input[type="checkbox"] { width: 22px; height: 22px; flex: none; }
.logowanie { max-width: 26rem; margin: 2rem auto; padding: 0 1rem; }
@media (max-width: 640px) {
  td a, li a.nazwa-firmy, .tabela a { display: inline-block; padding: .55rem 0; min-height: 44px; box-sizing: border-box; }
  .logo { min-height: 44px; display: inline-flex; align-items: center; }
}
label.check:has(input[type="checkbox"]) { display: flex; gap: .6rem; align-items: flex-start; min-height: 44px; padding: .35rem 0; }
.karta-crm h3 a, .kontakt-crm h3 a, article h3 a { display: inline-block; padding: .5rem 0; min-height: 44px; box-sizing: border-box; }
.rekord-nazwa a { display: inline-block; padding: .5rem 0; min-height: 44px; box-sizing: border-box; }
.zbiorczo-przyciski { display: flex; flex-wrap: wrap; gap: .5rem; }
.zbiorczo-przyciski button { min-height: 44px; }
.podpowiedz { min-height: 44px; }