/* Kopie tokens.css / kanon.css pozostają nietknięte. Własny układ i tokeny kanonu. */
.modul-panel { margin-top: 1rem; min-width: 0; display: grid; gap: 0.75rem; }
.modul-sekcja { padding: 1rem 1.25rem; }
.modul-zakladki { max-width: 100%; }
.kanon-zakladka { min-height: 36px; }
.modul-kontekst { margin-top: 0.75rem; padding: 1rem 1.25rem; display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(14rem, 1fr); gap: 0.5rem 1.5rem; align-items: start; }
.modul-kontekst > *, .modul-sekcja, .modul-filtry > *, .modul-formularz > * { min-width: 0; }
.modul-aktywacja { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.modul-filtry { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.75rem; }
.modul-filtry .kanon-pole { flex: 1 1 12rem; }
.modul-sekcja > .kanon-przyciski, .modul-sekcja > .kanon-przycisk { margin-top: 1rem; }
.modul-sekcje { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1rem 0; }
.modul-sekcje > * { min-width: 0; }
.modul-formularz { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; margin: 1rem 0; }
.modul-formularz > .kanon-przyciski { grid-column: 1 / -1; }
.kanon-pole__wejscie { width: 100%; min-width: 0; min-height: 36px; }
.kanon-pole__wejscie[multiple] { height: auto; }
input[type='file'] { height: auto; padding: 0.5rem; }
.kanon-tabela-ramka { width: 100%; max-width: 100%; margin-top: 0.75rem; }
.kanon-tabela { min-width: 38rem; }
.kanon-tabela td { vertical-align: top; max-width: 24rem; overflow-wrap: anywhere; }
.kanon-tabela .kanon-przycisk { white-space: nowrap; }
.modul-podpis-tabeli { text-align: left; margin-bottom: 0.75rem; font-weight: 600; color: var(--color-ink-soft); }
.modul-tabela-podpowiedz { display: none; font-size: 12px; color: var(--color-ink-soft); margin: 0.75rem 0 0; }
.modul-ilosc { white-space: nowrap; }
.modul-komunikaty { display: grid; gap: 0.75rem; }
.modul-komunikaty:empty { display: none; }
.modul-tekst { max-width: 54rem; color: var(--color-ink-soft); font-size: 14px; line-height: 1.65; }
.modul-tekst p { margin: 0.75rem 0; }
.modul-tekst h3, .modul-problemy h3 { color: var(--color-ink); font-size: 1rem; margin: 1.25rem 0 0.5rem; }
.modul-tekst li { margin-top: 0.5rem; }
p, li, .kanon-komunikat, .kanon-naglowek-modulu__konto, .modul-rekomendacja, .modul-pochodzenie { overflow-wrap: anywhere; }
.modul-okno { width: min(960px, calc(100% - 32px)); max-width: calc(100% - 32px); max-height: calc(100dvh - 32px); overflow: hidden; color: var(--color-ink); }
.modul-okno[open] { display: flex; flex-direction: column; }
#okno-tresc { overflow-y: auto; min-height: 0; padding: 0.25rem; overscroll-behavior: contain; }
#okno-tresc > .kanon-przycisk { margin-top: 0.75rem; }
.modul-okno::backdrop { background: var(--color-ink); opacity: 0.45; }
.modul-naglowek { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-shrink: 0; border-bottom: 1px solid var(--color-line); padding-bottom: 0.75rem; margin-bottom: 0.75rem; }
.modul-naglowek > h2 { margin-top: 0.5rem; overflow-wrap: anywhere; }
.modul-naglowek > button { flex-shrink: 0; }
.modul-rekomendacja { border: 1px solid var(--color-line); border-radius: var(--radius-xl); padding: 1rem; background: var(--color-surface); }
summary { cursor: pointer; min-height: 32px; font-size: 14px; font-weight: 600; }
.modul-pochodzenie { margin: 1rem 0; }
.modul-problemy { font-size: 14px; color: var(--color-err-ink); }
.modul-problemy:empty { display: none; }
.modul-wykres { margin: 1.25rem 0; padding: 1rem; border: 1px solid var(--color-line); border-radius: var(--radius-xl); background: var(--color-surface); }
.modul-wykres figcaption { font-size: 14px; font-weight: 600; }
.modul-wykres svg { display: block; width: 100%; height: auto; }
.modul-wykres text { fill: var(--color-ink-soft); font-family: var(--font-sans); font-size: 12px; }
.modul-seria-0 { fill: var(--color-brand-ink); }
.modul-seria-1 { fill: var(--color-accent-ink); }
/* Tekst istotny i małe etykiety dostają czytelniejszy istniejący token, nie nową paletę. */
.kanon-kafel__tytul, .kanon-tabela th, .kanon-znacznik:not(.kanon-znacznik--ok):not(.kanon-znacznik--ostrzezenie):not(.kanon-znacznik--blad), .kanon-pole__podpowiedz, .kanon-ladowanie { color: var(--color-ink-soft); }
.kanon-przycisk--glowny { background: var(--color-brand-ink); }
@media (max-width: 1023px) {
  .modul-tabela-podpowiedz { display: block; }
  .kanon-ekran { min-height: 100dvh; }
  .modul-kontekst { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .modul-formularz { grid-template-columns: 1fr; }
  .modul-okno { padding: 1rem; }
  .modul-naglowek { flex-wrap: wrap; }
}
@media (max-width: 639px) {
  .kanon-tresc--modul { padding: 1rem; }
  .modul-sekcja, .modul-kontekst, .modul-tekst { padding: 1rem; }
  .modul-zakladki { width: 100%; }
  .kanon-zakladka { flex: 1 1 42%; padding: 0.5rem; }
  .kanon-zakladki__kreska { display: none; }
  .modul-filtry { display: grid; grid-template-columns: minmax(0,1fr); }
  .kanon-naglowek-modulu__konto { flex-wrap: wrap; }
  .modul-okno .kanon-przyciski { align-items: stretch; }
  .modul-okno .kanon-przyciski > button { flex: 1 1 auto; }
}