/* Dashboard (0.7.0) im Design des bisherigen Leitstands.
   Tobi, 14.10.2026: „übernimm das Design vom bisherigen Leitstand“.
   Grün ist Standard (wie die Karriereseite), Gold und Schwarz über die drei
   Punkte in der Reiterleiste. Karten sind immer weiß (Leitstand Fassung 59).
   Schriften liegen auf dem eigenen Server, nichts wird von Google geladen. */

@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/statisch/schriften/pt-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"PT Sans";font-style:italic;font-weight:400;font-display:swap;src:url(/statisch/schriften/pt-sans-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/statisch/schriften/pt-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"PT Sans";font-style:italic;font-weight:700;font-display:swap;src:url(/statisch/schriften/pt-sans-latin-700-italic.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/statisch/schriften/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/statisch/schriften/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}

/* --- Grün (Standard) --- */
/* höher gewichtet als die Dunkel-Regel von greenworks.css: sonst gewinnt bei
   Windows im Dunkelmodus deren Grau (Gabriel, 14.10.2026) */
html.ds:not([data-nie]){
  color-scheme:dark;
  --grund:#08402A; --flaeche:#0B4A31; --flaeche-2:#0E5539; --akzent:#0B4A31; --akzent-hell:#E3F1E8;
  --tinte:#FFFFFF; --tinte-leise:#AFD2BF; --linie:#1A6647;
  --blatt:#E0BF45; --blatt-hell:#F3D76E; --gold:#E0BF45; --gold-hell:#F3D76E;
  --gut:#4FD39B; --warnung:#F0A72B; --kritisch:#FF7A45;
  --knopf-ink:#14100A;
  --schrift:"PT Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
  --daten:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --ds-bild:radial-gradient(1200px 800px at 100% 110%, rgba(18,122,74,.55) 0%, rgba(18,122,74,0) 60%),
            radial-gradient(900px 520px at -10% -10%, rgba(4,18,11,.5) 0%, rgba(4,18,11,0) 60%);
  --ds-kopf:radial-gradient(100% 140% at 92% 100%, #0e6a3f 0%, #094a2f 45%, #04120b 100%);
}
/* --- Gold --- */
html.ds[data-design="gold"]{
  --akzent:#7A5A0C; --akzent-hell:#F6EED3;
  --grund:#45330A; --flaeche:#503C0D; --flaeche-2:#5B4510;
  --tinte:#FFFFFF; --tinte-leise:#E3CF9A; --linie:#7A5E1F;
  --blatt:#F6D86E; --blatt-hell:#FFE9A6; --gold:#F6D86E; --gold-hell:#FFE9A6;
  --gut:#7BE3B3; --warnung:#FFBE55; --kritisch:#FF946A;
  --ds-bild:radial-gradient(1200px 800px at 100% 110%, rgba(236,192,66,.45) 0%, rgba(236,192,66,0) 60%),
            radial-gradient(900px 520px at -10% -10%, rgba(30,21,2,.45) 0%, rgba(30,21,2,0) 60%);
  --ds-kopf:radial-gradient(100% 140% at 92% 100%, #b58d20 0%, #715511 45%, #2a1f04 100%);
}
/* --- Schwarz --- */
html.ds[data-design="schwarz"]{
  --akzent:#18241E; --akzent-hell:#E7ECE9;
  --grund:#0C1310; --flaeche:#131E18; --flaeche-2:#18271F;
  --tinte:#FFFFFF; --tinte-leise:#94A69B; --linie:#22362C;
  --blatt:#D8B63A; --blatt-hell:#F0D268; --gold:#D8B63A; --gold-hell:#F0D268;
  --gut:#199E70; --warnung:#C98500; --kritisch:#D95926;
  --ds-bild:none;
  --ds-kopf:radial-gradient(900px 200px at 12% -60px, rgba(216,182,58,.10), transparent 70%);
}

html.ds body{background-color:var(--grund);background-image:var(--ds-bild);background-attachment:fixed;
  background-repeat:no-repeat;font-family:var(--schrift);-webkit-font-smoothing:antialiased}
html.ds a{color:var(--gold-hell)}
html.ds .kopf{background:var(--ds-kopf),var(--flaeche);border-bottom-color:var(--linie)}
html.ds .kopf .marke{color:#FFFFFF}
html.ds .kopf .marke span{color:var(--gold)}
html.ds .nav{background:transparent}
html.ds .nav a{color:var(--tinte-leise)}
html.ds .nav a.hier{background:transparent;color:var(--gold-hell);border-color:transparent;box-shadow:inset 0 -2px 0 var(--gold)}
html.ds .knopf.leise{color:var(--gold-hell);border-color:var(--linie)}
html.ds .fuss a{color:var(--gold-hell)}

/* Reiterleiste wie im Leitstand: Gold unterstrichen, Eyebrow mit Goldlinie */
html.ds .ceo-reiter{border-bottom:1px solid var(--linie)}
html.ds .ceo-marke{color:var(--gold);letter-spacing:.22em}
html.ds .ceo-reiter a{color:var(--tinte-leise);font-weight:700;letter-spacing:.03em}
html.ds .ceo-reiter a:hover{color:#FFFFFF}
html.ds .ceo-reiter a.hier{color:var(--gold-hell);border-bottom-color:var(--gold)}
.ds-design{display:none}
html.ds .ds-design{display:inline-flex;gap:5px;padding:3px;margin-left:auto;align-self:center;
  border:1px solid var(--linie);border-radius:99px;background:rgba(0,0,0,.2)}
.ds-design button{appearance:none;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.4);cursor:pointer;padding:0}
.ds-design button[data-d=gruen]{background:linear-gradient(135deg,#12804c,#094a2f)}
.ds-design button[data-d=gold]{background:linear-gradient(135deg,#f0d268,#a8841f)}
.ds-design button[data-d=schwarz]{background:linear-gradient(135deg,#26352c,#050807)}
.ds-design button[aria-pressed=true]{outline:2px solid var(--gold-hell);outline-offset:1px}

html.ds h1,html.ds h2,html.ds h3{color:#FFFFFF}
html.ds .unter{color:#EEF6F1}

/* Karten immer weiß, mit eigenen hellen Farbwerten - in allen drei Designs */
html.ds :is(.zst,.karte,.rahmen,.kw-tag,.fa-detail,.fa-kpi,.hinweis-zeile){
  --flaeche:#FFFFFF; --flaeche-2:#F2F6F3; --linie:#D8E2DB;
  --tinte:#0E1A13; --tinte-leise:#5B6B62;
  --blatt:#0B4A31; --blatt-hell:#127A4A; --gold:#8C6C0C; --gold-hell:#6F5400;
  --gut:#0A7A4E; --warnung:#A35C00; --kritisch:#BF3F0B; --knopf-ink:#FFFFFF;
  color:var(--tinte); background:var(--flaeche); border-color:var(--linie); border-radius:10px;
}
html.ds :is(.zst,.karte,.rahmen,.kw-tag,.fa-detail) a{color:var(--blatt)}
html.ds :is(.zst,.karte,.rahmen,.kw-tag) h2,html.ds :is(.zst,.karte,.rahmen,.kw-tag) h3{color:var(--tinte)}
html.ds .zst-pos.an{background:var(--akzent);color:#FFFFFF}
html.ds .zst-neu label{color:#FFFFFF}
html.ds .zst-neu input{background:rgba(255,255,255,.92);color:#0E1A13;border-color:transparent}
html.ds .knopf{background:var(--gold);border-color:var(--gold);color:#14100A}
html.ds .knopf:hover{background:var(--gold-hell);border-color:var(--gold-hell)}
html.ds :is(.zst,.karte,.rahmen,.kw-tag) .knopf.leise{background:transparent;color:var(--blatt);border-color:var(--linie)}
html.ds .knopf.leise{background:transparent;color:var(--gold-hell);border-color:var(--linie)}
html.ds .knopf.leise:hover{border-color:var(--gold);color:#FFFFFF}
html.ds .zst-pos.frei.an{background:#FFFFFF;color:#0E1A13;box-shadow:inset 0 0 0 1px #BCCDC2}

/* --- 0.7.2: Leiste bleibt beim Scrollen stehen (Tobi 14.10.) --- */
.oben{position:sticky; top:0; z-index:30}
html.ds .oben{background:var(--ds-kopf),var(--flaeche); box-shadow:0 6px 18px rgba(0,0,0,.28)}
html.ds .oben .kopf{background:transparent}
.oben .nav{flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; padding-bottom:0}
.oben .nav a{white-space:nowrap}
.unterleiste{max-width:1240px; margin:0 auto; padding:4px 20px 0}
.unterleiste .ceo-reiter{margin:0; flex-wrap:nowrap; overflow-x:auto; border-bottom:0}
.unterleiste .ceo-reiter a{white-space:nowrap; display:inline-flex; align-items:center; gap:7px}
.unterleiste .ceo-reiter .ava{width:22px; height:22px; font-size:9px}
@media (max-width:640px){.unterleiste{padding:2px 16px 0}}

/* --- Fotos --- */
.ava{width:30px; height:30px; border-radius:50%; object-fit:cover; object-position:50% 20%;
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  background:#E9EFEA; vertical-align:middle}
.ava.ini{background:color-mix(in srgb,var(--gold) 22%,#FFFFFF); color:#2C2408;
  font:700 11px/1 var(--daten); letter-spacing:.02em}
.ava.gross{width:56px; height:56px; font-size:16px}

/* --- kompakte Tabellen --- */
table.kompakt th, table.kompakt td{padding:5px 10px; vertical-align:middle}
table.kompakt td.ava-sp{width:40px; padding-right:0}
table.kompakt td.name-sp small{display:block; font-size:11.5px; color:#5D6B63; line-height:1.2}
table.kompakt td.knopf-sp{white-space:nowrap; text-align:right}
table.kompakt tr.bald td{background:color-mix(in srgb,var(--gold) 12%,#FFFFFF)}
table.personal td{white-space:nowrap}
.gewerkform{flex-wrap:nowrap !important; gap:4px}
.gw-chip{display:inline-flex; align-items:center; gap:3px; cursor:pointer; border:1px solid #CFD8D2;
  border-radius:99px; padding:2px 7px 2px 4px; font:600 11px/1 var(--daten); color:#3B4A41; background:#F4F7F5}
.gw-chip input{width:13px; height:13px; min-height:0; margin:0}
.gw-chip:has(input:checked){border-color:var(--akzent); background:var(--akzent-hell); color:var(--akzent)}
.knopf.winzig{min-height:26px; font-size:12px; padding:0 9px}
.zahl{font:600 12px/1 var(--daten); color:var(--gold); margin-left:6px}
.platzhalter{background:#FFFFFF; color:#1F2A24; border-radius:12px; padding:22px 24px; max-width:760px}
.platzhalter p{margin:.5em 0}
.leer{text-align:center; color:#6B776F; padding:22px !important}

/* --- Rollen-Tafel (Drag and Drop) --- */
.rollen-tafel{display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:12px; align-items:start}
.rollen-spalte{background:#FFFFFF; color:#1F2A24; border-radius:12px; padding:12px; min-height:140px;
  border:2px solid transparent; transition:border-color .15s}
.rollen-spalte.ueber{border-color:var(--gold)}
.rollen-spalte.ohne{background:#F1F3F2}
.rollen-spalte h3{margin:0; font-size:15px}
.rollen-spalte .klein{margin:2px 0 10px; color:#5D6B63; font-size:11.5px; line-height:1.3}
.rollen-liste{display:flex; flex-direction:column; gap:6px; min-height:40px}
.rollen-karte{display:flex; align-items:center; gap:8px; padding:6px 8px; border:1px solid #DDE4DF;
  border-radius:9px; background:#FAFCFB; cursor:grab; font-size:13px; line-height:1.15}
.rollen-karte small{display:block; color:#6B776F; font-size:11px}
.rollen-karte.zieht{opacity:.45}
.rollen-meldung{min-height:1.4em; font-weight:600}
.rollen-meldung.gut{color:var(--gut)} .rollen-meldung.krit{color:var(--kritisch)}
.oben .kopf{position:static}
.rollen-spalte h3{color:#1F2A24}
.rollen-spalte .zahl, .platzhalter .zahl{color:#8A6D0B}
.platzhalter .klein, .platzhalter .klein b{color:#4F5E55}

/* --- 0.7.3 (Tobi 14.10.): ein durchgehender Verlauf statt Sprung unter der Leiste;
   Leiste und Seite malen denselben, am Fenster festen Hintergrund --- */
html.ds:not([data-nie]){--ds-seite:radial-gradient(130% 120% at 100% 100%, #0e6a3f 0%, #094a2f 42%, #04120b 100%)}
html.ds[data-design="gold"]{--ds-seite:radial-gradient(130% 120% at 100% 100%, #b58d20 0%, #715511 42%, #2a1f04 100%)}
html.ds[data-design="schwarz"]{--ds-seite:radial-gradient(130% 120% at 100% 100%, #1b2a22 0%, #101a15 45%, #070b09 100%)}
html.ds body{background:var(--grund) var(--ds-seite) fixed no-repeat}
html.ds .oben{background:var(--grund) var(--ds-seite) fixed no-repeat; box-shadow:none;
  border-bottom:1px solid color-mix(in srgb,#FFFFFF 8%,transparent)}
html.ds .oben .kopf{border-bottom:0}
/* keine Rollbalken-Pfeile an Leiste und Reitern */
.oben .nav,.unterleiste .ceo-reiter{overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none}
.oben .nav::-webkit-scrollbar,.unterleiste .ceo-reiter::-webkit-scrollbar{display:none}
.unterleiste .ceo-reiter .ds-design{margin-left:auto; flex:0 0 auto}
/* Akzent statt festem Grün auch in Knöpfen auf weißen Karten */
html.ds :is(.zst,.karte,.rahmen,.platzhalter) .knopf:not(.leise){background:var(--akzent); border-color:var(--akzent); color:#FFFFFF}
.kopf .rest .ava.gross{width:44px; height:44px; box-shadow:0 0 0 2px var(--gold)}
h2.bereich{margin:22px 0 8px; font-size:16px}
table.personal{table-layout:fixed}
table.personal th:nth-child(1){width:44px} table.personal th:nth-child(2){width:22%}
table.personal th:nth-child(3){width:24%} table.personal th:nth-child(4){width:12%}
table.personal th:nth-child(5){width:140px} table.personal th:nth-child(6){width:120px} table.personal th:nth-child(7){width:90px} table.personal th:nth-child(8){width:110px}
table.personal td{overflow:hidden; text-overflow:ellipsis}
/* Tobi 14.10.: Rubrik-Beschriftung gut lesbar statt Schreibmaschine mit Sperrschrift */
html.ds .ceo-marke{font:700 14px/1.2 var(--schrift); letter-spacing:.02em; text-transform:none; color:var(--gold-hell)}
.mb-kopf{display:flex; flex-wrap:wrap; gap:12px 20px; align-items:flex-end; justify-content:space-between}
.mb-kopf h1{margin:0}
.mb-filter{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.mb-filter label{display:flex; gap:6px; align-items:center; font-weight:600}
.mb-filter select,.mb-filter input{min-height:34px; border-radius:8px; padding:4px 10px}
.mb-boards{display:flex; gap:6px; flex-wrap:wrap; margin:12px 0}
.mb-boards a{padding:6px 12px; border-radius:99px; border:1px solid var(--linie); color:var(--tinte-leise); font-weight:600}
.mb-boards a.hier{background:var(--gold); color:#2C2408; border-color:var(--gold)}
details.mb-gruppe{margin:14px 0}
details.mb-gruppe summary{cursor:pointer; font-weight:700; font-size:15px; padding:6px 0}
table.mb td{max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* Leitstand im Dashboard (0.7.4): Offene Punkte, Werkstatt, Abgelegt, Mannschaft */
html.ds :is(.ls-stand,.ls-karte,.ls-thema,.ls-zwei>section,.ls-neu,.ls-verlauf,.ls-stand-text){
  --tinte:#0E1A13; --tinte-leise:#5B6B62; --linie:#D8E2DB;
  background:#FFFFFF; color:var(--tinte); border:1px solid var(--linie); border-radius:10px; padding:12px 14px}
html.ds :is(.ls-stand,.ls-thema,.ls-zwei>section) h2{color:var(--tinte); font-size:15px; margin:0 0 8px}
.ls-kopf{font-size:17px; margin:22px 0 10px; display:flex; align-items:center; gap:8px}
html.ds .ls-kopf{color:#FFFFFF}
.ls-zahl{font:600 12px/1 var(--daten,inherit); background:var(--akzent-hell,#E3F1E8); color:var(--akzent,#0B4A31);
  border-radius:99px; padding:3px 8px}
.ls-stand{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin:12px 0}
.ls-stand p,.ls-stand ul{margin:0; line-height:1.5}
.ls-stand ul{padding-left:18px}
.ls-karten{display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:10px}
.ls-karte{display:flex; flex-direction:column; gap:8px}
.ls-karte-kopf{display:flex; justify-content:space-between; align-items:flex-start; gap:10px; line-height:1.35}
.ls-karte-kopf .gw-chip{cursor:default; white-space:nowrap}
.ls-karte textarea,.ls-neu textarea,.ls-neu input{width:100%; box-sizing:border-box; font:inherit;
  border:1px solid #CFD8D2; border-radius:8px; padding:6px 8px; background:#FFFFFF; color:#0E1A13}
.ls-karte .knopf{align-self:flex-start}
.ls-liste{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
html.ds .ls-kopf + .ls-liste{background:#FFFFFF; color:#0E1A13; border-radius:10px; border:1px solid #D8E2DB; padding:4px 14px}
.ls-liste li{display:flex; gap:10px; align-items:flex-start; padding:8px 0; border-bottom:1px solid #E6ECE8; line-height:1.4}
.ls-liste li:last-child{border-bottom:0}
.ls-liste li > div{display:flex; flex-direction:column; gap:2px; min-width:0}
.ls-liste small{color:#4E5E55; font-size:12.5px}
.ls-liste .ls-meta{color:#6B7A71; font-size:12px}
.ls-liste li.erledigt span{color:#4E5E55}
.ls-haken{width:20px; height:20px; min-height:0; padding:0; margin-top:1px; border-radius:6px; cursor:pointer;
  border:2px solid var(--akzent,#0B4A31); background:#FFFFFF; flex:none}
.ls-haken:hover{background:var(--akzent-hell,#E3F1E8)}
.ls-haken.an{background:var(--akzent,#0B4A31); box-shadow:inset 0 0 0 3px #FFFFFF}
.ls-neu{display:grid; gap:8px; max-width:640px}
.ls-neu label{display:flex; flex-direction:column; gap:4px; font-weight:600; font-size:13px}
.ls-neu .knopf{justify-self:start}
.ls-themen{display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:12px; align-items:start}
.ls-zwei{display:grid; grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); gap:12px; align-items:start}
.ls-zwei .ls-kopf{margin-top:0}
html.ds .ls-zwei .ls-kopf{color:#0E1A13}
.ls-verlauf{list-style:none; margin:0; display:flex; flex-direction:column; gap:6px; line-height:1.45}
.ls-verlauf time{font-variant-numeric:tabular-nums; color:#6B7A71; margin-right:6px; font-size:12.5px}
.ls-stand-text{line-height:1.5; margin:10px 0}
.ls-team{list-style:none; margin:0; padding:0}
.ls-team li{display:grid; grid-template-columns:auto 1fr; column-gap:8px; padding:6px 0; border-bottom:1px solid #E6ECE8}
.ls-team li:last-child{border-bottom:0}
.ls-team li > span:not(.gw-chip),.ls-team li small{grid-column:1 / -1; font-size:13px}
.ls-team li small{color:#6B7A71; font-size:12px}
.ls-team .gw-chip{cursor:default; justify-self:start}
.ls-suche{display:flex; gap:8px; align-items:center; margin:10px 0 14px; flex-wrap:wrap}
.ls-suche input{background:#FFFFFF; color:#0E1A13; min-width:0; flex:1 1 260px; max-width:420px; border-radius:8px; border:1px solid #CFD8D2; padding:7px 10px; font:inherit}
html.ds .ls-suche a{color:#FFFFFF}
.ls-unsichtbar{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
@media (max-width:520px){.ls-themen,.ls-zwei,.ls-karten{grid-template-columns:1fr}}
/* 0.7.5: Antwortoptionen */
.ls-optionen,.ls-schnell{display:flex; flex-wrap:wrap; gap:6px; align-items:flex-start}
.ls-schnell{margin-top:6px}
.ls-opt{appearance:none; font:inherit; font-size:13px; line-height:1.25; text-align:left; cursor:pointer;
  background:#F5F8F6; color:#22302A; border:1px solid #BCCDC2; border-radius:6px; padding:7px 10px; min-height:0}
.ls-opt.klein{font-size:12px; padding:3px 9px}
.ls-opt:hover{border-color:var(--akzent,#0B4A31); color:#0E1A13}
.ls-opt.an{background:var(--akzent,#0B4A31); border-color:var(--akzent,#0B4A31); color:#FFFFFF}
.ls-detail{margin:0; font-size:13px; color:#22302A; line-height:1.45}
.ls-schnell details{flex-basis:100%}
.ls-schnell summary{cursor:pointer; font-size:12px; color:#4E5E55; list-style:none; display:inline-block}
.ls-schnell summary::before{content:"+ "}
.ls-schnell details[open] summary::before{content:"– "}
.ls-schnell textarea{width:100%; box-sizing:border-box; margin:6px 0; font:inherit; border:1px solid #CFD8D2; border-radius:8px; padding:6px 8px; background:#FFFFFF; color:#0E1A13}
.ls-aufgabe{flex:1}
/* 0.7.5: MA-Ansicht */
.vorschau-band{display:flex; gap:12px; align-items:center; justify-content:center; flex-wrap:wrap;
  background:#E6C44E; color:#14100A; padding:6px 16px; font-size:14px}
.vorschau-band .knopf{background:#0B4A31 !important; border-color:#0B4A31 !important; color:#FFFFFF !important}
.ma-suche{width:100%; max-width:420px; box-sizing:border-box; margin:6px 0 14px; padding:8px 11px; border-radius:8px;
  border:1px solid #CFD8D2; background:#FFFFFF; color:#0E1A13; font:inherit}
.ma-zeile{display:flex; align-items:center; gap:10px; width:100%}
.ma-zeile > span{flex:1; display:flex; flex-direction:column; min-width:0}
.ma-zeile small{color:#6B7A71; font-size:12px}
.ls-team li.ma-person{display:block}
/* 0.7.5: monday-Spiegel mit farbigen Statusknöpfen, Filter, Sortieren */
.mb-werkzeug{display:flex; flex-direction:column; gap:8px; margin:6px 0 4px}
.mb-statusleiste{display:flex; flex-wrap:wrap; gap:6px; align-items:center}
.mb-flabel{font-weight:700; font-size:13px; margin-right:4px}
html.ds .mb-flabel,html.ds .mb-spaltenwahl summary{color:#FFFFFF}
.mb-fknopf{appearance:none; cursor:pointer; min-height:0; font:600 12.5px/1.2 var(--schrift,inherit); color:#FFFFFF;
  background:var(--f); border:2px solid transparent; border-radius:99px; padding:4px 11px; opacity:.88}
.mb-fknopf i{font-style:normal; font-weight:400; opacity:.85; margin-left:3px}
.mb-fknopf:hover{opacity:1}
.mb-fknopf[aria-pressed="true"]{opacity:1; border-color:#FFFFFF; box-shadow:0 0 0 2px var(--f)}
.mb-statusleiste:has([aria-pressed="true"]) .mb-fknopf[aria-pressed="false"]{opacity:.45}
.mb-status{display:inline-block; background:var(--f); color:#FFFFFF; font-weight:600; font-size:12.5px;
  border-radius:5px; padding:2px 8px; white-space:nowrap; text-shadow:0 0 1px rgba(0,0,0,.25)}
.mb-spaltenwahl summary{cursor:pointer; font-size:13px; font-weight:600}
.mb-spaltenwahl[open]{background:#FFFFFF; color:#0E1A13; border-radius:10px; padding:8px 12px}
html.ds .mb-spaltenwahl[open] summary{color:#0E1A13}
.mb-spaltenwahl label{display:inline-flex; gap:5px; align-items:center; margin:4px 14px 0 0; font-size:13px}
.mb-sort{appearance:none; background:none; border:0; padding:0; min-height:0; font:inherit; color:inherit; cursor:pointer; text-align:left}
th[aria-sort="ascending"] .mb-sort::after{content:" ▲"; font-size:10px}
th[aria-sort="descending"] .mb-sort::after{content:" ▼"; font-size:10px}
.mb-rahmen{overflow-x:auto; -webkit-overflow-scrolling:touch}
table.mb td:first-child,table.mb th:first-child{position:sticky; left:0; background:#FFFFFF; z-index:1}
/* 0.7.5: Infoknopf statt Dauertext */
.info-knopf{appearance:none; width:22px; height:22px; min-height:0; padding:0; margin-left:10px; vertical-align:4px;
  border-radius:50%; border:1.5px solid currentColor; background:none; color:var(--gold-hell,#E6C44E);
  font:700 13px/1 Georgia,serif; font-style:italic; cursor:pointer; opacity:.85}
.info-knopf:hover,.info-knopf[aria-expanded="true"]{opacity:1}
p.unter.info-text{max-width:70ch}
.zst-zeit{font-family:inherit !important; letter-spacing:0 !important}
.info-mini{display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%;
  border:1px solid currentColor; font:700 10px/1 Georgia,serif; font-style:italic; opacity:.55; cursor:help;
  vertical-align:1px; margin-left:4px; text-transform:none; letter-spacing:0}
.info-mini:hover,.info-mini:focus{opacity:1}
html.ds .gitter .karte .zahl{font-family:inherit}

/* ===== 0.7.6: lesbare Schrift überall, Handy-Ansicht (Tobi, 14.10.) ===== */
html.ds,html.ds:not([data-nie]),html.ds *{--daten:"PT Sans",-apple-system,"Segoe UI",Roboto,sans-serif !important}
html.ds .mono,html.ds code:not(.einmal),html.ds time{font-variant-numeric:tabular-nums}
html.ds .karte h3{text-transform:none; letter-spacing:0; font-size:14px}
html.ds .gitter .karte .zahl{font-size:28px; font-weight:700; color:#0E1A13; line-height:1.15}
.nav a,.unterleiste .ceo-reiter a{scroll-margin-inline:24px}

@media (max-width:700px){
  /* Kopf eine Zeile; beim Scrollen bleibt nur die Leiste stehen */
  .oben{top:-56px}
  .oben .kopf{height:56px; box-sizing:border-box; flex-wrap:nowrap; gap:10px; padding:8px 16px}
  .kopf img{height:30px}
  .kopf .marke{font-size:11.5px; letter-spacing:.1em}
  .kopf .marke span{font-size:8.5px}
  .kopf .rest{flex-wrap:nowrap; gap:8px}
  .kopf .wer{display:none}
  .kopf .rest .ava.gross{width:34px; height:34px}
  .kopf .rest .knopf{min-height:32px; padding:4px 10px; font-size:13px}
  /* Leisten: kleiner, wischbar, mit Hinweis am Rand */
  .oben .nav{padding:4px 12px 0; gap:0}
  .oben .nav a{padding:9px 11px; font-size:14px}
  .unterleiste{padding:0 12px}
  .unterleiste .ceo-reiter a{padding:9px 10px; font-size:14px}
  .unterleiste .ceo-reiter .ds-design{display:none}
  .oben .nav,.unterleiste .ceo-reiter{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  main,.inhalt{padding-left:16px !important; padding-right:16px !important}
  h1{font-size:22px}
  /* Kacheln zweispaltig */
  .gitter{grid-template-columns:1fr 1fr; gap:8px}
  .gitter .karte{padding:10px 12px}
  html.ds .gitter .karte .zahl{font-size:24px}
  /* Personal als Karten statt breiter Tabelle */
  table.personal thead{display:none}
  table.personal,table.personal tbody,table.personal tr,table.personal td{display:block; width:auto}
  table.personal tr{display:grid; grid-template-columns:40px 1fr; column-gap:10px; padding:10px 12px; border-bottom:1px solid #E6ECE8}
  table.personal td{border:0 !important; padding:2px 0 !important; white-space:normal !important; grid-column:2}
  table.personal td.ava-sp{grid-column:1; grid-row:1 / span 3}
  table.personal td:empty{display:none}
  table.personal td.mono{font-size:13px; overflow-wrap:anywhere}
  /* Kalender: leere Tage einzeilig */
  .kw-gitter{grid-template-columns:1fr !important; gap:6px}
  .kw-tag:has(.kw-leer){display:flex; flex-direction:row; align-items:center; gap:12px; padding:8px 12px; min-height:0 !important; height:auto; text-align:left}
  .kw-tag:has(.kw-leer) header{justify-content:flex-start; text-align:left}
  .kw-tag:has(.kw-leer) header{margin:0; border:0; padding:0; flex:0 0 auto; width:auto}
  .kw-tag:has(.kw-leer) ul{margin:0; padding:0; flex:1}
  /* monday-Tabellen: kompakter */
  table.mb{font-size:13px}
  table.mb td,table.mb th{padding:7px 8px}
  .mb-kopf{align-items:stretch}
  .mb-filter{width:100%}
  .mb-filter input[type=search]{flex:1; min-width:0}
  .mb-statusleiste{flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:2px}
  .mb-fknopf{white-space:nowrap}
  /* Offene Punkte */
  .ls-themen,.ls-zwei,.ls-karten{grid-template-columns:1fr}
  .ls-opt{padding:8px 11px}
  .vorschau-band{font-size:13px; padding:6px 12px}
}
h1 .ma-gesamt{font-size:13px; vertical-align:5px; margin-left:8px}
.ls-stand-auf{margin:22px 0 0}
.ls-stand-auf summary{cursor:pointer; font-weight:700; font-size:15px; color:#FFFFFF}
/* 0.7.8: Rolands Werkzeuge */
.wz-kopf{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
.wz-kopf h1{margin:0}
.wz-rahmen{display:block; width:100%; height:calc(100vh - 230px); min-height:560px; border:0; border-radius:10px; background:#FFFFFF; margin-top:10px}
@media (max-width:700px){.wz-rahmen{height:calc(100vh - 160px)}}
/* 0.7.9: Geburtstage in der Personalübersicht */
.gb-leiste{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:6px 0 14px}
.gb-titel{font-weight:700; font-size:14px; margin-right:4px}
html.ds .gb-titel{color:#FFFFFF}
.gb-chip{display:inline-flex; align-items:center; gap:6px; background:#FFFFFF; color:#0E1A13; border-radius:99px; padding:3px 12px 3px 3px; font-size:13px}
.gb-chip .ava{width:24px; height:24px; font-size:9px}
.gb-chip.heute{background:#E6C44E}
td.gb-sp{white-space:nowrap; font-variant-numeric:tabular-nums}

/* Personal als Karten (0.8.0) */
.pk-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:12px; margin:8px 0 22px}
.pk{position:relative; background:#FFFFFF; border-radius:16px; padding:14px; display:grid;
  grid-template-columns:64px minmax(0,1fr); column-gap:14px; row-gap:10px; align-items:center;
  box-shadow:0 1px 2px rgba(10,40,25,.06),0 6px 18px rgba(10,40,25,.07)}
.pk-foto img,.pk-foto .ava,.pk-foto > *{width:64px !important; height:64px !important; border-radius:50% !important; font-size:22px; object-fit:cover}
.pk-kopf{display:flex; flex-direction:column; gap:2px; min-width:0; padding-right:30px}
.pk-name{font-size:17px; line-height:1.2; color:#14211A}
.pk-rolle{font-size:13.5px; color:#1F6B47; font-weight:700}
.pk-mail{font-size:13px; color:#5D6B63; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pk-fuss{grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:6px; align-items:center}
.pk-st{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; padding:4px 10px; border-radius:999px; background:#EEF2EF; color:#3B4A41; white-space:nowrap}
.pk-st.gruen::before,.pk-st.gelb::before,.pk-st.rot::before,.pk-st.grau::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor}
.pk-st.gruen{background:#E2F2E8; color:#1F6B47} .pk-st.gelb{background:#FBF0D6; color:#8A5A12}
.pk-st.rot{background:#F8E0DD; color:#A93226} .pk-st.grau{color:#5D6B63}
.pk-ein{margin:0 0 0 auto}
.pk-knopf{font:inherit; font-size:13px; font-weight:700; border:0; border-radius:999px; padding:7px 14px; background:#0B4A31; color:#FFFFFF; cursor:pointer; min-height:34px}
.pk-mehr{position:absolute; top:8px; right:8px}
.pk-mehr summary{list-style:none; cursor:pointer; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; color:#5D6B63}
.pk-mehr summary::-webkit-details-marker{display:none}
.pk-mehr summary:hover,.pk-mehr[open] summary{background:#EEF2EF}
.pk-menue{position:absolute; right:0; top:36px; z-index:5; background:#FFFFFF; border-radius:12px; padding:12px; min-width:230px;
  box-shadow:0 10px 30px rgba(10,40,25,.18); display:flex; flex-direction:column; gap:10px}
.pk-menue form{margin:0} .pk-menue label{display:flex; flex-direction:column; gap:4px; font-size:12px; color:#5D6B63}
.pk-menue select{font:inherit; font-size:14px; padding:6px 8px; border-radius:8px; border:1px solid #CFD8D2}
.pk-menue .pk-knopf{background:#EEF2EF; color:#14211A; font-weight:400; width:100%}
@media (max-width:700px){
  .pk-grid{grid-template-columns:1fr; gap:10px}
  .pk{grid-template-columns:56px minmax(0,1fr); padding:12px}
  .pk-foto img,.pk-foto .ava,.pk-foto > *{width:56px !important; height:56px !important}
}

/* Angebots-Werkstatt (0.8.1) */
.ag-kl{font-size:12px;letter-spacing:.12em;font-weight:700;color:#55645B}
.ag-leise{font-size:13px;color:#5D6B63;line-height:1.45}
.ag-karte{background:#FFFFFF;color:#14211A;border-radius:18px;padding:18px 20px;box-shadow:0 1px 2px rgba(10,40,25,.05),0 8px 24px rgba(10,40,25,.08);min-width:0}
.ag-zwei{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.ag-zwei.breit-rechts{grid-template-columns:minmax(0,560px) minmax(0,1fr)}
.ag-zwei.breit-links{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.ag-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ag-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.ag-titel{margin:2px 0;font-size:30px}
.ag-version{display:flex;gap:8px;flex-wrap:wrap}
.ag-version input{min-width:220px}
.ag-meldung{background:#E2F2E8;color:#1F6B47;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-weight:700}
.ag-sprung{position:sticky;top:env(safe-area-inset-top,0px);z-index:4;display:flex;gap:6px;overflow-x:auto;padding:8px 0;margin-bottom:6px}
.ag-sprung a{white-space:nowrap;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:7px 14px;text-decoration:none;font-weight:700;font-size:14px;backdrop-filter:blur(6px)}
.ag-sprung a:hover{background:rgba(255,255,255,.22)}
.ag-abschnitt{margin:22px 0 34px;scroll-margin-top:60px}
.ag-abkopf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ag-abkopf h2{margin:0 10px 0 0;font-size:24px;color:#fff}
.ag-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-size:13px;background:#EEF2EF;color:#3B4A41;white-space:nowrap}
.ag-chip.ok{background:#E2F2E8;color:#1F6B47}.ag-chip.knapp{background:#FBF0D6;color:#8A5A12}.ag-chip.nein{background:#F8E0DD;color:#A93226}
.ag-chip.ok::before,.ag-chip.knapp::before,.ag-chip.nein::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.ag-kartenkopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:2px 0 8px;flex-wrap:wrap}
.ag-kartenkopf b{font-size:18px}.ag-kartenkopf span{font-size:13px;color:#55645B}
.ag-werte4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.ag-werte4 div{background:#F4F6F3;border-radius:12px;padding:8px 10px}
.ag-werte4 b{display:block;font-size:18px}.ag-werte4 span{font-size:12px;color:#55645B}
.ag-werte4 .gruen{background:#E2F2E8}.ag-werte4 .gruen b{color:#1F6B47}
.ag-legende{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:#DCEAE2;margin:6px 0 12px}
.ag-legende i{display:inline-block;width:22px;height:4px;border-radius:2px;vertical-align:middle;margin-right:6px}.ag-legende i.dick{height:12px}
.ag-werte{margin:0 0 12px}
.ag-werte summary{cursor:pointer;color:#BFD8C9;font-weight:700;font-size:14px;padding:4px 0}
.ag-karte .ag-werte summary{color:#1F6B47}
.ag-form{display:flex;flex-direction:column;gap:10px}
.ag-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#55645B}
.ag-form input,.ag-form select{font:inherit;font-size:15px;padding:8px 10px;border-radius:10px;border:1px solid #CFD8D2;background:#fff;color:#14211A;min-height:40px}
.ag-werte > .ag-form{background:#fff;border-radius:16px;padding:16px}
.ag-raster4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.ag-reihe{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ag-form label.ag-haken{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:#14211A}
.ag-form label.ag-haken input{min-height:0;width:18px;height:18px;accent-color:#0B4A31}
.ag-knopf{font:inherit;font-weight:700;font-size:15px;border:0;border-radius:12px;background:#0B4A31;color:#fff;min-height:44px;padding:0 18px;cursor:pointer}
.ag-zeilenform{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;padding:6px 0;border-top:1px solid #EEF2EF}
.ag-zeilenform > input{flex:1 1 160px}
.ag-zeilenform label.klein{width:84px}
.ag-zeilenform label.klein input{width:100%}
.ag-nr{width:26px;height:26px;border-radius:13px;background:#E3ECE6;color:#0B4A31;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.ag-nr.ok{background:#1F8A5B;color:#fff}.ag-nr.knapp{background:#C98A1B;color:#fff}.ag-nr.nein{background:#C0392B;color:#fff}
.ag-weg{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.ag-stelle{background:#fff;color:#14211A;border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.ag-stelle span:last-child{grid-column:1/-1;font-size:12.5px;color:#55645B;margin-top:4px}
.ag-scroll{overflow-x:auto}
.ag-matrix{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
.ag-matrix th{font-size:11.5px;color:#55645B;font-weight:700;padding:6px 4px;text-align:center;vertical-align:bottom}
.ag-matrix th:first-child,.ag-matrix td:first-child{text-align:left;white-space:nowrap}
.ag-matrix td{padding:4px;text-align:center;border-top:1px solid #EEF2EF}
.ag-matrix td small{display:block;color:#55645B;font-size:11px}
.ag-matrix tr.wahl td{background:#F3F8F5}.ag-matrix tr.wahl td:first-child{box-shadow:inset 4px 0 0 #0B4A31}
.ag-z{display:inline-block;min-width:48px;border-radius:7px;padding:5px 3px;font-weight:700;font-variant-numeric:tabular-nums}
.ag-z.ok{background:#E2F2E8;color:#1F6B47}.ag-z.knapp{background:#FBF0D6;color:#8A5A12}.ag-z.nein{background:#F8E0DD;color:#A93226}
.ag-vermerk{background:#fff;color:#14211A;border-radius:16px;padding:14px 18px;margin-top:18px;font-size:15px;line-height:1.5}
.ag-regeln{display:grid;gap:8px;margin-top:12px;font-size:13.5px;line-height:1.4}
.ag-regeln i{display:inline-flex;width:20px;height:20px;border-radius:10px;background:#E3ECE6;color:#0B4A31;font-style:normal;font-weight:700;font-size:12px;align-items:center;justify-content:center;margin-right:8px}
.ag-warn{color:#8A5A12;font-weight:700}
.ag-tabelle{width:100%;border-collapse:collapse;font-size:14px}
.ag-tabelle th{font-size:12px;color:#55645B;text-align:left;padding:6px 8px}
.ag-tabelle td{padding:8px;border-top:1px solid #EEF2EF;white-space:nowrap;font-variant-numeric:tabular-nums}
.ag-tabelle tr.jetzt td{background:#F3F8F5}
.ag-liste{display:flex;flex-direction:column;margin-top:8px}
.ag-zeile{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 4px;border-top:1px solid #EEF2EF;color:#14211A;text-decoration:none}
.ag-zeile:hover{background:#F4F6F3}
.ag-zeile b{font-size:16px}.ag-zeile .ag-chip{justify-self:end}
@media (max-width:1100px){.ag-drei{grid-template-columns:1fr}.ag-zwei,.ag-zwei.breit-rechts,.ag-zwei.breit-links{grid-template-columns:1fr}.ag-raster4{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.ag-raster4,.ag-reihe{grid-template-columns:1fr}.ag-werte4{grid-template-columns:1fr 1fr}.ag-abkopf h2{font-size:20px}.ag-titel{font-size:24px}}
.ag-werte4{grid-template-columns:1fr 1fr}
.ag-matrix th{background:none !important;color:#55645B !important;border:0 !important;text-transform:none;letter-spacing:0}
.ag-matrix tr.trenn td{padding:10px 4px 4px;font-size:12px;font-weight:700;color:#55645B;border-top:2px solid #D6E0D9}
.ag-zwei.breit-rechts{grid-template-columns:minmax(0,440px) minmax(0,1fr)}
.ag-z{min-width:42px}
.ag-version input{background:#fff;color:#14211A;border:1px solid #CFD8D2;border-radius:10px;padding:8px 10px;font:inherit}
.ag-tabelle th{background:none !important;color:#55645B !important;border:0 !important}
.ag-tausch{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid #EEF2EF;font-size:14px}
.ag-tausch span{color:#55645B;font-size:13px}
.ag-fazit{background:#0B4A31;color:#fff;border-radius:12px;padding:12px 14px;margin-top:10px;font-size:15px;line-height:1.4}
.ag-hkzeile{display:grid;grid-template-columns:1.2fr 90px 120px 80px 1.6fr 70px;gap:8px;align-items:center}
.ag-hkzeile.kopf span{font-size:12px;color:#55645B}
@media (max-width:900px){.ag-hkzeile{grid-template-columns:1fr 1fr}.ag-hkzeile.kopf{display:none}}
.ag-hkzeile input{min-width:0;width:100%}.ag-form input,.ag-form select{min-width:0;max-width:100%}
@media (max-width:1100px){.ag-zwei.breit-rechts,.ag-zwei.breit-links,.ag-zwei{grid-template-columns:minmax(0,1fr)}}
.ag-sp{display:flex;flex-direction:column;gap:6px}
.ag-sp-name{font-size:24px}
.ag-mini{display:flex;gap:6px;margin:4px 0}
.ag-erweitert > summary{color:#BFD8C9}
.ag-erweitert[open]{display:flex;flex-direction:column;gap:14px}
.ag-suche{display:flex;gap:8px;margin:0 0 12px}.ag-suche input{flex:1;font:inherit;font-size:15px;padding:8px 12px;border-radius:10px;border:1px solid #CFD8D2;min-width:0}
.ag-suche input{background:#fff;color:#14211A}
/* Angebot & Preise (0.9.0) */
.ag-knopfreihe{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ag-knopf.leise{background:transparent;color:#0B4A31;border:1.5px solid #0B4A31}
a.ag-knopf{color:#fff;text-decoration:none;display:inline-flex;align-items:center}
.ag-gruppe{border:1px solid rgba(127,140,133,.35);border-radius:10px;padding:8px 12px 10px;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:flex-end}
.ag-gruppe legend{font-weight:700;padding:0 6px}
.ag-gruppe label{min-width:0}
.ag-karte .ag-h3,.ag-h3{font-size:15px;margin:6px 0 8px;color:#0B4A31 !important}