/* Erweiterung 1: overview, help requests, relief */

/* Übersicht */
.ov-toolbar { align-items: center; }
.ov-range { font-weight: 700; margin: 0 0 .75rem; }
.ov-day + .ov-day { margin-top: .75rem; }
.ov-day-title { font-size: 1rem; margin: 0 0 .25rem; display: flex; flex-wrap: wrap; gap: .25rem .5rem; align-items: center; }
.ov-help-group + .ov-help-group { margin-top: .75rem; }
.ov-help-group h3 { font-size: 1rem; margin: 0 0 .25rem; }

/* Hilfeanfragen */
.help-card h3 { margin-top: 0; }
.help-card:focus { outline: 3px solid var(--c-primary); outline-offset: 2px; }
.help-card.is-target { border-color: var(--c-primary); }
.help-details { white-space: pre-wrap; }
.table-wrap { overflow-x: auto; max-width: 100%; }
.help-recipients { border-collapse: collapse; width: 100%; font-size: .95rem; }
.help-recipients th, .help-recipients td { text-align: left; vertical-align: top; padding: .35rem .5rem; border-bottom: 1px solid var(--c-subtle); }
.help-recipients thead th { color: var(--c-muted); font-weight: 600; }

/* Entlastungsmodus */
.relief-explanation { font-size: 1.05rem; font-weight: 600; border-left: 4px solid var(--c-primary); padding: .5rem .75rem; background: var(--c-subtle); border-radius: var(--radius); margin: .5rem 0; }

@media (max-width: 30rem) {
  .help-recipients thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .help-recipients tr { display: block; border-bottom: 1px solid var(--c-subtle); padding: .25rem 0; }
  .help-recipients th, .help-recipients td { display: block; border: 0; padding: .1rem 0; }
}