/* MINX Daten – Gestaltung wie die Steuerzentrale (CI minx-mode.de): Nunito leicht, Versalien gesperrt, Schwarz/Weiß,
   eckige Kacheln mit Haarlinie; Dashboards Dunkelblau/Hellgrau. Mobil zuerst. Schrift liegt auf dem Server (OFL). */
@font-face{font-family:"Nunito";font-style:normal;font-weight:300;font-display:swap;src:url(/static/nunito-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url(/static/nunito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600;font-display:swap;src:url(/static/nunito-latin-600-normal.woff2) format("woff2")}
:root{
  --bg:#FFFFFF;--ink:#000000;--ink-2:#1A1A1A;--muted:#6B6259;--soft:#999999;--line:#DDDDDD;
  --sand:#EBE7E2;--sand-2:#CFC8BF;--ok:#3F6212;--warn:#9A6B12;--bad:#A8322A;--idle:#A39B92;
  --navy:#1F2A44;--grau:#ECEEF1;
  --font:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#111111;--ink:#F2F0EC;--ink-2:#E6E1DB;--muted:#B5ACA2;--soft:#8A8580;--line:#2E2C2A;
  --sand:#1C1A18;--sand-2:#3A3632;--ok:#9CC46A;--warn:#E0B060;--bad:#E8857C;--idle:#7D766F;
  --navy:#B9C6E4;--grau:#1B1E24;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:300;font-size:15px;line-height:1.55;
  padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 56px max(16px,env(safe-area-inset-left))}
a{color:inherit}
:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:16px;min-width:0;text-decoration:none}
.logo{width:60px;height:auto;color:var(--ink);flex:none}
.h1{font-weight:400;font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding-left:16px;border-left:1px solid var(--line);line-height:1.3}
.h1 span{display:block;font-weight:300;letter-spacing:.06em;text-transform:none;color:var(--muted);font-size:13px;margin-top:2px}
.konto{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted);margin:0}
h2{margin:0;font-weight:400;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
h3{margin:14px 0 4px;font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px}
.linkbtn{background:none;border:0;padding:0;font:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.krume{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:10px}
.krume a{text-decoration:none}
/* Bereiche und Kacheln */
.areas{display:flex;flex-direction:column}
.area{display:grid;grid-template-columns:1fr;gap:12px;padding:22px 0;border-top:1px solid var(--line)}
.area:first-child{border-top:none;padding-top:0}
.area-name{font-size:15px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.tile{display:flex;flex-direction:column;gap:4px;text-decoration:none;border:1px solid var(--line);padding:13px 15px;min-height:96px;transition:border-color .15s ease}
a.tile:hover{border-color:var(--ink)}
.tile .t{font-weight:400;font-size:15px;line-height:1.3}
.tile .d{font-size:13px;color:var(--muted);flex:1}
.tile.geplant{background:var(--sand);border-color:var(--sand)}
.meta{display:flex;gap:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-top:6px}
.pill{display:inline-flex;align-items:center;gap:6px}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--idle)}
.pill.live::before{background:var(--ok)}
@media (min-width:760px){.area{grid-template-columns:minmax(200px,260px) 1fr;gap:16px 32px}.logo{width:72px}}
/* Formulare */
.karte{max-width:420px;display:flex;flex-direction:column;gap:14px}
.formular{display:flex;flex-direction:column;gap:16px}
.formular label{display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.formular input{font:inherit;font-size:16px;font-weight:300;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:9px 0}
.formular input:focus-visible{outline:none;border-bottom-width:2px;padding-bottom:8px}
.formular button{align-self:flex-start;font:inherit;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--bg);border:0;border-radius:0;padding:12px 22px;cursor:pointer}
.klein{font-size:13px;color:var(--muted);margin:0}
.msg{font-size:14px;margin:0;padding:10px 12px;border-left:2px solid var(--ink);background:var(--sand)}
.msg.fehler{border-left-color:var(--bad);color:var(--bad)}
.leer{color:var(--muted);font-size:14px}
/* Tagesabschluss (Dashboard: Dunkelblau/Hellgrau) */
.tage{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tag{border:1px solid var(--line);padding:6px 10px;font-size:13px;text-decoration:none;font-variant-numeric:tabular-nums}
.tag.an{background:var(--navy);border-color:var(--navy);color:var(--bg)}
.stand{font-size:12px;color:var(--soft);margin:0 0 14px;overflow-wrap:anywhere}
.abschluss{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:760px){.abschluss{grid-template-columns:1fr 1fr}}
.block{border:1px solid var(--line);padding:14px 16px}
.block.gross{background:var(--grau);border-color:var(--grau)}
.block .kopf{display:flex;justify-content:space-between;gap:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--navy)}
.block.gross .kopf{font-size:15px}
.block ul{list-style:none;margin:8px 0 0;padding:0}
.block li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid var(--line);font-size:14px}
.block li.e2{padding-left:16px;color:var(--muted)}
.w{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.hinweis{grid-column:1/-1;margin:0;padding:10px 12px;border-left:2px solid var(--warn);background:var(--sand);font-size:14px}
.rest{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;font-size:14px}
.rest summary{cursor:pointer;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.rest p{margin:2px 0}
@media (prefers-reduced-motion:reduce){.tile{transition:none}}