/* OGNIWO — style lokalne strony /ksef-od-kiedy/.
   Osobny plik celowo: nie ruszamy współdzielonego subpages-r07.css, więc nie trzeba
   podbijać cache-bustera na wszystkich podstronach. CSP ma style-src 'self'
   i style-src-attr 'none' — stąd zero <style> i zero atrybutów style=. */

/* Pole wyboru — brakowało go w subpages-r07.css (jest tylko .field input/textarea).
   Wzorowane 1:1 na .field input, żeby oba typy pól wyglądały tak samo.
   Natywna lista rozwijana renderuje się ciemno dzięki <meta name="color-scheme" content="dark">. */
.field select {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line-strong);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 17px;
  padding: 10px 2px 12px;
  min-height: 48px;
  width: 100%;
  transition: border-color var(--t-micro) var(--ease);
}
.field select:focus-visible {
  outline: none;
  border-bottom: 1px solid var(--ember);
  box-shadow: 0 1px 0 0 var(--ember);
}

/* Tabela harmonogramu. Globalny CSS ustawia tylko kolory (table/th/td),
   a reguły wymiarów są tam ograniczone do .doc — tu odtwarzamy je lokalnie. */
.ksef-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  min-width: 560px;
}
.ksef-table th,
.ksef-table td {
  text-align: left;
  padding: 14px 16px;
  border: 1px solid var(--line);
  vertical-align: top;
  line-height: 1.5;
}
.ksef-table thead th {
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ksef-table tbody th {
  white-space: nowrap;
  font-weight: 600;
}

/* Odstęp nad śródtytułami w sekcji harmonogramu — zastępuje atrybut style=,
   którego CSP nie przepuszcza. */
.ksef-h3 { margin-top: 2.5rem; }

/* ── Generator AI Act (/ai-act-obowiazek-informacyjny/) ───────────────── */

/* Checkbox w .field — bazowy .field input ma styl pola tekstowego
   (dolna krawędź, min-height 48), który dla checkboxa trzeba cofnąć. */
.field.aiact-check {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.field.aiact-check input[type="checkbox"] {
  width: 22px;
  height: 22px;
  min-height: 0;
  flex: 0 0 auto;
  border: 0;
  accent-color: var(--ember);
}
.field.aiact-check label {
  margin: 0;
  cursor: pointer;
}

.aiact-lista ul {
  margin: 0.75em 0 0;
  padding-left: 1.2em;
}
.aiact-lista li {
  margin-bottom: 0.7em;
  line-height: 1.5;
}

.aiact-teksty { max-width: 720px; }
.aiact-tekst {
  margin: 1.4em 0 0;
  border: 1px solid var(--line);
  background: var(--surface);
}
.aiact-tekst figcaption {
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold);
  padding: 12px 16px 0;
}
.aiact-tekst blockquote {
  margin: 0;
  padding: 10px 16px 16px;
  line-height: 1.55;
  user-select: all; /* jedno kliknięcie zaznacza całość do skopiowania */
}