/* time – Zeit & Recht (1.6.0, Welle W1): Stempeluhr-Sperre, Korrektur-Anträge, Einstellungen Zeit/Feiertage.
   Telefon (375 px) zuerst; Touch-Ziele ≥ 44 px; Farben aus den App-Variablen (Kontrast ≥ 4,5:1). */

/* Stempeluhr: Sperrgrund + «Arbeit beantragen» an derselben Stelle */
.block-box { background: var(--warn-soft); color: var(--warn); border-radius: 12px; padding: 12px; margin: 10px 0; display: flex; flex-direction: column; gap: 8px; }
.block-box p { margin: 0; font-weight: 600; }
.block-box .muted { color: var(--warn); font-weight: 400; }
.block-box .btn { min-height: 44px; align-self: stretch; }
.time-end-warn { font-weight: 600; }

/* Korrektur-Anträge */
.list-plain { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.correction-card { display: flex; flex-direction: column; gap: 6px; }
.correction-card .card-head h3 { margin: 0; font-size: 1rem; }
.correction-card .btn { min-height: 44px; }
.diff { display: grid; gap: 6px; }
.diff > div { border-radius: 10px; padding: 8px 10px; background: var(--bg); display: flex; flex-direction: column; gap: 2px; }
.diff-before { border-left: 4px solid var(--line); }
.diff-after { border-left: 4px solid var(--ok); }
.diff-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted); font-weight: 600; }
.seg.seg-sm { margin: 8px 0; }
.seg.seg-sm button { padding: 8px 12px; font-size: 0.875rem; min-height: 44px; }
.info-box { background: var(--info-soft); color: var(--info); padding: 10px 12px; border-radius: 10px; margin: 6px 0; text-decoration: none; min-height: 44px; box-sizing: border-box; display: flex; align-items: center; }

/* Einstellungen: Pausenregeln, Feiertagsregeln */
.section-title { margin: 12px 0 0; font-size: 1rem; }
.break-rule { gap: 6px; flex-wrap: wrap; align-items: center; }
.break-rule input { width: 5.5em; min-height: 44px; }
.holiday-rules li { min-height: 44px; align-items: center; }
.holiday-rules .check { gap: 8px; align-items: center; }
.holiday-new { border-top: 1px solid var(--line); padding-top: 10px; }

@media (min-width: 720px) {
	.diff { grid-template-columns: 1fr 1fr; }
	.block-box .btn { align-self: flex-start; }
}