/* Ergaenzungen des Panels zu app.css (Richtung B). app.css und tokens.css bleiben unveraendert; nur Variablen aus tokens.css. */
/* Balkenhoehen der Wochenstunden in 5-%-Schritten (app.css kennt nur h0, h30, h35, h75, h80) */
.h5 { height: 5%; }
.h10 { height: 10%; }
.h15 { height: 15%; }
.h20 { height: 20%; }
.h25 { height: 25%; }
.h40 { height: 40%; }
.h45 { height: 45%; }
.h50 { height: 50%; }
.h55 { height: 55%; }
.h60 { height: 60%; }
.h65 { height: 65%; }
.h70 { height: 70%; }
.h85 { height: 85%; }
.h90 { height: 90%; }
.h95 { height: 95%; }
.h100 { height: 100%; }

/* Abmelden als Knopf im Stil der Navigation und der Menueliste */
.logout-form { margin: 0; }
.nav-button { width: 100%; background: transparent; border-top: 0; border-right: 0; border-bottom: 0; font: inherit; font-weight: 600; cursor: pointer; text-align: left; }
.menu-list form { display: contents; }
.menu-button { display: flex; align-items: center; gap: var(--sp-3); width: 100%; min-height: 56px; padding: 0 var(--sp-4); border: 1px solid var(--c-line); border-radius: var(--r-m); background: var(--c-surface); color: var(--c-ink); font: inherit; font-weight: 600; cursor: pointer; text-align: left; }
.menu-button .ic { color: var(--c-orange); }

/* Rechte-Matrix: Link "Aendern" unter dem Rechtenamen */
.matrix .lnk { display: inline-block; margin-top: var(--sp-1); font-size: var(--fs-xs); font-weight: 600; }
.matrix td:first-child { min-width: 220px; }

/* Einstellungen: zwei Eingaben nebeneinander (von/bis, Wochentag/Uhrzeit) */
.pair { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--sp-2); align-items: center; }
.pair select { grid-column: 1 / 2; }
.pair input[type=time] { grid-column: 2 / 4; }
.pair-sep { color: var(--c-muted); font-size: var(--fs-s); }
.dev-list { margin-top: var(--sp-4); }
.goal { margin-bottom: var(--sp-3); }
.flash-list { margin-bottom: var(--sp-4); }
.login-box .flash-list { text-align: left; }
.login-box form { text-align: left; }
.login-box .field { text-align: left; }
code { font-family: Consolas, "Courier New", monospace; font-size: var(--fs-xs); color: var(--c-muted); word-break: break-all; }


/* Personal-Seiten (M11) */
.inline-form { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; margin: 0; }
.inline-form input[type=text] { width: auto; flex: 1 1 140px; min-height: var(--hit-min); }
.plan-shift { display: grid; gap: var(--sp-2); padding-top: var(--sp-3); border-top: 1px solid var(--c-line); }
.plan-shift:first-of-type { border-top: 0; padding-top: 0; }
.lead-edit { margin-top: var(--sp-2); border: 1px solid var(--c-line); border-radius: var(--r-m); padding: var(--sp-2) var(--sp-3); }
.lead-edit summary { min-height: var(--hit-min); display: flex; align-items: center; cursor: pointer; font-weight: 600; color: var(--c-orange); }
.lead-edit form { margin-top: var(--sp-3); }
.transcript { white-space: pre-wrap; word-break: break-word; background: var(--c-surface-sunken); border: 1px solid var(--c-line); border-radius: var(--r-m); padding: var(--sp-3); max-height: 480px; overflow: auto; font-family: var(--font); font-size: var(--fs-s); }
.table td small { display: block; }
.who { display: flex; align-items: center; gap: var(--sp-3); }

/* Betriebs-Seiten (M13) */
.money-neg { color: var(--c-danger); }
.diff-bad dd { color: var(--c-danger); }
.kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-3); margin-bottom: var(--sp-3); }
.count-grid { display: grid; gap: var(--sp-3); }
.count-row { display: grid; grid-template-columns: 1fr minmax(96px, 140px); gap: var(--sp-3); align-items: center; padding: var(--sp-2) 0; border-top: 1px solid var(--c-line); }
.count-row:first-child { border-top: 0; }
.count-row input { text-align: right; }
.pre-wrap { white-space: pre-wrap; word-break: break-word; }
.preview { border-left: 4px solid var(--c-orange); padding-left: var(--sp-3); }
.menu-edit { margin-top: var(--sp-2); border: 1px solid var(--c-line); border-radius: var(--r-m); padding: var(--sp-2) var(--sp-3); }
.menu-edit summary { min-height: var(--hit-min); display: flex; align-items: center; cursor: pointer; font-weight: 600; color: var(--c-orange); }
.weekdays { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.weekdays .check { min-width: 64px; }

/* Audit-Ansicht (M15): lesbare Zeilen, Rohdaten aufklappbar */
.audit-lines { display: grid; gap: var(--sp-1); }
.audit-raw { margin-top: var(--sp-1); }
.audit-raw summary { cursor: pointer; color: var(--c-muted); font-size: var(--fs-xs); min-height: var(--hit-min); display: flex; align-items: center; }