/* ============================================================
   OKRES OD–DO (docs/43) — 2026-10-17
============================================================ */
/* Dwa pola dat i pula mechaników z mocą w okresie.
   Wybór mechanika to jedna lista (radio), stan pojemności słowem przy wierszu. */
.termin-okres{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-start}
.termin-okres-pole{display:flex;flex-direction:column;gap:6px;min-width:220px;font-size:12px}
.termin-pula{display:flex;flex-direction:column;margin-top:10px;border:1px solid var(--line-1);border-radius:var(--radius-2)}
.termin-pula-wiersz{display:grid;grid-template-columns:minmax(120px,auto) 1fr auto;align-items:center;gap:4px 12px;padding:9px 12px;
  border:0;border-top:1px solid var(--line-2);background:transparent;color:var(--text-1);text-align:left;font:inherit;font-size:12.5px;min-height:40px}
.termin-pula-wiersz:first-child{border-top:0}
button.termin-pula-wiersz{cursor:pointer}
button.termin-pula-wiersz:hover{background:var(--surf-1)}
.termin-pula-wiersz.is-wybrany{background:var(--primary-bg);box-shadow:inset 3px 0 0 var(--primary)}
.termin-pula-wiersz span{color:var(--text-2);font-variant-numeric:tabular-nums}
.termin-pula-stan{font-weight:700}
.termin-pula-stan.is-ciasno{color:var(--orange)}
.termin-pula-stan.is-za-duzo{color:var(--sem-error)}
.dodnia-pula{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
@media (max-width: 600px){
  .termin-okres-pole{min-width:0;width:100%}
  .termin-pula-wiersz{grid-template-columns:1fr auto}
  .termin-pula-wiersz > span:nth-child(2){grid-column:1 / -1;grid-row:2}
}
.wypelniacze{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;flex-basis:100%;margin-top:6px;font-size:12px}
.wypelniacze-tytul{color:var(--text-3);font-weight:700}