/* Seiten-Anordnung Zeiten: nur Layout, Komponenten kommen aus app.css. */

/* Tabelle ab Tablet, Liste am Handy */
.z-narrow { display: none; }
@media (max-width: 899px) {
  .z-wide { display: none; }
  .z-narrow { display: block; }
}
@media print { .z-wide { display: block !important; } .z-narrow { display: none !important; } }

.z-stats { margin-bottom: var(--s4); }
.z-foot { margin: var(--s3) 0 0; font-size: var(--fs-sm); color: var(--text-3); }

/* Spaltenbreiten der Tagestabelle */
.z-day .c-date { width: 120px; }
.z-day .c-loc { width: auto; }
.z-day .c-time { width: 136px; }
.z-day .c-n { width: 72px; }
.z-day .c-n2 { width: 92px; }
.z-day .c-act { width: 88px; }
.z-day td { vertical-align: top; }
.z-day td.num b { font-weight: 600; }
/* je Eintrag eine Zeile gleicher Hoehe, damit Zeit, Pause und Knoepfe auf einer Linie stehen */
.z-day .z-lines { margin: -6px 0; }
.z-lines > div { min-height: 32px; display: flex; align-items: center; }
.z-day td.num .z-lines > div, .z-day td.act .z-lines > div { justify-content: flex-end; }
.z-day td.num:not(:has(.z-lines)) { line-height: 20px; }
.z-ea { display: inline-flex; gap: 2px; }

.z-tags { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s2); margin-top: var(--s1); }
.z-tags:empty { display: none; }
td > .z-tags:first-child { margin-top: 0; }
.z-hint { display: flex; align-items: center; gap: 6px; margin-top: var(--s1); color: var(--warn); font-size: var(--fs-xs); line-height: 1.3; }
.z-hint .ic { font-size: 13px; flex: none; }
.z-note { margin-top: 2px; font-size: var(--fs-sm); color: var(--text-2); }

/* Alle Mitarbeiter */
.z-all .c-name { width: auto; }
.z-all .c-d { width: 64px; }
.z-all .c-n2 { width: 108px; }
.z-all .c-n3 { width: 124px; }
.z-who { display: flex; align-items: center; gap: var(--s3); min-width: 0; }
.z-who .cell-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Handy-Liste */
.z-list > li { align-items: flex-start; }
.z-list .z-d { flex: none; width: 44px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding-top: 2px; }
.z-list .z-d .wd { font: 600 var(--fs-xs)/1 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.z-list .z-d .dt { font-weight: 600; font-size: var(--fs-ui); }
.z-list .right { padding-top: 2px; }
.z-list > li.z-miss { min-height: 48px; }
.z-list > li.z-miss .main-col { padding-top: 2px; }
.z-le { display: flex; align-items: center; gap: var(--s2); }
.z-le + .z-le { margin-top: var(--s2); }
.z-list .z-tags { margin-top: var(--s2); }
.z-list .z-tags:first-child { margin-top: 0; }

/* Werkzeugleiste: Export und Hauptaktion bleiben zusammen rechts */
.z-bar .group.fill .label { min-width: 124px; }
.z-bar .select { width: 190px; min-width: 0; }
.z-acts { margin-left: auto; gap: var(--s2); }
@media (max-width: 767px) {
  .z-bar .select { width: auto; }
  .z-acts { margin-left: 0; flex: 1 1 100%; }
  .z-acts .btn.primary { flex: 1 1 auto; }
}
@media (max-width: 560px) {
  .z-stats > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* Aenderungsprotokoll */
.list > li.z-audit { align-items: flex-start; }
.z-ch { display: grid; grid-template-columns: 64px 1fr; gap: var(--s2); font-size: var(--fs-sm); margin-top: 4px; }
.z-more { margin-top: var(--s2); }

/* Eintrag-Dialog: Pausen */
.z-brks { gap: var(--s3); margin-bottom: var(--s3); }
.z-brks:empty { display: none; }
.z-brk { display: grid; grid-template-columns: 1fr 1fr auto; gap: var(--s3); align-items: end; }
.hint-row { margin-top: calc(var(--s2) * -1); }

/* Druck */
.z-ph { display: flex; justify-content: space-between; gap: var(--s4); align-items: flex-start; flex-wrap: wrap; }
.z-pkv { margin: var(--s4) 0; }