/* ─── ZASTĘPSTWA – karty jedna pod drugą, domyślnie zwinięte ─── */
.subs-grid {
  column-width: auto;
  columns: 1;
  column-gap: 1.25rem;
}
.subs-grid .subs-card {
  break-inside: avoid;
  margin-bottom: 1.25rem;
}
.subs-grid table.subs-table { min-width: 0; }
.subs-grid .subs-table thead th { padding: .5rem .75rem; }
.subs-grid .subs-table td { padding: .5rem .75rem; font-size: 13px; }
.subs-grid .subs-lesson { width: 52px; text-align: center; }

@media (max-width: 700px) {
  .subs-grid { column-width: auto; columns: 1; }
}

@media print {
  .subs-grid { column-count: 2; column-gap: 4mm; }
}

/* body jest kolumnowym flexem – bez tego margin:auto zwęża kontener do treści */
.page-body { width: 100%; }

/* ─── zwijanie kart ─── */
.subs-card-header { cursor: pointer; user-select: none; }
.subs-card-header:focus-visible { outline: 2px solid var(--gold); outline-offset: -3px; }
.subs-card-name { flex: 1; }
.subs-chevron { transition: transform .2s; }
.subs-card.is-collapsed .subs-chevron { transform: rotate(-90deg); }
.subs-card.is-collapsed .subs-table-wrap { display: none; }

@media print {
  .subs-toggle-all, .subs-chevron,   .subs-card.is-collapsed .subs-table-wrap { display: block !important; }
}

/* ─── układ z listą dni po lewej (jak kadra pedagogiczna) ─── */
.subs-day-label { display: flex; flex-direction: column; line-height: 1.25; }
.subs-day-label small { font-size: 11.5px; font-weight: 400; opacity: .7; }
.subs-layout .kadra-sidebar { width: 240px; }
.subs-layout .kadra-group-item:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.subs-day[hidden] { display: none; }

@media print {
  .subs-layout { display: block; }
  .subs-layout .kadra-sidebar, .subs-layout .kadra-mobile-select { display: none !important; }
}