/* ==========================================================================
   KONTROLKA: TRESC
   Typy HtmlLabel i Computed. Zmierzone uzycie: 166.

   Nie jest polem i nie wolno jej wygladac jak pole wylaczone. Wylaczone
   znaczy "nie teraz" i czlowiek szuka sposobu, zeby je odblokowac. Tresc
   znaczy "tu sie nie wpisuje" i musi to komunikowac inaczej niz szarym
   prostokatem z ramka.

   Liczba zwolnien ponizej jest sama w sobie wynikiem: szesc stanow z osmiu
   nie ma tu sensu, bo tresc nie przyjmuje wprowadzania. Gdyby ktos kiedys
   chcial ja uczynic edytowalna, ma czarno na bialym, ze to inna kontrolka.

   stan-nieobecny: hover, focus-visible, active, disabled, readonly, error
   | powod: tresc nie przyjmuje wprowadzania ani skupienia, wiec nie ma
   stanu wskazania, wcisniecia, blokady, odczytu ani bledu walidacji.
   Ton alarmowy nie jest bledem pola, jest znaczeniem komunikatu.
   ========================================================================== */
.k-tresc {
  display: grid;
  gap: var(--odstep-1);
  padding: var(--odstep-3);
  background: var(--plyta-2);
  border-inline-start: 2px solid var(--kreska-2);
  border-radius: var(--promien-1);
}

.k-tresc-naglowek {
  font: var(--tekst-etykieta);
  color: var(--atrament-2);
}

.k-tresc-cialo {
  font: var(--tekst-wartosc);
  color: var(--atrament);
  max-inline-size: 68ch;               /* dlugosc wiersza, nie szerokosc karty */
  text-wrap: pretty;
}

.k-tresc-cialo > * + * {
  margin-block-start: var(--odstep-2);
}

/* --- brak danych. Puste miejsce klamie, ze wartosc jest zerem albo ze sie
       jeszcze liczy. Brak nazywamy brakiem, tak samo jak w kicie
       raportowym, gdzie ten sam blad mial 13 komponentow. --------------- */
.k-tresc-brak {
  color: var(--atrament-3);
  font-style: italic;
}

/* --- w toku. Wartosc wyliczana po stronie serwera. -------------------- */
.k-tresc[aria-busy="true"] {
  opacity: .6;
}

/* --- tony. Kolor nie jest jedynym nosnikiem znaczenia: kazdy ton ma
       wlasny naglowek podany z gory i wlasna kreske na krawedzi. -------- */
.k-ton-zwykly {
  background: var(--plyta-2);
  border-inline-start-color: var(--kreska-2);
}

.k-ton-ostrzezenie {
  background: var(--ostrzezenie-mgla);
  border-inline-start-color: var(--ostrzezenie);
}

.k-ton-ostrzezenie .k-tresc-naglowek {
  color: var(--ostrzezenie);
}

.k-ton-alarm {
  background: var(--alarm-mgla);
  border-inline-start-color: var(--alarm);
}

.k-ton-alarm .k-tresc-naglowek {
  color: var(--alarm);
}

.k-ton-powodzenie {
  background: var(--powodzenie-mgla);
  border-inline-start-color: var(--powodzenie);
}

.k-ton-powodzenie .k-tresc-naglowek {
  color: var(--powodzenie);
}