/* MF Zeitnachweis in der MF-Gestaltung (Markenleitfaden 4.0.17): Kopfzeile E47, Bausteine 0.1.1, Felder E61.
   Die Seite behält ihren bisherigen Aufbau; dieses Blatt legt nur die MF-Werte darüber. Alle Farben aus dem Leitfaden. */
:root{--blau:#11263f;--gold:#b88a45;--grau:#526377;--linie:#c5cdd6;--bg:#f4f6f9;--ok:#176144;--rot:#a92132;--warn:#745327}
body{font:16px/1.6 Inter,Arial,sans-serif;color:var(--mf-ink);background:var(--mf-bg);margin:0}
/* Kopfzeile E47 (Werte aus mf-kopfzeile-e47.css des Dashboards, hier ohne Seitenraster, bleibt beim Scrollen oben) */
.kopf{--kh:138px;--klogo:112px;--kbrand:104px;--navy:#16314f;position:sticky;top:0;height:var(--kh);overflow:hidden;background:#fff;display:flex;align-items:center;border-bottom:2px solid rgba(184,138,69,.55);min-width:0;z-index:20}
.kopf-logo{flex:none;display:block;margin:0 clamp(12px,2.2vw,28px) 0 clamp(12px,2vw,24px);width:var(--klogo);height:var(--klogo);border-radius:14px;box-shadow:0 1px 6px rgba(20,40,70,.25);position:relative;z-index:2}
.kopf-logo img{display:block;width:100%;height:100%;border-radius:14px;object-fit:contain}
.kopf-text{position:relative;z-index:2;min-width:0}
.kopf-name{margin:0;font:600 clamp(20px,3.4vw,32px)/1.05 Cinzel,Georgia,serif;letter-spacing:.06em;color:var(--navy)}
.kopf-satz{margin:clamp(4px,.8vw,10px) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:0 .7em;font:600 clamp(10.5px,1.25vw,16px)/1.5 Cinzel,Georgia,serif;letter-spacing:.12em;color:var(--gold)}
.kopf-satz i{width:.5em;height:.5em;background:var(--gold);transform:rotate(45deg);flex:none}
.kopf-faden{position:absolute;left:0;bottom:0;height:55%;width:calc(100% - var(--kbrand) - clamp(12px,2vw,24px) - 6px);z-index:1;pointer-events:none}
.kopf-marke{flex:none;margin:0 clamp(12px,2vw,24px) 0 auto;height:var(--kbrand);width:auto;border-radius:10px;box-shadow:0 1px 6px rgba(20,40,70,.25);position:relative;z-index:2}
@media(max-width:1024px){.kopf{--kh:100px;--klogo:80px;--kbrand:78px}.kopf-satz{font-size:10.5px}}
@media(max-width:600px){.kopf{--kh:88px;--klogo:68px;--kbrand:54px}.kopf-satz{flex-wrap:nowrap;white-space:nowrap;font-size:9px;letter-spacing:.04em;gap:0 .4em}
  .kopf-text{flex:1 1 0;container-type:inline-size;margin-top:-8px}@container (max-width:186px){.kopf-satz{display:none}}.kopf-faden{height:30%}}
header:not(.kopf){display:none}
main{max-width:1000px;margin:0 auto;padding:28px 16px 60px}
/* Karten, Überschriften, Felder, Schaltflächen nach den MF-Bausteinen */
.karte{background:var(--mf-card);border:1px solid var(--mf-line);border-top:3px solid var(--mf-gold);border-radius:8px;padding:24px;margin-bottom:20px;min-width:0}
h2{font:600 23px/1.35 Cinzel,Georgia,serif;color:var(--mf-ink);margin:0 0 16px}
label{display:block;font-size:16px;font-weight:700;color:var(--mf-ink);margin:14px 0 6px}
input,select,textarea{width:100%;font:inherit;color:var(--mf-ink);padding:5px 12px;min-height:34px;border:1px solid var(--mf-control);border-radius:6px;background:#fff}
textarea{padding:8px 12px;min-height:80px}
input::placeholder,textarea::placeholder{color:var(--mf-muted);opacity:1}
input[type=checkbox]{accent-color:#11263f}
button{font:inherit;font-weight:600;min-height:44px;padding:10px 18px;border-radius:6px;cursor:pointer;background:var(--blau);color:#fff;border:2px solid var(--gold)}
button.zweit{background:#fff;color:var(--mf-ink);border:1px solid var(--mf-control)}
button.gross{font-size:21px;min-height:64px}
button.stopp{background:#fff;color:var(--rot);border:2px solid var(--rot)}
:focus-visible{outline:3px solid var(--mf-focus)!important;outline-offset:3px}
.uhr{font:700 56px/1.1 Inter,Arial,sans-serif;color:var(--blau);font-variant-numeric:tabular-nums}
.punkt{background:var(--ok)}
.leise{color:var(--mf-muted);font-size:14px}
.meld{border:1px solid var(--mf-line);border-left:4px solid var(--ok);background:var(--mf-info);border-radius:6px;padding:14px 16px}
.meld.ok{background:#e9f6ef;color:var(--ok)}.meld.fehler{border-left-color:var(--rot);background:#fff;color:var(--rot)}
.chip{border:1px solid var(--mf-line);border-radius:20px;padding:1px 10px;background:#fff;color:var(--mf-ink)}.chip.warn{border-color:var(--gold);color:var(--warn);background:#fff}
.summen div{background:var(--mf-info);border:1px solid #65c4da;border-radius:8px}.summen b{color:var(--blau)}
th{color:var(--mf-muted);font-size:14px}th,td{border-bottom:1px solid var(--mf-line)}
summary{color:var(--blau);min-height:44px;display:flex;align-items:center}
.prog form{background:var(--mf-info);border:1px solid #65c4da;border-radius:8px}
.commits,.leise{color:var(--mf-muted)}
@media(max-width:860px){input,select,textarea{min-height:44px}}
@media(max-width:600px){.uhr{font-size:44px}.karte{padding:18px}}

/* Handy (bis 700 px): Listen als Karten, große Taste unten fest, Tippflächen mindestens 44 px */
@media(max-width:700px){
  main{padding:20px 16px 110px}
  button.gross{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;z-index:30;box-shadow:0 4px 16px rgba(17,38,63,.35)}
  .tabelle table,.tabelle tbody{display:block}.tabelle thead{display:none}
  .tabelle tr{display:grid;grid-template-columns:auto 1fr auto;gap:2px 12px;border:1px solid var(--mf-line);border-radius:8px;padding:12px;margin-bottom:12px;background:#fff}
  .tabelle td{border:0;padding:0;min-width:0}
  #liste td:nth-child(1){font-weight:700}#liste td:nth-child(3){font-weight:700;text-align:right}
  #liste td:nth-child(4),#liste td:nth-child(5){grid-column:1/-1}#liste td:nth-child(4){margin-top:6px}#liste td:nth-child(5){margin-top:10px}
  #liste td:nth-child(5) button{width:100%}
  .tabelle td[colspan]{grid-column:1/-1;font-weight:400}
  #vliste tr{grid-template-columns:1fr 1fr}#vliste td{grid-column:1/-1}#vliste td[data-l]{grid-column:1/-1}
  #vliste td[data-l]::before{content:attr(data-l);display:block;font-size:13px;color:var(--mf-muted)}
  .prog button,#liste button.zweit{min-height:44px}
  .summen div{flex:1 1 90px}
}