/* /Components/Gestaltung/Auswahl.razor.rz.scp.css */
/* src/VeltoCare.Web/Components/Gestaltung/Auswahl.razor.css — Spiegel Flex Formularfeld.razor.css; Breiten neu */
.feld[b-ozh9bjvyi4] {
    display: flex;
    flex-direction: column;
    gap: var(--abstand-2);
    margin: 0;
    width: var(--breite-feld);
}
.feld.lang[b-ozh9bjvyi4] {
    width: var(--breite-feld-lang);
}
.feld.datum[b-ozh9bjvyi4] {
    width: var(--breite-datumsfeld);
    flex: 0 0 auto;
}
.beschriftung[b-ozh9bjvyi4],
.grund[b-ozh9bjvyi4] {
    padding-left: calc(var(--abstand-12) + var(--linie-hairline));
}
.beschriftung[b-ozh9bjvyi4] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}
.feld[b-ozh9bjvyi4]  input,
.feld[b-ozh9bjvyi4]  textarea,
.feld[b-ozh9bjvyi4]  select {
    width: 100%;
    box-sizing: border-box;
}
.feld.zahl[b-ozh9bjvyi4]  input {
    text-align: right;
}
.feld[data-zustand="Fehlerhaft"][b-ozh9bjvyi4]  input,
.feld[data-zustand="Fehlerhaft"][b-ozh9bjvyi4]  textarea,
.feld[data-zustand="Fehlerhaft"][b-ozh9bjvyi4]  select {
    border-color: var(--farbe-state-bad);
}
.grund[b-ozh9bjvyi4] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}
.feld[data-zustand="Fehlerhaft"] .grund[b-ozh9bjvyi4] {
    color: var(--farbe-state-bad);
}
.leerhinweis[b-ozh9bjvyi4] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink-secondary);
    padding-left: calc(var(--abstand-12) + var(--linie-hairline));
}
/* /Components/Gestaltung/Feld.razor.rz.scp.css */
/* src/VeltoCare.Web/Components/Gestaltung/Feld.razor.css — Spiegel Flex Formularfeld.razor.css; Breiten neu */
.feld[b-myunkg6en6] {
    display: flex;
    flex-direction: column;
    gap: var(--abstand-2);
    margin: 0;
    width: var(--breite-feld);
}
.feld.lang[b-myunkg6en6] {
    width: var(--breite-feld-lang);
}
.feld.datum[b-myunkg6en6] {
    width: var(--breite-datumsfeld);
    flex: 0 0 auto;
}
.beschriftung[b-myunkg6en6],
.grund[b-myunkg6en6] {
    padding-left: calc(var(--abstand-12) + var(--linie-hairline));
}
.beschriftung[b-myunkg6en6] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}
.feld[b-myunkg6en6]  input,
.feld[b-myunkg6en6]  textarea,
.feld[b-myunkg6en6]  select {
    width: 100%;
    box-sizing: border-box;
}
.feld.zahl[b-myunkg6en6]  input {
    text-align: right;
}
.feld[data-zustand="Fehlerhaft"][b-myunkg6en6]  input,
.feld[data-zustand="Fehlerhaft"][b-myunkg6en6]  textarea,
.feld[data-zustand="Fehlerhaft"][b-myunkg6en6]  select {
    border-color: var(--farbe-state-bad);
}
.grund[b-myunkg6en6] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}
.feld[data-zustand="Fehlerhaft"] .grund[b-myunkg6en6] {
    color: var(--farbe-state-bad);
}
.feld.kontrollkaestchen[b-myunkg6en6] {
    flex-direction: row;
    align-items: baseline;
    gap: var(--abstand-8);
    width: 100%;
}
.feld.kontrollkaestchen .beschriftung[b-myunkg6en6] {
    padding-left: 0;
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
}
.feld.kontrollkaestchen[b-myunkg6en6]  input {
    width: auto;
}
/* /Components/Gestaltung/Hinweis.razor.rz.scp.css */
/* src/VeltoCare.Web/Components/Gestaltung/Hinweis.razor.css — Spiegel Flex Hinweis.razor.css */
.hinweis[b-d70fegpys0] {
    display: flex;
    align-items: baseline;
    gap: var(--abstand-4);
    background: var(--farbe-surface);
    border: var(--linie-hairline) solid var(--farbe-state-info);
    border-radius: var(--radius-meldung);
    padding: var(--abstand-4);
}
.hinweis[data-art="Fehlschlag"][b-d70fegpys0] {
    border-color: var(--farbe-state-bad);
}
.wort[b-d70fegpys0] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-state-info);
}
.hinweis[data-art="Fehlschlag"] .wort[b-d70fegpys0] {
    color: var(--farbe-state-bad);
}
.text[b-d70fegpys0] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink);
}
/* /Components/Gestaltung/Karte.razor.rz.scp.css */
/* src/VeltoCare.Web/Components/Gestaltung/Karte.razor.css — Spiegel Flex Karte.razor.css + Verwaltungsmaske.razor.css (.block/.abschnitt/.beschreibung/.felder/.aktionen) */
.karte:not(.polster-formularbereich)[b-jhlj2fiwmr] {
    padding: var(--abstand-16);
}
.block[b-jhlj2fiwmr] {
    display: flex;
    flex-direction: column;
    gap: var(--abstand-12);
}
.abschnitt[b-jhlj2fiwmr],
.beschreibung[b-jhlj2fiwmr] {
    margin: 0;
    font-family: var(--schrift-standard);
    color: var(--farbe-ink);
}
.abschnitt[b-jhlj2fiwmr] {
    font-size: var(--grad-section);
    font-weight: var(--schnitt-section);
}
.beschreibung[b-jhlj2fiwmr] {
    font-size: var(--grad-body);
}
/* Feldreihe: umbrechend, Beschriftung ueber dem Feld (Feld.razor) — ::deep, weil
   die Felder als ChildContent der Maske kommen. */
.karte[b-jhlj2fiwmr]  .felder {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--abstand-12);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
.aktionen[b-jhlj2fiwmr] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--abstand-12);
}
/* /Components/Gestaltung/Kennzahl.razor.rz.scp.css */
/* src/VeltoCare.Web/Components/Gestaltung/Kennzahl.razor.css — wörtlich Flex Kennzahl.razor.css, ergänzt um min-width fürs Kachelraster (Kennzahlreihe, masken.css) */
.kennzahl[b-6x3v348p96] {
    display: flex;
    flex-direction: column;
    gap: var(--abstand-2);
    padding: var(--abstand-8);
    min-width: calc(var(--abstand-32) * 5);
}

.titel[b-6x3v348p96] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}

.wert[b-6x3v348p96] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-kpi);
    font-weight: var(--schnitt-kpi);
    color: var(--farbe-ink);
}

.platzhalter[b-6x3v348p96] {
    display: block;
    height: var(--grad-kpi);
    width: var(--abstand-32);
    background: var(--farbe-surface-sunken);
    border-radius: var(--radius-2);
}

.ohne-zahl[b-6x3v348p96] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink-secondary);
}

.fehler[b-6x3v348p96] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-state-bad);
}

.grund[b-6x3v348p96] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}
/* /Components/Gestaltung/Maske.razor.rz.scp.css */
/* src/VeltoCare.Web/Components/Gestaltung/Maske.razor.css — Spiegel Flex Seitenbereich.razor.css; .titel auf grad-title (h1), .pfad neu */
.seitenbereich[b-x4a33u3lr1] {
    display: flex;
    flex-direction: column;
    gap: var(--abstand-16);
}
.pfad[b-x4a33u3lr1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--abstand-8);
    font-family: var(--schrift-schmal);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink-secondary);
}
.pfad[b-x4a33u3lr1]  a {
    color: var(--farbe-arbeit-stark);
}
.pfad[b-x4a33u3lr1]  > *:not(:last-child)::after {
    content: "›";
    margin-left: var(--abstand-8);
    color: var(--farbe-ink-muted);
}
.titel[b-x4a33u3lr1] {
    margin: 0;
    font-family: var(--schrift-standard);
    font-size: var(--grad-title);
    font-weight: var(--schnitt-title);
    color: var(--farbe-ink);
}
.banner[b-x4a33u3lr1] {
    display: flex;
    gap: var(--abstand-8);
    padding: var(--abstand-8);
    background: var(--farbe-surface-sunken);
    border: var(--linie-hairline) solid var(--farbe-border-strong);
    border-radius: var(--radius-meldung);
}
.bannerwort[b-x4a33u3lr1] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}
.bannergrund[b-x4a33u3lr1] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink);
}
.platzhalter[b-x4a33u3lr1] {
    display: flex;
    flex-direction: column;
    gap: var(--abstand-4);
}
.balken[b-x4a33u3lr1] {
    height: var(--zeilenhoehe-tabelle);
    background: var(--farbe-surface-sunken);
    border-radius: var(--radius-2);
}
.zweck[b-x4a33u3lr1] {
    margin: 0;
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink);
}
.schritt[b-x4a33u3lr1] {
    margin: 0;
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink-secondary);
}
/* /Components/Gestaltung/Tabellenkarte.razor.rz.scp.css */
/* src/VeltoCare.Web/Components/Gestaltung/Tabellenkarte.razor.css — Spiegel Flex Tabelle.razor.css (Kopf, Hinweis, Fusszeile, Grund, Platzhalter); Rahmen um eine HTML-Tabelle statt Grid */
.tabelle[b-cnnxodsvju] {
    display: flex;
    flex-direction: column;
    gap: var(--abstand-4);
    padding: var(--abstand-16);
}
.ueberschrift[b-cnnxodsvju] {
    margin: 0;
    font-family: var(--schrift-standard);
    font-size: var(--grad-section);
    font-weight: var(--schnitt-section);
    color: var(--farbe-ink);
}
.hinweis[b-cnnxodsvju] {
    margin: 0 0 var(--abstand-12) 0;
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink-secondary);
}
.fusszeile[b-cnnxodsvju] {
    margin: 0;
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}
.tabellengrund[b-cnnxodsvju] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--abstand-8);
    padding: var(--abstand-8);
    margin-bottom: var(--abstand-8);
    background: var(--farbe-surface-sunken);
    border: var(--linie-hairline) solid var(--farbe-border-strong);
    border-radius: var(--radius-meldung);
}
.tabelle[data-zustand="Fehlerhaft"] .tabellengrund[b-cnnxodsvju] {
    border-color: var(--farbe-state-bad);
}
.grundwort[b-cnnxodsvju] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-micro);
    font-weight: var(--schnitt-micro);
    color: var(--farbe-ink);
}
.grundtext[b-cnnxodsvju] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink);
}
.ausweg[b-cnnxodsvju] {
    font-family: var(--schrift-standard);
    font-size: var(--grad-body);
    font-weight: var(--schnitt-body);
    color: var(--farbe-ink-secondary);
}
.platzhalter[b-cnnxodsvju] {
    display: flex;
    flex-direction: column;
    gap: var(--abstand-4);
    padding: var(--abstand-4);
}
.balken[b-cnnxodsvju] {
    height: var(--zeilenhoehe-tabelle);
    background: var(--farbe-surface-sunken);
    border-radius: var(--radius-2);
}
.rahmen[b-cnnxodsvju] {
    overflow: auto;
    min-width: 0;
}
.rahmen[b-cnnxodsvju]  table {
    width: 100%;
    border-collapse: collapse;
}
.rahmen[b-cnnxodsvju]  thead th {
    position: sticky;
    top: 0;
    background: var(--farbe-surface-sunken);
    z-index: 2;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.schale[b-zc3r2huurv] { display: flex; flex-direction: column; min-height: 100vh; }
.kopfzeile[b-zc3r2huurv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--farbe-chrome);
  color: var(--farbe-ink-invers);
  padding: var(--abstand-12) var(--abstand-24);
  border-bottom: var(--linie-hairline) solid var(--farbe-chrome-border);
}
.marke[b-zc3r2huurv] {
  color: var(--farbe-ink-invers);
  font-size: var(--grad-section);
  font-weight: var(--schnitt-section);
  text-decoration: none;
}
.zugang[b-zc3r2huurv] { color: var(--farbe-ink-invers); font-size: var(--grad-micro); }
.rumpf[b-zc3r2huurv] { display: flex; flex: 1; align-items: stretch; }
.navigation[b-zc3r2huurv] {
  display: flex;
  flex-direction: column;
  min-width: var(--breite-navigation);
  background: var(--farbe-chrome);
  padding: var(--abstand-16) 0;
}
.gruppe[b-zc3r2huurv] {
  color: var(--farbe-ink-invers);
  font-size: var(--grad-micro);
  padding: var(--abstand-16) var(--abstand-16) var(--abstand-4) var(--abstand-16);
  opacity: 0.7;
}
.navigation[b-zc3r2huurv]  .eintrag {
  display: block;
  color: var(--farbe-ink-invers);
  font-size: var(--grad-body);
  text-decoration: none;
  padding: var(--abstand-8) var(--abstand-16);
}
.navigation[b-zc3r2huurv]  .eintrag:hover { background: var(--farbe-chrome-border); }
.navigation[b-zc3r2huurv]  .eintrag.aktiv {
  background: var(--farbe-chrome-border);
  box-shadow: inset var(--abstand-4) 0 0 var(--farbe-accent); /* Ort = accent */
}
.bereich[b-zc3r2huurv] { flex: 1; min-width: 0; padding: var(--abstand-24); background: var(--farbe-page); }