.weekly-section { margin-top: 16px; min-width: 0; overflow-wrap: anywhere; }
.overview-filter { display: grid; grid-template-columns: repeat(2, minmax(0, 12rem)); gap: 8px 14px; margin-bottom: 8px; }
.overview-filter .field { min-width: 0; }
.overview-filter .field[hidden] { display: none; }
#weekly-period { margin-block: 7px 12px; font-size: .84rem; }
.overview-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--rule); background: var(--panel); }
.overview-stat { position: relative; display: grid; align-content: start; gap: 5px; min-width: 0; padding: 12px 25px 12px 13px; color: var(--text); border-inline-end: 1px solid var(--line); }
.overview-stat:last-child { border-inline-end: 0; }
.overview-stat:hover { color: var(--text); background: var(--tint); }
.overview-stat strong { font-size: clamp(1.05rem, 1.9vw, 1.6rem); font-variant-numeric: tabular-nums; }
.overview-stat small, .overview-issues small { color: var(--muted); font-weight: 400; }
.overview-stat::after { content: ''; position: absolute; inset-inline-end: 12px; top: 16px; width: 6px; height: 6px; border: solid var(--accent); border-width: 1px 1px 0 0; transform: rotate(45deg); }
.overview-attention { margin-top: 16px; padding: 13px; background: var(--panel); border-block: 1px solid var(--line); }
.overview-attention h3 { margin-bottom: 5px; }
.overview-attention-period { margin: 0 0 5px; font-size: .8rem; }
.overview-issues { list-style: none; margin: 0; padding: 0; }
.overview-issues li + li { border-top: 1px solid var(--line); }
.overview-issues :is(a, button) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 14px; align-items: center; width: 100%; padding: 9px 4px; min-height: 44px; border: 0; background: transparent; color: var(--text); text-align: start; }
.overview-issues :is(a, button):hover { background: var(--tint); color: var(--text); }
.overview-issues small { display: block; }
.overview-issues b { font-variant-numeric: tabular-nums; text-align: end; }
.overview-issues [data-overview-issue="gap"] b { color: var(--warning); }
#overview-tools { margin-top: 14px; }
#overview-tools > summary { cursor: pointer; }
.overview-more { margin-top: 7px; }
.overview-more > summary { cursor: pointer; color: var(--accent); min-height: 40px; padding-block: 7px; }
@media (max-width: 700px) {
  .overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .overview-stat:nth-child(even) { border-inline-end: 0; }
  .overview-stat:nth-child(n+3) { border-top: 1px solid var(--line); }
  .overview-stat { padding-inline-start: 9px; }
  .overview-attention { padding-inline: 9px; }
}
@media print { .overview-filter, #overview-tools { display: none; } }