/* Erscheinungsbild „Ebenen“ (Standard): Graphit und CTI-Rot, schwebende Flächen mit weichen Schatten, abgerundete Ecken,
   leichte Einblendungen. Liegt über den Grundstilen (team/style.css, report/style.css); aktiv über <html data-design="ebenen">.
   Am Handy öffnet die Meldung als Fenster von unten, Dialoge ebenso; am PC liegt die Meldung rechts neben der Liste. */
html[data-design="ebenen"]{
  --bg:#dde2e7; --card:#fff; --line:#d5dbe1; --line2:#e8ecef; --field:#f3f5f7; --chip:#e9edf1;
  --r:8px; --rl:14px;
  --e1:0 1px 2px rgba(20,28,38,.06),0 2px 6px rgba(20,28,38,.05);
  --e2:0 1px 2px rgba(20,28,38,.06),0 6px 18px rgba(20,28,38,.09);
  --e3:0 2px 4px rgba(20,28,38,.08),0 18px 44px rgba(20,28,38,.18);
  --ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme:dark){
  html[data-design="ebenen"]{ --bg:#0f1214; --card:#1b1f24; --line:#2c3238; --line2:#252a30; --field:#14171a; --chip:#242a30;
    --e1:0 1px 2px rgba(0,0,0,.4); --e2:0 2px 4px rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.35); --e3:0 4px 8px rgba(0,0,0,.4),0 22px 50px rgba(0,0,0,.55); }
}
html[data-design="ebenen"] body{
  background-image:radial-gradient(1200px 600px at 15% -10%,rgba(255,255,255,.55),transparent 60%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 88%,#000));
  background-attachment:fixed;background-size:auto}
@media (prefers-color-scheme:dark){html[data-design="ebenen"] body{background-image:radial-gradient(1000px 500px at 15% -10%,rgba(255,255,255,.04),transparent 60%)}}

/* Kopf: schwebende Leiste, beim Scrollen oben angeheftet */
html[data-design="ebenen"] header{position:relative;top:0;z-index:5;margin:0 -16px;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:8px;
  background:transparent;border-bottom:0;color:var(--ink-fg)}
html[data-design="ebenen"] header .in{background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);
  border-radius:var(--rl);padding:10px 14px;box-shadow:var(--e2),inset 0 -2px 0 var(--accent)}
html[data-design="ebenen"] .logo{border-radius:6px}
html[data-design="ebenen"] .me .avatar{border-radius:50%}
html[data-design="ebenen"] .lang select{border-radius:8px}

/* Flächen */
html[data-design="ebenen"] section.step,html[data-design="ebenen"] .card,html[data-design="ebenen"] .chart,html[data-design="ebenen"] .exportbar,
html[data-design="ebenen"] .done,html[data-design="ebenen"] .tabs,html[data-design="ebenen"] .kpis{border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--rl);box-shadow:var(--e1)}
html[data-design="ebenen"] section.step{padding:18px}
html[data-design="ebenen"] h2 .no{border-radius:8px;box-shadow:inset 0 -3px 0 var(--accent),var(--e1)}

/* Eingaben */
html[data-design="ebenen"] input[type=text],html[data-design="ebenen"] input[type=tel],html[data-design="ebenen"] input[type=email],html[data-design="ebenen"] input[type=number],
html[data-design="ebenen"] input[type=password],html[data-design="ebenen"] input[type=search],html[data-design="ebenen"] input[type=date],html[data-design="ebenen"] select,html[data-design="ebenen"] textarea{
  border-radius:var(--r);border-bottom-width:1px;box-shadow:inset 0 1px 2px rgba(20,28,38,.05)}
html[data-design="ebenen"] input:focus,html[data-design="ebenen"] select:focus,html[data-design="ebenen"] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}

/* Knöpfe: leicht erhaben, beim Drücken eingedrückt */
html[data-design="ebenen"] .btn{border-radius:10px;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 2px 6px color-mix(in srgb,var(--accent) 35%,transparent)}
html[data-design="ebenen"] .btn.ghost{background:var(--card);border:1px solid var(--line);box-shadow:var(--e1)}
html[data-design="ebenen"] header .btn.ghost,html[data-design="ebenen"] .sidehead .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);box-shadow:none}
html[data-design="ebenen"] .btn.ok{box-shadow:0 2px 6px color-mix(in srgb,var(--ok) 35%,transparent)}
html[data-design="ebenen"] .btn:disabled{box-shadow:none}
html[data-design="ebenen"] .btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}

/* Reiter als schwebende Schiene, aktiver Reiter als eigene Ebene */
html[data-design="ebenen"] .tabs{padding:5px;gap:4px}
html[data-design="ebenen"] .tabs button{border:0;border-radius:10px;padding:8px 14px}
html[data-design="ebenen"] .tabs button[aria-selected="true"]{background:var(--ink);color:var(--ink-fg);box-shadow:var(--e2),inset 0 -2px 0 var(--accent)}

/* Kennzahlen: einzelne Kacheln */
html[data-design="ebenen"] .kpis{background:transparent;border:0;box-shadow:none;gap:8px;overflow:visible}
html[data-design="ebenen"] .kpi{background:var(--card);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:12px;box-shadow:var(--e1);overflow:hidden}
html[data-design="ebenen"] .kpi.alert::before{top:auto;bottom:0;height:3px}
@media (hover:hover){html[data-design="ebenen"] button.kpi:hover{background:var(--card);box-shadow:var(--e2);transform:translateY(-1px)}}

/* Filter */
html[data-design="ebenen"] .seg{border-radius:10px;padding:4px}
html[data-design="ebenen"] .seg button{border-radius:7px}
html[data-design="ebenen"] .seg button[aria-pressed="true"]{background:var(--card);color:var(--fg);box-shadow:var(--e2)}

/* Liste: Karten heben sich beim Überfahren, aktive Karte liegt eine Ebene höher */
html[data-design="ebenen"] .list{gap:8px}
@media (hover:hover){html[data-design="ebenen"] .card:hover{border-color:color-mix(in srgb,var(--line) 70%,transparent);box-shadow:var(--e2);transform:translateY(-1px)}}
html[data-design="ebenen"] .card.active{border-color:transparent;box-shadow:var(--e3),0 0 0 2px var(--accent)}
html[data-design="ebenen"] .stripe{border-radius:0 3px 3px 0}
html[data-design="ebenen"] .st,html[data-design="ebenen"] .kindtag,html[data-design="ebenen"] .sev,html[data-design="ebenen"] .pill{border-radius:999px}
html[data-design="ebenen"] .sev{min-width:24px;height:24px;border-radius:50%}
html[data-design="ebenen"] .thumb{border-radius:8px;box-shadow:var(--e1)}

/* Detail: eigenes Fenster über der Liste (unter der angehefteten Kopfleiste) */
@media (min-width:900px){html[data-design="ebenen"] .side{top:84px;max-height:calc(100vh - 96px)}}
html[data-design="ebenen"] .side{border:0;border-radius:var(--rl);box-shadow:var(--e3)}
html[data-design="ebenen"] .sidehead{background:color-mix(in srgb,var(--ink) 94%,transparent);box-shadow:inset 0 -2px 0 var(--accent)}
html[data-design="ebenen"] .gallery img,html[data-design="ebenen"] .proof img{border-radius:10px;border:0;box-shadow:var(--e2)}
html[data-design="ebenen"] .contact{border:0;border-radius:10px;background:var(--field);box-shadow:inset 3px 0 0 var(--fg)}
html[data-design="ebenen"] .actions{position:sticky;bottom:0;background:linear-gradient(transparent,var(--card) 30%);padding:14px 0 2px;margin-top:-4px;border-top:0}
html[data-design="ebenen"] .proof .add{border-radius:10px}

/* Auswertung */
html[data-design="ebenen"] .hbar .track,html[data-design="ebenen"] .bar-track{border-radius:999px;height:10px}
html[data-design="ebenen"] .hbar .fill,html[data-design="ebenen"] .bar-fill{border-radius:999px}
html[data-design="ebenen"] .reportpre{border-radius:var(--rl);box-shadow:var(--e1)}
html[data-design="ebenen"] .mtbl tr.l0 td:first-child{border-radius:8px 0 0 8px}html[data-design="ebenen"] .mtbl tr.l0 td:last-child{border-radius:0 8px 8px 0}

/* Dialoge und Meldungen als echte Pop-ups */
html[data-design="ebenen"] dialog{border:0;border-radius:18px;box-shadow:var(--e3);padding:22px}
html[data-design="ebenen"] dialog::before{content:"";position:absolute;left:22px;right:22px;top:0;height:3px;background:var(--accent);border-radius:0 0 3px 3px}
html[data-design="ebenen"] dialog::backdrop{background:rgba(15,18,21,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
html[data-design="ebenen"] .toast{z-index:40;border-radius:12px;border-left:0;box-shadow:var(--e3),inset 4px 0 0 var(--accent);padding:12px 18px}
html[data-design="ebenen"] .sitecard{border-radius:12px;box-shadow:var(--e1)}
html[data-design="ebenen"] #login,html[data-design="ebenen"] #sites{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:var(--e3)}
html[data-design="ebenen"] .qrgrid figure{border-radius:12px;background:var(--field)}
html[data-design="ebenen"] .contactrow{border-radius:10px}

/* Meldemaske */
html[data-design="ebenen"] .kinds button{border-radius:12px;box-shadow:var(--e1)}
html[data-design="ebenen"] .kinds button[aria-pressed="true"]{box-shadow:var(--e2)}
html[data-design="ebenen"] .kinds button::before{border-radius:2px}
html[data-design="ebenen"] .photo,html[data-design="ebenen"] .photo-add{border-radius:12px}
html[data-design="ebenen"] .photo{box-shadow:var(--e2)}
html[data-design="ebenen"] .photo button{border-radius:50%}
html[data-design="ebenen"] .bar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));border:0;border-radius:16px;box-shadow:var(--e3);
  padding:10px 12px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-design="ebenen"] .ticket{border-radius:10px;box-shadow:var(--e2)}
html[data-design="ebenen"] .err{border-radius:10px}

/* Bewegung: nur als Antwort auf eine Aktion */
@media (prefers-reduced-motion:no-preference){
  html[data-design="ebenen"] .card,html[data-design="ebenen"] .kpi,html[data-design="ebenen"] .btn,html[data-design="ebenen"] .tabs button,html[data-design="ebenen"] .seg button,html[data-design="ebenen"] .kinds button{
    transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .15s,color .15s,border-color .15s}
  html[data-design="ebenen"] .side:not([hidden]){animation:mp-rise .26s var(--ease)}
  html[data-design="ebenen"] .card .detail{animation:mp-rise .22s var(--ease)}
  html[data-design="ebenen"] dialog[open]{animation:mp-pop .22s var(--ease)}
  html[data-design="ebenen"] .toast:not([hidden]){animation:mp-toast .26s var(--ease)}
  html[data-design="ebenen"] .photo{animation:mp-pop .2s var(--ease)}
  html[data-design="ebenen"] .done:not([hidden]){animation:mp-rise .3s var(--ease)}
  html[data-design="ebenen"] .tabpanel:not([hidden]){animation:mp-fade .2s ease}
}
@keyframes mp-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mp-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes mp-toast{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes mp-fade{from{opacity:0}to{opacity:1}}

/* ================= PC und Handy ================= */

/* PC: Kopfleiste beim Scrollen oben angeheftet */
@media (min-width:900px){html[data-design="ebenen"] header{position:sticky}}

/* Handy: kompakte Kopfleiste */
@media (max-width:599px){
  html[data-design="ebenen"] header .in{padding:8px 10px 8px 12px;gap:8px}
  html[data-design="ebenen"] .brand{font-size:1.35rem}
  html[data-design="ebenen"] .me{gap:8px}
  html[data-design="ebenen"] .me>div{display:none}
  html[data-design="ebenen"] .site{font-size:.76rem}
  html[data-design="ebenen"] .logo{height:28px}
}

/* Handy: Kennzahlen kompakt, 4 je Zeile */
@media (max-width:599px){
  html[data-design="ebenen"] .kpis{gap:6px}
  html[data-design="ebenen"] .kpi{padding:8px 8px 7px;border-radius:10px}
  html[data-design="ebenen"] .kpi b{font-size:1.4rem}
  html[data-design="ebenen"] .kpi span{font-size:.68rem}
  html[data-design="ebenen"] .hbar,html[data-design="ebenen"] .bar-row{grid-template-columns:minmax(0,110px) 1fr auto}
  html[data-design="ebenen"] .exportbar .btn{flex:1 1 auto;text-align:center}
}

/* Handy und Tablet: Meldung als Fenster von unten über der Liste */
@media (max-width:899px){
  html[data-design="ebenen"] .side{position:fixed;left:0;right:0;bottom:0;top:calc(40px + env(safe-area-inset-top,0px));z-index:30;
    border-radius:20px 20px 0 0;overflow:auto;overscroll-behavior:contain;max-height:none}
  html[data-design="ebenen"] .sidehead{position:sticky;top:0;z-index:2;padding-top:16px}
  html[data-design="ebenen"] .sidehead::before{content:"";position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:rgba(255,255,255,.35)}
  html[data-design="ebenen"] .side .detail{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
  html[data-design="ebenen"] .side .grid2{grid-template-columns:1fr}
  html[data-design="ebenen"] .side .actions .btn{flex:1 1 auto}
  html[data-design="ebenen"] body.sheet-open{overflow:hidden}
  html[data-design="ebenen"] body.sheet-open::after{content:"";position:fixed;inset:0;z-index:29;background:rgba(15,18,21,.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
}
@media (min-width:520px) and (max-width:899px){html[data-design="ebenen"] .side .grid2{grid-template-columns:1fr 1fr}html[data-design="ebenen"] .side{left:max(0px,calc(50% - 360px));right:max(0px,calc(50% - 360px))}}

/* Handy: Dialoge als Fenster von unten */
@media (max-width:599px){
  html[data-design="ebenen"] dialog{margin:auto 0 0;width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom,0px))}
  html[data-design="ebenen"] dialog .actions .btn{flex:1 1 auto}
  html[data-design="ebenen"] .contactadd{grid-template-columns:1fr}
}

/* Touch-Bedienung: ausreichend große Ziele (mind. 44 px) */
@media (pointer:coarse){
  html[data-design="ebenen"] .btn.sm{min-height:44px}
  html[data-design="ebenen"] td .btn.sm{min-height:40px}
  html[data-design="ebenen"] .tabs button,html[data-design="ebenen"] .seg button{min-height:42px}
  html[data-design="ebenen"] .filters select,html[data-design="ebenen"] .filters input{min-height:44px}
  html[data-design="ebenen"] .detail select,html[data-design="ebenen"] .detail input,html[data-design="ebenen"] .detail textarea{font-size:16px}  /* verhindert Zoom beim Antippen (iOS) */
}

/* Meldemaske am PC: Sendeleiste mittig über der Formularspalte */
@media (min-width:560px){
  html[data-design="ebenen"] .bar{left:50%;right:auto;width:min(520px,calc(100% - 24px));transform:translateX(-50%)}
}

@media (prefers-reduced-motion:no-preference){
  @media (max-width:899px){html[data-design="ebenen"] .side:not([hidden]){animation:mp-sheet .28s var(--ease)}}
  @media (max-width:599px){html[data-design="ebenen"] dialog[open]{animation:mp-sheet .26s var(--ease)}}
}
@keyframes mp-sheet{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}

/* ================= Teamansicht: Board-Layout (Navigationsleiste, „Heute dran“, Spalten nach Ablauf) ================= */
html[data-design="ebenen"] .rail{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--ink);color:var(--ink-fg);z-index:20}
html[data-design="ebenen"] .rail svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
html[data-design="ebenen"] .rail button{border:0;background:transparent;color:inherit;opacity:.72;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;
  font:600 .74rem/1.1 var(--body);padding:9px 4px 8px;border-radius:12px;width:72px}
html[data-design="ebenen"] .rail button:hover{opacity:1;background:rgba(255,255,255,.07)}
html[data-design="ebenen"] .rail button[aria-selected="true"]{opacity:1;background:var(--accent);color:var(--accent-fg);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}
html[data-design="ebenen"] .railmark{width:40px;height:40px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin:2px 0 14px}
html[data-design="ebenen"] .railmark svg{width:24px;height:24px;stroke:#fff;stroke-width:2.2}
html[data-design="ebenen"] .railfoot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.66rem;opacity:.55}
html[data-design="ebenen"] .railfoot i{width:8px;height:8px;background:#e30613}
html[data-design="ebenen"] #board.norail .rail{display:none}

@media (min-width:900px){
  html[data-design="ebenen"] .rail{position:fixed;left:0;top:0;bottom:0;width:88px;padding:14px 0 14px}
  html[data-design="ebenen"] body:has(#board:not([hidden]):not(.norail)){padding-left:calc(88px + 16px)}
}
@media (max-width:899px){
  /* Handy: Navigationsleiste schwebt unten */
  html[data-design="ebenen"] .rail{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));flex-direction:row;justify-content:space-around;
    padding:6px;border-radius:18px;box-shadow:var(--e3)}
  html[data-design="ebenen"] .rail button{width:auto;flex:1 1 0;min-width:0;font-size:.68rem;padding:7px 2px 6px}
  html[data-design="ebenen"] .railmark,html[data-design="ebenen"] .railfoot{display:none}
  html[data-design="ebenen"] body:has(#board:not([hidden]):not(.norail)){padding-bottom:96px}
}

/* „Heute dran“ */
html[data-design="ebenen"] .today{margin-top:12px;display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;background:var(--ink);color:var(--ink-fg);
  border-radius:var(--rl);padding:14px 18px;box-shadow:var(--e2),inset 0 -2px 0 var(--accent)}
html[data-design="ebenen"] .todaylabel{font:700 1.35rem/1 var(--display);letter-spacing:.005em;white-space:nowrap}
html[data-design="ebenen"] .today p{margin:0;flex:1 1 320px;font-size:1rem;line-height:1.4}
html[data-design="ebenen"] .todayacts{display:flex;gap:8px;flex-wrap:wrap}
html[data-design="ebenen"] .today .btn.ghost{background:transparent;color:var(--ink-fg);border-color:rgba(255,255,255,.35);box-shadow:none}
html[data-design="ebenen"] .today.calm{background:var(--card);color:var(--fg);box-shadow:var(--e1)}
html[data-design="ebenen"] .today.calm .todaylabel{color:var(--ok)}

/* Filter-Chips */
html[data-design="ebenen"] .chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
html[data-design="ebenen"] .chipgroup{display:flex;gap:6px;flex-wrap:wrap}
html[data-design="ebenen"] .chip{border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:var(--card);color:var(--fg);font:600 .98rem/1 var(--display);letter-spacing:.01em;
  padding:9px 13px 8px;border-radius:999px;cursor:pointer;box-shadow:var(--e1);white-space:nowrap}
html[data-design="ebenen"] .chip[aria-pressed="true"]{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}
html[data-design="ebenen"] .chipsep{width:1px;height:24px;background:var(--line);margin:0 2px}
html[data-design="ebenen"] .chips select,html[data-design="ebenen"] .chips input{width:auto;flex:1 1 170px;min-width:0;padding:8px 12px;font-size:.92rem;border-radius:999px}
html[data-design="ebenen"] .chips input{flex:2 1 220px}
@media (max-width:899px){
  html[data-design="ebenen"] .chipgroup{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}
  html[data-design="ebenen"] .chipsep{display:none}
}

/* Spalten */
html[data-design="ebenen"] .kanban{margin-top:12px;display:grid;gap:12px;align-items:start}
@media (min-width:900px){html[data-design="ebenen"] .kanban{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-design="ebenen"] .colnav{display:none}}
html[data-design="ebenen"] .kcol{background:color-mix(in srgb,var(--ink) 5%,transparent);border-radius:var(--rl);padding:10px;min-width:0}
html[data-design="ebenen"] .kcol>.khead{display:flex;align-items:baseline;gap:2px 8px;flex-wrap:wrap;padding:2px 4px 10px}
html[data-design="ebenen"] .kcol h2{white-space:nowrap}
html[data-design="ebenen"] .kcol h2{font:700 1.18rem/1.1 var(--display);margin:0}
html[data-design="ebenen"] .kcol .cnt{font:700 1.05rem var(--display);color:var(--muted)}
html[data-design="ebenen"] .kcol .kh{font-size:.78rem;color:var(--muted)}
html[data-design="ebenen"] .kcol[data-col="check"]{background:color-mix(in srgb,var(--warn) 10%,transparent)}
html[data-design="ebenen"] .kcards{display:flex;flex-direction:column;gap:8px}
html[data-design="ebenen"] .kempty{margin:4px;padding:14px;border:1.5px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.86rem;text-align:center}
html[data-design="ebenen"] .kcol.flash{box-shadow:0 0 0 3px var(--accent)}
@media (max-width:899px){
  html[data-design="ebenen"] .colnav{display:flex;gap:4px;margin-top:12px;background:var(--chip);padding:4px;border-radius:12px;overflow-x:auto}
  html[data-design="ebenen"] .colnav button{flex:1 1 0;min-width:max-content;border:0;background:transparent;color:var(--muted);font:600 .95rem var(--display);padding:9px 8px;border-radius:9px;cursor:pointer;white-space:nowrap}
  html[data-design="ebenen"] .colnav button b{color:inherit;margin-left:3px}
  html[data-design="ebenen"] .colnav button[aria-selected="true"]{background:var(--card);color:var(--fg);box-shadow:var(--e2)}
  html[data-design="ebenen"] .kanban .kcol{display:none;background:transparent;padding:0}
  html[data-design="ebenen"] .kanban[data-col="new"] .kcol[data-col="new"],html[data-design="ebenen"] .kanban[data-col="work"] .kcol[data-col="work"],
  html[data-design="ebenen"] .kanban[data-col="check"] .kcol[data-col="check"],html[data-design="ebenen"] .kanban[data-col="closed"] .kcol[data-col="closed"]{display:block}
  html[data-design="ebenen"] .kcol>.khead{padding:0 4px 8px}
}

/* Karten */
html[data-design="ebenen"] .kcard>button{display:flex;flex-direction:column;gap:5px;padding:12px 14px 11px;text-align:left}
html[data-design="ebenen"] .kcard .kt,html[data-design="ebenen"] .kcard .kf{display:flex;align-items:center;gap:8px;min-width:0}
html[data-design="ebenen"] .kcard .sp{flex:1}
html[data-design="ebenen"] .kcard .kt b{font:700 1.08rem var(--display);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-design="ebenen"] .kcard .kd{font-size:.78rem;color:var(--muted)}
html[data-design="ebenen"] .kcard .kx{display:block;font-weight:600;font-size:.95rem;line-height:1.32;overflow-wrap:anywhere}
html[data-design="ebenen"] .kcard .km{display:block;font-size:.8rem;color:var(--muted);line-height:1.3}
html[data-design="ebenen"] .kcard .kf{margin-top:3px}
html[data-design="ebenen"] .firmtag{font:600 .78rem/1.2 var(--body);background:var(--field);border:1px solid var(--line2);border-radius:999px;padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html[data-design="ebenen"] .kcard .due{font:600 .76rem/1.2 var(--body);border:1px solid var(--line);border-radius:999px;padding:3px 8px;white-space:nowrap}
html[data-design="ebenen"] .kcard .due.over{background:var(--stop);border-color:var(--stop);color:#fff}
html[data-design="ebenen"] .kcard .due.ok{color:var(--ok);border-color:var(--ok)}
html[data-design="ebenen"] .kcard .due.muted{color:var(--muted);border-style:dashed}
html[data-design="ebenen"] .meter{display:inline-flex;gap:2px;align-items:flex-end;height:16px}
html[data-design="ebenen"] .meter i{display:block;width:5px;border-radius:1.5px;background:var(--chip)}
html[data-design="ebenen"] .meter i:nth-child(1){height:6px}html[data-design="ebenen"] .meter i:nth-child(2){height:8px}html[data-design="ebenen"] .meter i:nth-child(3){height:10px}
html[data-design="ebenen"] .meter i:nth-child(4){height:13px}html[data-design="ebenen"] .meter i:nth-child(5){height:16px}
html[data-design="ebenen"] .meter .on{background:var(--fg)}
html[data-design="ebenen"] .meter.lv3 .on{background:var(--warn)}
html[data-design="ebenen"] .meter.lv4 .on,html[data-design="ebenen"] .meter.lv5 .on{background:var(--stop)}
html[data-design="ebenen"] .meter .none{background:transparent;border:1px dashed var(--muted)}

/* Ablauf-Schritte in der geöffneten Meldung */
html[data-design="ebenen"] .steps{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
html[data-design="ebenen"] .steps li{padding-top:6px;display:flex;flex-direction:column;gap:1px;min-width:0}
html[data-design="ebenen"] .steps b{font:700 .9rem var(--display)}
html[data-design="ebenen"] .steps span{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-design="ebenen"] .steps li.sdone{border-top-color:var(--fg)}
html[data-design="ebenen"] .steps li.scur{border-top-color:var(--accent)}
html[data-design="ebenen"] .steps li.scur b,html[data-design="ebenen"] .steps li.scur span{color:var(--accent)}

/* Geöffnete Meldung am PC: Schublade von rechts über dem Board */
@media (min-width:900px){
  html[data-design="ebenen"] .side{position:fixed;top:12px;bottom:12px;right:12px;left:auto;width:min(620px,calc(100vw - 140px));max-height:none;z-index:30;overflow:auto;overscroll-behavior:contain}
  html[data-design="ebenen"] .sidehead{position:sticky;top:0;z-index:2}
  html[data-design="ebenen"] body.sheet-open{overflow:hidden}
  html[data-design="ebenen"] body.sheet-open::after{content:"";position:fixed;inset:0;z-index:29;background:rgba(15,18,21,.32);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){html[data-design="ebenen"] .side:not([hidden]){animation:mp-drawer .26s var(--ease)}}
@keyframes mp-drawer{from{transform:translateX(36px);opacity:.3}to{transform:none;opacity:1}}
html[data-design="ebenen"] .steps li{background:none;border:0;border-top:4px solid var(--line);border-radius:0}
html[data-design="ebenen"] .steps li.sdone{border-top-color:var(--fg)}
html[data-design="ebenen"] .steps li.scur{border-top-color:var(--accent)}
@media (max-width:599px){
  html[data-design="ebenen"] .today{padding:12px 14px;gap:8px 12px}
  html[data-design="ebenen"] .todaylabel{font-size:1.15rem}
  html[data-design="ebenen"] .today p{font-size:.9rem;flex-basis:100%}
  html[data-design="ebenen"] .chips select{flex:1 1 110px}
  html[data-design="ebenen"] .chips input{flex:2 1 150px}
}

/* ---- Kompakte Karten: Zeile 1 Schwere + Text, Zeile 2 Nummer · Firma · Ort + Frist ---- */
html[data-design="ebenen"] .kcard>button{gap:4px;padding:9px 12px 8px}
html[data-design="ebenen"] .kcard .kt{gap:9px}
html[data-design="ebenen"] .kcard .kx{flex:1;min-width:0;font-weight:600;font-size:.92rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-design="ebenen"] .kcard .kf{margin-top:0;gap:7px;font-size:.78rem;color:var(--muted)}
html[data-design="ebenen"] .kcard .kf b{font:700 .9rem var(--display);color:var(--fg);letter-spacing:.02em;font-variant-numeric:tabular-nums}
html[data-design="ebenen"] .kcard .km{flex:1;min-width:0;display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-design="ebenen"] .kcard .due,html[data-design="ebenen"] .ktable .due{font:600 .72rem/1.2 var(--body);border:1px solid var(--line);border-radius:999px;padding:2px 7px;white-space:nowrap;color:var(--fg)}
html[data-design="ebenen"] .due.over{background:var(--stop);border-color:var(--stop)!important;color:#fff!important}
html[data-design="ebenen"] .due.ok{color:var(--ok)!important;border-color:var(--ok)!important}
html[data-design="ebenen"] .due.muted{color:var(--muted)!important;border-style:dashed!important}
html[data-design="ebenen"] .kcards{gap:6px}
html[data-design="ebenen"] .kcard .kindtag.positive{font-size:.72rem;padding:1px 6px}
/* PC: jede Spalte scrollt für sich, Spaltenköpfe bleiben sichtbar */
@media (min-width:900px){
  html[data-design="ebenen"] .kcards{max-height:calc(100vh - 330px);min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 6px 2px;margin:-2px -4px -6px -2px;scrollbar-width:thin}
}

/* ---- Ansicht Board / Liste ---- */
html[data-design="ebenen"] .viewtoggle{display:flex;gap:2px;background:var(--chip);padding:3px;border-radius:999px;margin-left:auto}
html[data-design="ebenen"] .viewtoggle button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font:600 .95rem var(--display);padding:7px 12px;border-radius:999px;cursor:pointer}
html[data-design="ebenen"] .viewtoggle svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
html[data-design="ebenen"] .viewtoggle button[aria-pressed="true"]{background:var(--card);color:var(--fg);box-shadow:var(--e1)}
html[data-design="ebenen"] .kanban.aslist{display:block}
html[data-design="ebenen"] .ktable{background:var(--card);border-radius:var(--rl);box-shadow:var(--e1);overflow:auto;max-height:calc(100vh - 300px)}
html[data-design="ebenen"] .ktable table{font-size:.88rem}
html[data-design="ebenen"] .ktable thead th{position:sticky;top:0;background:var(--card);z-index:1;padding:0;border-bottom:1px solid var(--line)}
html[data-design="ebenen"] .ktable thead button{all:unset;cursor:pointer;display:block;padding:10px 10px 8px;font:600 .95rem var(--display);color:var(--muted);white-space:nowrap}
html[data-design="ebenen"] .ktable thead button[aria-sort="ascending"],html[data-design="ebenen"] .ktable thead button[aria-sort="descending"]{color:var(--fg)}
html[data-design="ebenen"] .ktable td{padding:7px 10px;border-bottom:1px solid var(--line2);vertical-align:middle}
html[data-design="ebenen"] .ktable .krow{cursor:pointer}
html[data-design="ebenen"] .ktable .krow:hover td{background:var(--field)}
html[data-design="ebenen"] .ktable .krow.active td{background:color-mix(in srgb,var(--accent) 8%,transparent)}
html[data-design="ebenen"] .ktable td.nr{font:700 .95rem var(--display);white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-design="ebenen"] .ktable td.tx{max-width:0;width:40%}
html[data-design="ebenen"] .ktable td.tx span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
html[data-design="ebenen"] .ktable td.hm,html[data-design="ebenen"] .ktable td.hs{color:var(--muted);white-space:nowrap}
@media (max-width:899px){
  html[data-design="ebenen"] .viewtoggle{margin-left:0}
  html[data-design="ebenen"] .ktable .hm{display:none}
  html[data-design="ebenen"] .ktable{max-height:none}
}
@media (max-width:599px){html[data-design="ebenen"] .ktable .hs{display:none}html[data-design="ebenen"] .ktable td.tx{width:auto}}

/* ---- Übersetzung in der geöffneten Meldung ---- */
html[data-design="ebenen"] .tr{display:grid;gap:5px}
html[data-design="ebenen"] .tr>p:first-child{font-size:1.04rem;font-weight:500;line-height:1.4;margin:0}
html[data-design="ebenen"] .tr.small{margin-top:6px}
html[data-design="ebenen"] .tr.small>p:first-child,html[data-design="ebenen"] .trother{font-size:.9rem;font-weight:400;margin:0}
html[data-design="ebenen"] .trtag{display:inline-block;font:700 .72rem/1 var(--body);letter-spacing:.04em;padding:3px 6px;border-radius:5px;background:var(--chip);color:var(--muted);vertical-align:1px}
html[data-design="ebenen"] .trorig{font-size:.84rem;color:var(--muted)}
html[data-design="ebenen"] .trorig summary{cursor:pointer}
html[data-design="ebenen"] .trorig p{margin:6px 0 0;padding:8px 10px;background:var(--field);border-radius:8px;color:var(--fg)}
html[data-design="ebenen"] .tracts{margin:0;font-size:.82rem;color:var(--muted)}
html[data-design="ebenen"] .tracts .linkbtn{font-size:.82rem}
html[data-design="ebenen"] .tredit{display:grid;gap:6px}
html[data-design="ebenen"] .tractions{display:flex;justify-content:flex-end}
html[data-design="ebenen"] .kcards>.kcard{flex:none}
html[data-design="ebenen"] .kcard>button>span{width:100%;min-width:0;box-sizing:border-box}
html[data-design="ebenen"] .kcard .kf>b,html[data-design="ebenen"] .kcard .kf>.due{flex:none}

/* Gesamtliste: Datum, Stand als farbige Marke, überfällige Zeilen rot markiert; Handy: Nummer/Firma/Ort als zweite Zeile */
html[data-design="ebenen"] .ktable td.dt{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--fg);font-weight:500}
html[data-design="ebenen"] .ktable td.dt .tm{color:var(--muted);font-weight:400}
html[data-design="ebenen"] .ktable .krow.over td:first-child{box-shadow:inset 3px 0 0 var(--stop)}
html[data-design="ebenen"] .ktable td.tx .meta{display:none;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
html[data-design="ebenen"] .stage{display:inline-block;font:600 .72rem/1.2 var(--body);border-radius:999px;padding:3px 8px;white-space:nowrap;border:1px solid transparent}
html[data-design="ebenen"] .stage.new{border:1px dashed var(--muted);color:var(--fg)}
html[data-design="ebenen"] .stage.work{background:color-mix(in srgb,var(--c1) 14%,transparent);color:var(--c1)}
html[data-design="ebenen"] .stage.check{background:color-mix(in srgb,var(--warn) 20%,transparent);color:color-mix(in srgb,var(--warn) 60%,var(--fg))}
html[data-design="ebenen"] .stage.closed{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
html[data-design="ebenen"] .stage.rej{background:var(--chip);color:var(--muted)}
html[data-design="ebenen"] .ktable .due.over{background:var(--stop);border-color:var(--stop);color:#fff}
@media (max-width:899px){
  html[data-design="ebenen"] .ktable td.tx .meta{display:block}
  html[data-design="ebenen"] .ktable .hn{display:none}
  html[data-design="ebenen"] .ktable td.dt .tm{display:block;font-size:.78rem}
}
@media (max-width:599px){html[data-design="ebenen"] .ktable td.tx{width:auto;max-width:0}html[data-design="ebenen"] .ktable td{padding:8px 6px}}
html[data-design="ebenen"] .ktable td.tx .mtr,html[data-design="ebenen"] .ktable td.tx .mst{display:none;font-weight:inherit;margin-right:6px;vertical-align:-1px}
html[data-design="ebenen"] .ktable td.tx .mst{vertical-align:0}
@media (max-width:599px){
  html[data-design="ebenen"] .ktable .hr,html[data-design="ebenen"] .ktable td.dt .yr{display:none}
  html[data-design="ebenen"] .ktable td.tx .mtr,html[data-design="ebenen"] .ktable td.tx .mst{display:inline-block}
  html[data-design="ebenen"] .ktable .hst{display:none}
  html[data-design="ebenen"] .ktable td.tx .meta{margin-top:5px}
  html[data-design="ebenen"] .ktable td.dt{font-size:.82rem}
}
html[data-design="ebenen"] .ktable td.tx .mtr .meter{display:inline-flex;overflow:visible}
html[data-design="ebenen"] .ktable td.tx .mtr .kindtag,html[data-design="ebenen"] .ktable td.tx .mst span{display:inline-block}
@media (max-width:599px){html[data-design="ebenen"] .ktable td.dt{width:1%;padding-right:10px}}

/* Geforderte Maßnahme (nur lesen) und Nachweisdateien */
html[data-design="ebenen"] .reqbox{background:color-mix(in srgb,var(--c1) 8%,var(--card));border-left:3px solid var(--c1);border-radius:var(--r,10px);padding:10px 12px}
html[data-design="ebenen"] .reqbox>b{display:block;font:600 .95rem var(--display);margin-bottom:2px}
html[data-design="ebenen"] .reqbox .tr p{margin:2px 0}
html[data-design="ebenen"] .proof .add{margin-right:6px}
html[data-design="ebenen"] .files{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
html[data-design="ebenen"] .files li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--field);border-radius:10px;padding:6px 8px}
html[data-design="ebenen"] .files a{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--fg);text-decoration:none;min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
html[data-design="ebenen"] .files a:hover{text-decoration:underline}
html[data-design="ebenen"] .files .ftag{font:700 .68rem/1 var(--body);letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:var(--ink-fg);border-radius:6px;padding:4px 6px;flex:none}
html[data-design="ebenen"] .files .fmeta{color:var(--muted);font-size:.78rem}
html[data-design="ebenen"] .files .btn{margin-left:auto}