/* Seiten-Anordnung Tagesueberblick: nur Layout, Komponenten kommen aus app.css. */
.ov-day { position: relative; display: inline-flex; align-items: center; justify-content: center; height: var(--ctl); min-width: 160px; padding: 0 var(--s3); border-radius: var(--r-sm); cursor: pointer; }
.ov-day .label { pointer-events: none; }
/* Datumsfeld liegt unsichtbar ueber der Beschriftung: Tippen oeffnet den Kalender des Geraets */
.ov-day .ov-date { position: absolute; inset: 0; opacity: 0; cursor: pointer; height: 100%; }
@media (hover: hover) and (pointer: fine) { .ov-day:hover { background: var(--surface-2); } }
.ov-stats { margin-bottom: var(--s2); }
.ov-st { display: inline-flex; flex-wrap: wrap; gap: var(--s1) var(--s3); }
.ov-st-line { margin-top: var(--s2); }
.list > li.ov-row { align-items: flex-start; }
.ov-row .av { margin-top: 2px; }
.ov-ist { font-weight: 600; padding-top: 2px; }
.list > li.ov-note { align-items: flex-start; }
.ov-wide { display: none; }
@media (min-width: 768px) { .ov-wide { display: block; } .ov-narrow { display: none; } }
.tbl .il .cell-t { display: inline; }