/* Broniarz - komunikaty i plakietki. */

.komunikat {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 12px 14px; border-radius: var(--promien); margin: 0 0 14px;
  background: var(--tlo-2); border: 1.5px solid var(--ramka-mocna);
}
.komunikat::before { content: ""; flex: none; width: 10px; height: 10px; margin-top: .45em; border-radius: 50%; background: var(--info); }
.komunikat.ok { border-color: color-mix(in srgb, var(--ok) 55%, transparent); }
.komunikat.ok::before { background: var(--ok); }
.komunikat.uwaga { border-color: color-mix(in srgb, var(--uwaga) 55%, transparent); }
.komunikat.uwaga::before { background: var(--uwaga); }
.komunikat.blad { border-color: color-mix(in srgb, var(--blad) 60%, transparent); }
.komunikat.blad::before { background: var(--blad); border-radius: 2px; }
.komunikat[hidden] { display: none; }
.plakietka {
  display: inline-block; padding: 2px 8px; border-radius: 8px; font-size: .75rem; font-weight: 600;
  background: var(--tlo-3); color: var(--tekst-2); font-family: var(--font-liczby);
}