/* Kokpit asystenta — wygląd wspólny dla generalnego i diecezjalnego.
   Kolory wyłącznie ze zmiennych motywu, żeby ekran czytał się w obu motywach
   telefonu; wartości po przecinku to wyłącznie zapas na wypadek starego arkusza. */

#kokpit-asystenta { margin: 0 0 34px; }
#kokpit-asystenta .ka-warstwa { margin-top: 24px; }
#kokpit-asystenta .ka-warstwa > h2 { font-size: .76rem; letter-spacing: .13em;
  text-transform: uppercase; color: var(--t-tekst-2, #5a6a80); margin: 0 0 10px;
  font-weight: 700; }
#kokpit-asystenta .ka-kto { color: var(--t-tekst-2, #5a6a80); font-size: .92rem;
  margin: 0 0 10px; }

#kokpit-asystenta .ka-biurko { display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); }
#kokpit-asystenta .ka-kafel { display: block; text-decoration: none; color: inherit;
  padding: 14px 15px; border: 1px solid var(--t-linia, #d8dee6); border-radius: 14px;
  background: var(--t-plansza, #fff); }
#kokpit-asystenta .ka-kafel:hover,
#kokpit-asystenta .ka-kafel:focus-visible { border-color: var(--t-akcent, #c8922a); }
#kokpit-asystenta .ka-kafel b { display: block; font-size: 1.7rem; line-height: 1.05;
  color: var(--t-akcent-tekst, #8a5f10); font-variant-numeric: tabular-nums; }
#kokpit-asystenta .ka-kafel span { font-size: .84rem; color: var(--t-tekst-2, #5a6a80); }
#kokpit-asystenta .ka-kafel.ka-pilne { border-color: var(--t-zle, #a3352b); }
#kokpit-asystenta .ka-kafel.ka-pilne b { color: var(--t-zle, #a3352b); }
#kokpit-asystenta .ka-kafel.ka-spokoj b { color: var(--t-ok, #2f7d5f); }

#kokpit-asystenta .ka-blok { border: 1px solid var(--t-linia, #d8dee6); border-radius: 16px;
  padding: 15px 17px; background: var(--t-plansza, #fff); }
#kokpit-asystenta .ka-osoba { display: flex; gap: 10px; align-items: baseline;
  flex-wrap: wrap; padding: 8px 0; border-top: 1px solid var(--t-linia, #eceff4);
  font-size: .92rem; }
#kokpit-asystenta .ka-osoba:first-child { border-top: 0; padding-top: 0; }
#kokpit-asystenta .ka-osoba b { font-weight: 600; }
#kokpit-asystenta .ka-osoba .ka-opis { color: var(--t-tekst-2, #5a6a80); font-size: .84rem; }
#kokpit-asystenta .ka-stan { margin-left: auto; font-size: .78rem; font-weight: 600;
  border: 1px solid currentColor; border-radius: 100px; padding: 2px 9px;
  white-space: nowrap; }
#kokpit-asystenta .ka-stan.ka-zle { color: var(--t-zle, #a3352b); }
#kokpit-asystenta .ka-stan.ka-ok { color: var(--t-ok, #2f7d5f); }

#kokpit-asystenta .ka-pasek { height: 9px; border-radius: 100px;
  background: var(--t-plansza-2, #eceff4); overflow: hidden; margin: 4px 0 8px; }
#kokpit-asystenta .ka-pasek i { display: block; height: 100%;
  background: var(--t-akcent, #c8922a); }
#kokpit-asystenta .ka-diecezja { padding: 9px 0;
  border-top: 1px solid var(--t-linia, #eceff4); }
#kokpit-asystenta .ka-diecezja .ka-gora { display: flex; gap: 10px;
  justify-content: space-between; align-items: baseline; flex-wrap: wrap; }
#kokpit-asystenta .ka-diecezja b { font-size: .95rem; }
#kokpit-asystenta .ka-krok { font-size: .84rem; color: var(--t-tekst-2, #5a6a80); }
#kokpit-asystenta .ka-diecezja.ka-utknelo b { color: var(--t-zle, #a3352b); }

#kokpit-asystenta .ka-wyd { padding: 9px 0; border-top: 1px solid var(--t-linia, #eceff4);
  font-size: .92rem; }
#kokpit-asystenta .ka-wyd:first-child { border-top: 0; padding-top: 0; }
#kokpit-asystenta .ka-wyd b { display: block; }
#kokpit-asystenta .ka-wyd .ka-kiedy { color: var(--t-tekst-2, #5a6a80); font-size: .85rem; }
#kokpit-asystenta .ka-tak { color: var(--t-ok, #2f7d5f); font-weight: 600; font-size: .82rem; }
#kokpit-asystenta .ka-nie { color: var(--t-zle, #a3352b); font-weight: 600; font-size: .82rem; }

#kokpit-asystenta .ka-dalsi { display: none; }
#kokpit-asystenta .ka-wiecej { margin-top: 10px; font: inherit; font-size: .86rem;
  padding: 7px 14px; border-radius: 9px; cursor: pointer;
  border: 1px solid var(--t-linia, #d8dee6); background: var(--t-plansza-2, #f4f6f9);
  color: var(--t-tekst, inherit); }
#kokpit-asystenta .ka-wiecej:hover { border-color: var(--t-akcent, #c8922a); }
#kokpit-asystenta .ka-pusto { color: var(--t-tekst-2, #5a6a80); font-size: .92rem; margin: 0; }
#kokpit-asystenta .ka-uwaga { color: var(--t-zle, #a3352b); font-size: .92rem; margin: 6px 0 0; }
#kokpit-asystenta .ka-dalej { margin: 8px 0 0; font-size: .9rem; }
@media (max-width: 430px) { #kokpit-asystenta .ka-blok { padding: 13px; } }