/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-a4ttywmwac] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-a4ttywmwac] {
    flex: 1;
}

.sidebar[b-a4ttywmwac] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-a4ttywmwac] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-a4ttywmwac]  a, .top-row[b-a4ttywmwac]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-a4ttywmwac]  a:hover, .top-row[b-a4ttywmwac]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-a4ttywmwac]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-a4ttywmwac] {
        justify-content: space-between;
    }

    .top-row[b-a4ttywmwac]  a, .top-row[b-a4ttywmwac]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-a4ttywmwac] {
        flex-direction: row;
    }

    .sidebar[b-a4ttywmwac] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-a4ttywmwac] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-a4ttywmwac]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-a4ttywmwac], article[b-a4ttywmwac] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-a4ttywmwac] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-a4ttywmwac] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-yxcf2g579o] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-yxcf2g579o] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-yxcf2g579o] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-yxcf2g579o] {
    font-size: 1.1rem;
}

.bi[b-yxcf2g579o] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-yxcf2g579o] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-yxcf2g579o] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-yxcf2g579o] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-yxcf2g579o] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-yxcf2g579o] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-yxcf2g579o] {
        padding-bottom: 1rem;
    }

    .nav-item[b-yxcf2g579o]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-yxcf2g579o]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-yxcf2g579o]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-yxcf2g579o] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-yxcf2g579o] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-yxcf2g579o] {
        display: none;
    }

    .nav-scrollable[b-yxcf2g579o] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* --- Spec 009: Seitenleiste mit Personenblock am unteren Rand ---------------
   Die Seitenleiste (mud-drawer-content) ist eine Flex-Spalte; die Liste nimmt
   den freien Platz und rollt, der Personenblock bleibt unten stehen. */
.navigation[b-yxcf2g579o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.navigation[b-yxcf2g579o]  .navigation-liste {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 0.5rem;
}

.navigation-person[b-yxcf2g579o] {
    flex: none;
    border-top: 1px solid var(--mud-palette-lines-default);
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
}

.navigation-person:has(.person-zeile)[b-yxcf2g579o] {
    padding: 0.875rem 1rem 1rem;
}

.person-zeile[b-yxcf2g579o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.person-zeichen[b-yxcf2g579o] {
    display: grid;
    place-items: center;
    flex: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.person-name[b-yxcf2g579o] {
    min-width: 0;
    font-size: 0.75rem;
    line-height: 1.3;
    color: var(--mud-palette-text-secondary);
}

.person-name strong[b-yxcf2g579o] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.navigation-person[b-yxcf2g579o]  .person-abmelden {
    margin: 0;
}

.navigation-person[b-yxcf2g579o]  .person-abmelden .mud-button-root {
    justify-content: center;
    color: var(--mud-palette-text-secondary);
    border-color: var(--mud-palette-lines-inputs);
}

.navigation-person[b-yxcf2g579o]  .person-abmelden .mud-button-root:hover {
    color: var(--mud-palette-primary);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 50%, transparent);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7i5qagyph5],
.components-reconnect-repeated-attempt-visible[b-7i5qagyph5],
.components-reconnect-failed-visible[b-7i5qagyph5],
.components-pause-visible[b-7i5qagyph5],
.components-resume-failed-visible[b-7i5qagyph5],
.components-rejoining-animation[b-7i5qagyph5] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-7i5qagyph5],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-7i5qagyph5],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-7i5qagyph5],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-7i5qagyph5],
#components-reconnect-modal.components-reconnect-retrying[b-7i5qagyph5],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-7i5qagyph5],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-7i5qagyph5],
#components-reconnect-modal.components-reconnect-failed[b-7i5qagyph5],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-7i5qagyph5] {
    display: block;
}


#components-reconnect-modal[b-7i5qagyph5] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-7i5qagyph5 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-7i5qagyph5 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-7i5qagyph5 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-7i5qagyph5]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-7i5qagyph5 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-7i5qagyph5 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-7i5qagyph5 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-7i5qagyph5 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-7i5qagyph5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-7i5qagyph5] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-7i5qagyph5] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-7i5qagyph5] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-7i5qagyph5] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-7i5qagyph5] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-7i5qagyph5] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-7i5qagyph5 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-7i5qagyph5] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-7i5qagyph5 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Importe.razor.rz.scp.css */
/* Spec 006 — Zusatz der Paketansicht für TheCarAPI-Pakete. */
.thecarapi-paket[b-wh68ed0um1] {
    margin: 0 0 1rem;
    padding: 1rem 1.25rem 0.5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 4px solid var(--mud-palette-warning);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
}

.thecarapi-kopf[b-wh68ed0um1] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    margin-bottom: 0.5rem;
}

.thecarapi-zaehler[b-wh68ed0um1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: 0.5rem;
    margin: 0 0 0.75rem;
}

.thecarapi-zaehler div[b-wh68ed0um1] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.thecarapi-zaehler .breit[b-wh68ed0um1] {
    grid-column: span 2;
}

.thecarapi-zaehler dt[b-wh68ed0um1] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.thecarapi-zaehler dd[b-wh68ed0um1] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.thecarapi-zaehler .breit dd[b-wh68ed0um1] {
    font-size: 0.9375rem;
    font-weight: 500;
}

.thecarapi-takt[b-wh68ed0um1] {
    margin: 0 0 0.75rem;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}

.thecarapi-takt strong[b-wh68ed0um1] {
    color: var(--mud-palette-text-primary);
}
/* /Components/Pages/MarkenUebersicht.razor.rz.scp.css */
/*
 * Markenübersicht — Design-Entscheidungen 2, 4 und 6.
 *
 * Das Raster füllt die Breite selbst auf: `auto-fill` mit einer Mindestbreite
 * je Kachel. So entsteht bei 27 Marken auf jedem Bildschirm ein ruhiges Bild,
 * ohne dass die Seite Spaltenzahlen fest vorgibt. Die Breakpoints sind
 * dieselben wie in der Erfassungs-Maske.
 */

.marken-raster[b-as2jazcjmw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
    margin-left: var(--maske-rand, 20px);
    max-width: 1240px;
}

.marken-leiste[b-as2jazcjmw] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-left: var(--maske-rand, 20px);
    margin-bottom: 16px;
    max-width: 1240px;
}

.marken-suchfeld[b-as2jazcjmw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 320px;
    max-width: 100%;
}

.marken-suchfeld label[b-as2jazcjmw] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-2, #5f6068);
}

/*
 * Die Modelltreffer sind ein Sprungbrett, kein Suchergebnis: eine kurze,
 * gedeckelte Liste über dem Raster, damit sie das Raster nicht verdrängt.
 */
.marken-direkttreffer[b-as2jazcjmw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-left: var(--maske-rand, 20px);
    margin-bottom: 16px;
    padding: 8px 10px;
    max-width: 640px;
    background: var(--karte, #fff);
    border-radius: 8px;
    box-shadow: var(--schatten, 0 1px 3px rgba(0, 0, 0, .10));
}

.marken-direkttreffer-titel[b-as2jazcjmw] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3, #8b8c95);
}

.marken-direkttreffer a[b-as2jazcjmw] {
    padding: 4px 6px;
    border-radius: 5px;
    font-size: 13px;
    color: var(--text, #1e1e24);
    text-decoration: none;
}

.marken-direkttreffer a:hover[b-as2jazcjmw] {
    background: var(--flaeche, #f5f5f7);
}

@media (max-width: 900px) {
    .marken-raster[b-as2jazcjmw] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}

@media (max-width: 700px) {
    .marken-raster[b-as2jazcjmw] {
        grid-template-columns: repeat(3, 1fr);
    }

    .marken-leiste[b-as2jazcjmw] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 400px) {
    .marken-raster[b-as2jazcjmw] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/TheCarApiAnbindung.razor.rz.scp.css */
/*
 * Anbindungsseite TheCarAPI. Oben links der Zustand — die erste Frage ist
 * immer „sendet die Anbindung gerade?" —, rechts daneben das Budget als
 * größte Zahl der Seite. Darunter Bedienung, Läufe, ganz unten der
 * Gefahrenbereich, abgesetzt und rot gerahmt.
 */
.anbindung-raster[b-wk1bajgzqp] {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 960px) {
    .anbindung-raster[b-wk1bajgzqp] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.karte[b-wk1bajgzqp] {
    padding: 1rem 1.25rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
}

.karte + .karte[b-wk1bajgzqp] {
    margin-top: 0;
}

section.laeufe[b-wk1bajgzqp],
section.datenschutz[b-wk1bajgzqp] {
    margin-bottom: 1rem;
}

.karte h2[b-wk1bajgzqp] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

.hilfe[b-wk1bajgzqp] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

p.hilfe[b-wk1bajgzqp] {
    margin: 0.5rem 0 0.75rem;
}

/* --- Zustand ---------------------------------------------------------- */

.zustand[b-wk1bajgzqp] {
    --ton: var(--mud-palette-text-disabled);
    border-left: 5px solid var(--ton);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.zustand.ton-gut[b-wk1bajgzqp] { --ton: var(--mud-palette-success); }
.zustand.ton-achtung[b-wk1bajgzqp] { --ton: var(--mud-palette-warning); }
.zustand.ton-gefahr[b-wk1bajgzqp] {
    --ton: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 4%, var(--mud-palette-surface));
}

.zustand-kopf[b-wk1bajgzqp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--ton);
}

.zustand-kopf h2[b-wk1bajgzqp] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
}

.zustand-kopf[b-wk1bajgzqp]  .zustand-symbol {
    font-size: 1.75rem;
}

.zustand-text[b-wk1bajgzqp] {
    margin: 0;
    font-size: 0.875rem;
}

.angaben[b-wk1bajgzqp] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 0.125rem 0.75rem;
    margin: 0.25rem 0 0.5rem;
    font-size: 0.8125rem;
}

.angaben dt[b-wk1bajgzqp] {
    color: var(--mud-palette-text-secondary);
}

.angaben dd[b-wk1bajgzqp] {
    margin: 0;
    overflow-wrap: anywhere;
}

.zeitplan[b-wk1bajgzqp] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px dashed var(--mud-palette-lines-default);
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}

.zeitplan strong[b-wk1bajgzqp] {
    color: var(--mud-palette-text-primary);
}

/* --- Start ------------------------------------------------------------ */

/* Spec 009: Stufe Zugang sieht statt der Bedienung einen ruhigen Hinweis —
   gestrichelt gerahmt, leicht grau hinterlegt, ohne Warnfarbe. */
.nur-verwaltung[b-wk1bajgzqp] {
    border-style: dashed;
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 4%, var(--mud-palette-surface));
}

.nur-verwaltung-kopf[b-wk1bajgzqp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: var(--mud-palette-text-secondary);
}

.nur-verwaltung-kopf h2[b-wk1bajgzqp] {
    margin: 0;
    color: var(--mud-palette-text-primary);
}

.nur-verwaltung-text[b-wk1bajgzqp] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--mud-palette-text-secondary);
}

.nur-verwaltung-text strong[b-wk1bajgzqp] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}

.start-zeile[b-wk1bajgzqp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
}

.lauf-laeuft[b-wk1bajgzqp] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-info) 8%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 35%, transparent);
}

.lauf-laeuft-text[b-wk1bajgzqp] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 0.25rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
}

.lauf-laeuft .fortschritt[b-wk1bajgzqp] {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.lauf-laeuft p.hilfe[b-wk1bajgzqp] {
    margin-bottom: 0;
}

/* --- Sperren ---------------------------------------------------------- */

.sperrliste[b-wk1bajgzqp] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sperrliste li[b-wk1bajgzqp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.sperrliste li div[b-wk1bajgzqp] {
    display: flex;
    flex-direction: column;
}

.sperrliste li[b-wk1bajgzqp]  .mud-button-root {
    flex: none;
    white-space: nowrap;
}

/* --- Läufe ------------------------------------------------------------ */

.abschnitt-kopf[b-wk1bajgzqp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.abschnitt-kopf h2[b-wk1bajgzqp] {
    margin: 0;
}

.zahl[b-wk1bajgzqp] {
    font-variant-numeric: tabular-nums;
}

/* --- Datenschutz und Gefahrenbereich ------------------------------------ */

.datenschutz p[b-wk1bajgzqp],
.datenschutz ul[b-wk1bajgzqp] {
    font-size: 0.875rem;
    margin: 0 0 0.5rem;
}

.datenschutz ul[b-wk1bajgzqp] {
    padding-left: 1.125rem;
}

.gefahrenbereich[b-wk1bajgzqp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    margin-top: 1rem;
    padding: 0.875rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 55%, transparent);
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-error) 4%, var(--mud-palette-surface));
}

.gefahrenbereich strong[b-wk1bajgzqp] {
    color: var(--mud-palette-error);
}

.gefahrenbereich p.hilfe[b-wk1bajgzqp] {
    margin: 0.25rem 0 0;
    max-width: 44rem;
}

.gestartet[b-wk1bajgzqp] {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    line-height: 1.3;
}

/* --- Nachlauf Browserprüfung ------------------------------------------- */

/* Konfigurationsschlüssel nur als kleiner Code-Hinweis unter dem Satz. */
code.konfig[b-wk1bajgzqp] {
    display: inline-block;
    margin-top: 0.125rem;
    padding: 0.0625rem 0.375rem;
    border-radius: 3px;
    font-family: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
}

.zeitplan code.konfig[b-wk1bajgzqp] {
    display: block;
    width: fit-content;
}

.feld-hilfe[b-wk1bajgzqp],
.feld-hinweis[b-wk1bajgzqp],
.feld-fehler[b-wk1bajgzqp] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.35;
}

.feld-hilfe[b-wk1bajgzqp] {
    color: var(--mud-palette-text-secondary);
}

.feld-hinweis[b-wk1bajgzqp] {
    color: var(--mud-palette-warning-darken, var(--mud-palette-warning));
}

.feld-fehler[b-wk1bajgzqp] {
    color: var(--mud-palette-error);
}

.start input.ist-fehler[b-wk1bajgzqp] {
    border-color: var(--mud-palette-error);
}

.ergebnis[b-wk1bajgzqp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

/* Läufe ohne fällige Aufträge: sichtbar, aber zurückgenommen (1.8). */
[b-wk1bajgzqp] tr.zeile-nichts-faellig td {
    color: var(--mud-palette-text-secondary);
    opacity: 0.75;
}

.nichts-faellig[b-wk1bajgzqp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}

/* Schmal (1.4): Karten bleiben Karten — weniger Innenabstand, Kopfzeilen umbrechen sauber. */
@media (max-width: 600px) {
    .karte[b-wk1bajgzqp] {
        padding: 0.875rem 0.875rem;
    }

    .zustand-kopf h2[b-wk1bajgzqp] {
        font-size: 1.0625rem;
    }

    .angaben[b-wk1bajgzqp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .angaben dd[b-wk1bajgzqp] {
        margin-bottom: 0.25rem;
    }

    .gefahrenbereich[b-wk1bajgzqp] {
        padding: 0.75rem;
    }
}

/* --- Spec 008 ----------------------------------------------------------- */

.plan-vorschau[b-wk1bajgzqp] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-left: 3px solid var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    font-size: 0.8125rem;
}

.empfehlung[b-wk1bajgzqp] {
    margin: 0 0 0.75rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 45%, transparent);
    border-left: 4px solid var(--mud-palette-info);
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-info) 6%, var(--mud-palette-surface));
    font-size: 0.875rem;
}

.neu-auswerten[b-wk1bajgzqp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

.neu-auswerten .hilfe[b-wk1bajgzqp] {
    padding-left: 0.5rem;
}

.unterkopf[b-wk1bajgzqp] {
    margin: 1rem 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
}

.rueckimport[b-wk1bajgzqp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    margin: 0.5rem 0 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.rueckimport p.hilfe[b-wk1bajgzqp] {
    margin: 0.25rem 0 0;
    max-width: 44rem;
}

.rueckimport code.konfig[b-wk1bajgzqp] {
    display: block;
    width: fit-content;
}

.neu-auswerten[b-wk1bajgzqp]  .mud-button-root {
    white-space: nowrap;
}

.laeufe .zahl[b-wk1bajgzqp] {
    white-space: nowrap;
}

/* --- Nachlauf Browserprüfung 008, Oberfläche ---------------------------- */

/* Läufe in fünf Spalten (4.1): Art unter der Zeit, Zahlen gestapelt. */
.gestartet .laufart[b-wk1bajgzqp] {
    font-weight: 500;
}

.lauf-daten[b-wk1bajgzqp] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    white-space: nowrap;
}

.aktionen[b-wk1bajgzqp] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.25rem 0.5rem;
}

.aktionen[b-wk1bajgzqp]  .mud-button-root {
    white-space: nowrap;
}

/* Grund für ein gesperrtes „Neu auswerten“ sichtbar, nicht nur im Tooltip. */
.neu-auswerten .hilfe.grund[b-wk1bajgzqp] {
    max-width: 12rem;
    white-space: normal;
}

/* Erklärung der Vorschau als eigener, gut lesbarer Absatz. */
.plan-vorschau [data-plan-erklaerung][b-wk1bajgzqp] {
    display: block;
    max-width: 44rem;
    line-height: 1.45;
}
/* /Components/Pages/TheCarApiMarktdaten.razor.rz.scp.css */
.schalter[b-oe6lubpsao] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1rem;
    margin-bottom: 1rem;
}

.umschalter[b-oe6lubpsao] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    cursor: pointer;
}

.umschalter input[b-oe6lubpsao] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--mud-palette-primary);
}

.hilfe[b-oe6lubpsao] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.lesehilfe[b-oe6lubpsao] {
    margin: 0 0 0.5rem;
}

.leerzustand[b-oe6lubpsao] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1.5rem 1.25rem;
    border: 1px dashed var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    border-radius: var(--mud-default-borderradius);
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
}

.leerzustand strong[b-oe6lubpsao] {
    color: var(--mud-palette-text-primary);
    font-size: 0.9375rem;
}

.titel[b-oe6lubpsao] {
    margin: 0 0 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.titel .variante[b-oe6lubpsao] {
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
}

.auswahl[b-oe6lubpsao] {
    margin-bottom: 1rem;
    max-width: 52rem;
}

.karte[b-oe6lubpsao] {
    padding: 1rem 1.25rem 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
}

.karte h3[b-oe6lubpsao] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 600;
}

.karte p.hilfe[b-oe6lubpsao] {
    margin: 0 0 0.75rem;
    max-width: 52rem;
}

.betrag[b-oe6lubpsao] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hinweis[b-oe6lubpsao] {
    display: inline-block;
    margin: 0 0.25rem 0.125rem 0;
    padding: 0 0.375rem;
    border-radius: 3px;
    font-size: 0.6875rem;
    line-height: 1.5;
    background: color-mix(in srgb, var(--mud-palette-warning) 14%, transparent);
    color: var(--mud-palette-text-primary);
}

.paket[b-oe6lubpsao] {
    font-size: 0.75rem;
    white-space: nowrap;
}

.paket-Eingespielt[b-oe6lubpsao] {
    color: var(--mud-palette-warning-darken, var(--mud-palette-warning));
}

.paket-Freigegeben[b-oe6lubpsao] {
    color: var(--mud-palette-success);
}

.einzeilig[b-oe6lubpsao] {
    white-space: nowrap;
}

.preis[b-oe6lubpsao] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.preis .spanne[b-oe6lubpsao] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.hinweise[b-oe6lubpsao] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.125rem;
    min-width: 8rem;
    max-width: 14rem;
}

.pfad[b-oe6lubpsao] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.375rem;
    margin: 0 0 0.5rem;
    font-size: 0.9375rem;
}

.pfad .trenner[b-oe6lubpsao] {
    color: var(--mud-palette-text-secondary);
}

.pfad [aria-current="page"][b-oe6lubpsao] {
    color: var(--mud-palette-text-primary);
    font-weight: 500;
}

.fussnote[b-oe6lubpsao] {
    margin: 0.375rem 0 1rem;
}

.feld-hilfe[b-oe6lubpsao] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 600px) {
    .karte[b-oe6lubpsao] {
        padding: 0.75rem 0.75rem 0.25rem;
    }
}

.anteil-zusatz[b-oe6lubpsao] {
    display: block;
    max-width: 10rem;
}

/* --- Spec 008: Matrix und Kurve ---------------------------------------- */

.abschnitt-kopf[b-oe6lubpsao] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.25rem;
}

.abschnitt-kopf h3[b-oe6lubpsao] {
    margin: 0;
}

.pflege-feld.kompakt[b-oe6lubpsao] {
    min-width: 8rem;
}

.leer-hinweis[b-oe6lubpsao] {
    margin: 0.5rem 0;
    font-size: 0.875rem;
    font-style: italic;
    color: var(--mud-palette-text-secondary);
}

.zwischentitel[b-oe6lubpsao] {
    margin: 1.5rem 0 0.75rem;
    font-size: 1.0625rem;
    font-weight: 600;
}

.zwischentitel .variante[b-oe6lubpsao] {
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
}

section[data-matrix-abschnitt][b-oe6lubpsao] {
    padding-bottom: 1rem;
}

/* Browserprüfung 008 (9): Ersatzwert sichtbar als solcher — eigene Zeile, kursiv. */
[data-referenz-hilfsweise][b-oe6lubpsao] {
    display: block;
    font-style: italic;
    white-space: nowrap;
}

/* Zeitreihe: „zu wenig Daten (N=…)“ statt eines Medians — zurückgenommen, kein Messwert. */
.zu-wenig-text[b-oe6lubpsao] {
    font-size: 0.75rem;
    font-style: italic;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}
/* /Components/Pages/TheCarApiZuordnungen.razor.rz.scp.css */
.karte[b-hkbu3elgzm] {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
}

.karte h2[b-hkbu3elgzm] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 600;
}

.hilfe[b-hkbu3elgzm] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

p.hilfe[b-hkbu3elgzm] {
    margin: 0 0 0.75rem;
}

.leer[b-hkbu3elgzm] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

/* Sammelbestätigung: eine Kachel je Marke, die Zahl vorne — so sieht man
   vor dem Klick, wie viele Zuordnungen auf einmal bestätigt werden. */
.sammel-raster[b-hkbu3elgzm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
    gap: 0.5rem;
}

.sammel-eintrag[b-hkbu3elgzm]  .mud-button-root {
    white-space: nowrap;
    flex: none;
}

.sammel-eintrag[b-hkbu3elgzm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.625rem 0.5rem 0.75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 3px solid var(--mud-palette-primary);
    border-radius: var(--mud-default-borderradius);
}

.sammel-text[b-hkbu3elgzm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.sammel-text strong[b-hkbu3elgzm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sammel-text .anzahl[b-hkbu3elgzm] {
    font-size: 0.8125rem;
}

.sammel-text .anzahl [data-sammel-anzahl][b-hkbu3elgzm] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-primary);
}

.bereich[b-hkbu3elgzm] {
    font-size: 0.6875rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.filter[b-hkbu3elgzm] {
    margin-bottom: 0.75rem;
}

.extern[b-hkbu3elgzm] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.ungeklaert[b-hkbu3elgzm] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    max-width: 24rem;
}

.ohne-ziel[b-hkbu3elgzm] {
    font-style: italic;
    color: var(--mud-palette-warning-darken, var(--mud-palette-warning));
}

.aktionen[b-hkbu3elgzm] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 0.125rem;
    white-space: nowrap;
}

.ziel[b-hkbu3elgzm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 22rem;
}

.ziel a[b-hkbu3elgzm],
.ungeklaert a[b-hkbu3elgzm] {
    align-self: flex-start;
}

.trefferliste[b-hkbu3elgzm] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    max-height: 18rem;
    overflow-y: auto;
}

.trefferliste li[b-hkbu3elgzm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.25rem 0;
    border-top: 1px solid var(--mud-palette-lines-default);
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
}

.kandidaten[b-hkbu3elgzm] {
    max-height: 22rem;
}

.kandidat[b-hkbu3elgzm] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.passung-0[b-hkbu3elgzm] {
    color: var(--mud-palette-success);
    font-weight: 600;
}

.passung-1[b-hkbu3elgzm],
.passung-2[b-hkbu3elgzm] {
    color: var(--mud-palette-text-primary);
}

/* Schmal: Aktionen dürfen umbrechen, Kacheln volle Breite. */
@media (max-width: 600px) {
    .aktionen[b-hkbu3elgzm] {
        flex-wrap: wrap;
        justify-content: flex-start;
        white-space: normal;
    }

    .sammel-raster[b-hkbu3elgzm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .karte[b-hkbu3elgzm] {
        padding: 0.875rem;
    }
}
/* /Components/Pages/WerteErfassung.razor.rz.scp.css */
/*
 * Massenerfassungs-Maske — Seitenraster und Sektionen aus
 * prototypes/werte-maske/01-sektionen-subnav.html (`.p1-rahmen`, `.sektion`,
 * `.raster`, `.gruppe-titel`).
 *
 * Die Design-Token und die gemeinsamen Bedienelemente stehen in
 * wwwroot/css/werteerfassung.css; dort ist auch der Token-Abgleich
 * Vorlage → Anwendung (Abweichung A2) dokumentiert. Abweichung A3: Der
 * Zähler-Chip sitzt im Seitenkopf der Anwendung statt in einer eigenen
 * `.appbar`.
 *
 * Links die 216-px-Spalte der Gruppen-Navigation (T035), rechts der Inhalt.
 */

/* Zähler im Seitenkopf (Abweichung A3 statt Vorlage-`.appbar`). */
.zaehler-chip[b-vydey7sv2q] {
    background: var(--primaer-hell);
    border: 1px solid transparent;
    color: var(--primaer);
    border-radius: 14px;
    padding: 3px 12px;
    font-size: 12.5px;
    white-space: nowrap;
}

.zaehler-chip.hat-aenderungen[b-vydey7sv2q] {
    background: var(--primaer);
    color: #fff;
    font-weight: 600;
}
/* /Components/Shared/BandZeile.razor.rz.scp.css */
/*
 * Bandzeile — Layout aus prototypes/werte-maske/01-sektionen-subnav.html
 * (`.band-zeile`, `.band-teil`, `.band-einheit`). Drei gleich breite Grenzen,
 * die Einheit einmal am Ende.
 */

.band-zeile[b-j10f1x604u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 6px;
    align-items: end;
}

.band-teil[b-j10f1x604u] {
    min-width: 0;
}

.band-teil label[b-j10f1x604u] {
    display: block;
    font-size: 10.5px;
    color: var(--text-3);
    margin-bottom: 2px;
}

.band-einheit[b-j10f1x604u] {
    font-size: 12px;
    color: var(--text-2);
    padding: 6px 2px;
}
/* /Components/Shared/Bestaetigung.razor.rz.scp.css */
/*
 * Rückfrage-Dialog. Gleiche Ebene wie die übrigen Dialoge (1400, über der
 * Kopfleiste), damit Meldungen oben rechts ihn nicht verdecken und nichts
 * darunter bedienbar scheint.
 */
.schleier-bestaetigung[b-udiuu14f1w] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(30, 30, 40, .45);
}

.bestaetigung[b-udiuu14f1w] {
    width: 32rem;
    max-width: 100%;
    max-height: 90vh;
    overflow: auto;
    padding: 1.25rem 1.375rem;
    border-radius: 8px;
    border-top: 4px solid var(--mud-palette-primary);
    background: var(--mud-palette-surface);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .14), 0 18px 40px rgba(0, 0, 0, .12);
}

.bestaetigung.gefahr[b-udiuu14f1w] {
    border-top-color: var(--mud-palette-error);
}

.bestaetigung h3[b-udiuu14f1w] {
    margin: 0 0 0.5rem;
    font-size: 1.0625rem;
    font-weight: 600;
}

.bestaetigung.gefahr h3[b-udiuu14f1w] {
    color: var(--mud-palette-error);
}

.bestaetigung .inhalt[b-udiuu14f1w] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
}

.bestaetigung .inhalt[b-udiuu14f1w]  p {
    margin: 0 0 0.5rem;
}

.bestaetigung .eingabe[b-udiuu14f1w] {
    margin-top: 0.75rem;
}

.bestaetigung .eingabe input[b-udiuu14f1w] {
    font-family: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
    letter-spacing: 0.06em;
}

.bestaetigung .aktionen[b-udiuu14f1w] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1.25rem;
}
/* /Components/Shared/BisherNeuDialog.razor.rz.scp.css */
/*
 * Bisher→Neu-Dialog — Vorlage `03-wizard.html` (`.schleier`, `.dialog`).
 * Der Dialog ist breiter als in der Vorlage, weil er zusätzlich die
 * Zusammenfassungstabelle trägt; Aufbau und Zustände sind unverändert.
 */

/*
 * Schleier, Dialograhmen, Kopf und Aktionen stehen in
 * wwwroot/css/werteerfassung.css: Der Verlassen-Schutz (T031) nutzt denselben
 * Rahmen, und gekapseltes CSS gilt nur für die eigene Komponente — ein
 * zweiter, halb gestylter Dialog wäre die Folge.
 */

.dialog .fehlerzeile[b-dg4kca39x7] {
    background: var(--gelb-hell);
    color: var(--gelb);
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 12.5px;
    margin-bottom: 10px;
}

.dialog .zusammenfassung[b-dg4kca39x7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    margin-bottom: 14px;
}

.dialog .zusammenfassung th[b-dg4kca39x7] {
    text-align: left;
    color: var(--text-3);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 10.5px;
    padding: 0 8px 4px 0;
    border-bottom: 1px solid var(--linie);
}

.dialog .zusammenfassung td[b-dg4kca39x7] {
    padding: 4px 8px 4px 0;
    border-bottom: 1px solid var(--linie);
    vertical-align: top;
}

.dialog .zusammenfassung tr.ist-fehler td[b-dg4kca39x7] {
    background: var(--rot-hell);
}

.dialog .zusammenfassung .zeilen-fehler[b-dg4kca39x7] {
    color: var(--rot);
    font-size: 11.5px;
}

/* „nicht erhoben" ist eine Aussage — sie wird nie als Wert gelesen. */
.dialog .zusammenfassung td.leer[b-dg4kca39x7] {
    color: var(--text-3);
    font-style: italic;
}

.dialog .df[b-dg4kca39x7] {
    margin-bottom: 11px;
}

.dialog .df label[b-dg4kca39x7] {
    display: block;
    font-size: 12px;
    color: var(--text-2);
    font-weight: 600;
    margin-bottom: 3px;
}

.dialog .pflicht-fehler[b-dg4kca39x7] {
    color: var(--rot);
    font-size: 12px;
    margin-top: 3px;
}

.dialog .df.fehlt select[b-dg4kca39x7] {
    border-color: var(--rot);
}
/* /Components/Shared/BudgetAnzeige.razor.rz.scp.css */
.budget[b-qay6exixjd] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.kennzahlen[b-qay6exixjd] {
    display: grid;
    grid-template-columns: repeat(5, max-content);
    justify-content: start;
    align-items: end;
    gap: 0.5rem 1.75rem;
}

/* Schmal (1.4): die Hauptzahl über die ganze Breite, darunter die vier
   kleinen in einer Reihe — statt einer einzelnen umgebrochenen „Grenze“. */
@media (max-width: 600px) {
    .kennzahlen[b-qay6exixjd] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.5rem 0.75rem;
    }

    .kennzahl.haupt[b-qay6exixjd] {
        grid-column: 1 / -1;
    }

    .kennzahl .wert[b-qay6exixjd] {
        font-size: 1.25rem;
    }
}

.kennzahl[b-qay6exixjd] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.kennzahl .wert[b-qay6exixjd] {
    font-size: 1.5rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.kennzahl .name[b-qay6exixjd] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.kennzahl.haupt .wert[b-qay6exixjd] {
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--mud-palette-primary);
    letter-spacing: -0.02em;
}

.kennzahl.haupt .name[b-qay6exixjd] {
    font-weight: 600;
    color: var(--mud-palette-primary);
}

.zellen.breit[b-qay6exixjd] {
    grid-template-columns: repeat(50, minmax(0, 1fr));
    gap: 2px;
    max-width: 44rem;
}

@media (max-width: 600px) {
    .zellen.breit[b-qay6exixjd] {
        grid-template-columns: repeat(25, minmax(0, 1fr));
    }
}

/* 25 Zellen je Reihe: Bei der Standardgrenze 100 sind das vier Reihen, und
   jede Reihe ist ein Viertel — abzählbar ohne Hinsehen auf die Zahlen. */
.zellen[b-qay6exixjd] {
    display: grid;
    grid-template-columns: repeat(25, minmax(0, 1fr));
    gap: 3px;
    max-width: 34rem;
}

.zelle[b-qay6exixjd] {
    display: inline-block;
    aspect-ratio: 1;
    min-width: 0.5rem;
    border-radius: 2px;
}

.zelle.verbraucht[b-qay6exixjd] {
    background: var(--mud-palette-primary);
}

.zelle.frei[b-qay6exixjd] {
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, var(--mud-palette-surface));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
}

.zelle.reserve[b-qay6exixjd] {
    background: repeating-linear-gradient(135deg,
        var(--mud-palette-text-disabled, #bdbdc4) 0 2px,
        transparent 2px 4px);
    box-shadow: inset 0 0 0 1px var(--mud-palette-lines-inputs, #bdbdc4);
}

.legende[b-qay6exixjd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.legende span[b-qay6exixjd] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.legende .zelle[b-qay6exixjd] {
    width: 0.75rem;
    min-width: 0.75rem;
}

.legende .fenster[b-qay6exixjd] {
    flex-basis: 100%;
}
/* /Components/Shared/ErfassungsKontextLeiste.razor.rz.scp.css */
/*
 * Erfassungskontext-Leiste — Vorlage `.kontextleiste`: klebt unter dem
 * Seitenkopf, damit die gewählte Herkunft beim Abtippen sichtbar bleibt.
 */

/*
 * N2 — Die Leiste klebt unter der Kopfleiste der Anwendung, nicht am
 * Fensterrand: Bei `top: 0` verschwand sie beim Scrollen hinter der
 * 64-px-Appbar (Befund Design-Sichtprüfung). Höhe und Stapelebene kommen als
 * Token aus werteerfassung.css.
 */
.kontextleiste[b-m63kxaqg1u] {
    position: sticky;
    top: var(--kopfleisten-hoehe, 64px);
    z-index: var(--ebene-klebend, 1000);
    background: var(--karte);
    border-bottom: 1px solid var(--linie);
    box-shadow: var(--schatten);
    display: flex;
    gap: 10px;
    align-items: flex-end;
    /* Design-Entscheidung 14 — eine linke Kante für die ganze Anwendung. */
    padding: 8px var(--maske-rand, 20px);
    flex-wrap: wrap;
}

.kontextleiste .kx[b-m63kxaqg1u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kontextleiste label[b-m63kxaqg1u] {
    font-size: 11px;
    color: var(--text-2);
    font-weight: 600;
}

.kontextleiste .we-in[b-m63kxaqg1u],
.kontextleiste .we-sel[b-m63kxaqg1u] {
    padding: 4px 8px;
    font-size: 13px;
}

.kontextleiste .kx-quelle[b-m63kxaqg1u] {
    min-width: 230px;
}

.kontextleiste .kx-suche[b-m63kxaqg1u] {
    margin-left: auto;
    min-width: 200px;
}

/* Ohne Quelle wird nichts gespeichert — das sagt die Leiste sofort. */
.kontextleiste.fehlt .kx-quelle .we-sel[b-m63kxaqg1u] {
    border-color: var(--rot);
    box-shadow: 0 0 0 2px rgba(198, 40, 40, .15);
}

@media (max-width: 700px) {
    .kontextleiste[b-m63kxaqg1u] {
        top: auto;
        position: static;
        padding: 8px 10px;
    }
}

/* /Components/Shared/FeldZeile.razor.rz.scp.css */
/*
 * Feldzeile — Kartenlayout und Zustände aus
 * prototypes/werte-maske/01-sektionen-subnav.html (`.feld`, `.feld-kopf`,
 * `.dirty-punkt`). Die Zustandsfarben sind die Aussage der Maske: gelb =
 * ungespeichert, rot = Prüffehler, durchgestrichen = Stilllegung.
 */

.feld[b-lij6totu8x] {
    padding: 7px 10px 6px;
    border-radius: 6px;
    position: relative;
    border: 1px solid transparent;
}

.feld:focus-within[b-lij6totu8x] {
    background: var(--primaer-hell);
    border-color: #d5d0f7;
}

.feld.ist-dirty[b-lij6totu8x] {
    background: #fffdf5;
    border-color: #f0e2bd;
}

.feld.ist-dirty:focus-within[b-lij6totu8x] {
    background: var(--primaer-hell);
    border-color: #d5d0f7;
}

.feld.ist-fehler[b-lij6totu8x] {
    background: var(--rot-hell);
    border-color: #f2c4c0;
}

/*
 * Kollision (T029): dieselbe Tönung wie ein Prüffehler — das Feld braucht
 * Zuwendung. Die beiden Auswege stehen als schlichte Textknöpfe in der Zeile,
 * damit kein neues Bauteil neben die Vorlage tritt.
 */
.feld.ist-kollision[b-lij6totu8x] {
    background: var(--rot-hell);
    border-color: #f2c4c0;
}

.feld-kollision[b-lij6totu8x] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
}

.feld-kollision .kollision-knopf[b-lij6totu8x] {
    border: 0;
    background: transparent;
    color: var(--primaer);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
}

.feld-kollision .kollision-knopf:hover[b-lij6totu8x] {
    color: var(--primaer-dunkel);
}

.feld-kopf[b-lij6totu8x] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 3px;
    min-height: 17px;

    /*
     * Ohne dies kann ein langer Feldname die Zeile nicht verlassen: Ein
     * Flex-Element schrumpft von sich aus nicht unter seine kleinste
     * Inhaltsbreite — und schob damit die Icons über den Fensterrand hinaus
     * (Befund V3 der Design-Abnahme).
     */
    min-width: 0;
}

.feld-label[b-lij6totu8x] {
    font-size: 12px;
    color: var(--text-2);
    font-weight: 600;
    letter-spacing: .01em;
}

.feld-label .einheit[b-lij6totu8x] {
    color: var(--text-3);
    font-weight: 400;
}

/*
 * Im einspaltigen Layout bricht der Feldname um. Verbindliche Feldnamen sind
 * ein einziges Wort ohne Trennstellen — ohne ausdrückliche Erlaubnis bricht
 * der Browser sie nicht und schiebt stattdessen die Zeile über den Rand (V3).
 *
 * Der Breakpoint ist derselbe, an dem das Raster einspaltig wird (700 px,
 * Design-Anweisung im Nachtrag zu V3): Bei 400 px allein blieb das Band
 * 401–413 px übrig, in dem der längste Feldname erneut überlief — eine
 * Schwelle, die niemand erwartet.
 */
@media (max-width: 700px) {
    .feld-label[b-lij6totu8x] {
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

.feld-kopf .frei[b-lij6totu8x] {
    flex: 1;
}

.dirty-punkt[b-lij6totu8x] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gelb);
    display: none;
    flex: none;
    align-self: center;
}

.feld.ist-dirty .dirty-punkt[b-lij6totu8x] {
    display: inline-block;
}

/*
 * T042 — Abweichende Herkunft für ein einzelnes Feld. Der Marker sagt leise,
 * aber sichtbar, dass dieses Feld einer anderen Quelle folgt als der Rest des
 * Vorgangs; ohne ihn wäre die Abweichung unsichtbar.
 */
.override-marker[b-lij6totu8x] {
    font-size: 11px;
    color: var(--primaer);
    background: var(--primaer-hell);
    border-radius: 10px;
    padding: 0 8px;
    margin-top: 3px;
    display: inline-block;
}

.ik.we-kontext.aktiv[b-lij6totu8x] {
    color: var(--primaer);
}

.override-popover[b-lij6totu8x] {
    right: 8px;
    margin-top: 4px;
}

.override-popover .df[b-lij6totu8x] {
    margin-bottom: 8px;
}

.override-popover .df label[b-lij6totu8x] {
    display: block;
    font-size: 11px;
    color: var(--text-2);
    font-weight: 600;
    margin-bottom: 2px;
}

.override-popover .aktionen[b-lij6totu8x] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.override-popover .knopf[b-lij6totu8x] {
    padding: 5px 12px;
    font-size: 12px;
}

/*
 * Lesemodus (T034, Design-Entscheidung 12): Der Wert steht als Text an der
 * Stelle, an der sonst das Eingabefeld sitzt — gleiche Zeilenhöhe, damit der
 * Wechsel zwischen Lesen und Erfassen kein Springen erzeugt.
 */
.lesewert[b-lij6totu8x] {
    display: inline-block;
    padding: 5px 0;
    font-size: 13px;
    line-height: 1.3;
    color: var(--text);
}

/* „nicht erhoben" ist eine Aussage über die Datenlage, kein Wert. */
.lesewert.ist-leer[b-lij6totu8x] {
    color: var(--text-3);
    font-style: italic;
}

.liste-aufklapp[b-lij6totu8x] {
    margin-top: 2px;
    font-size: 12px;
    color: var(--text-2);
}

.liste-aufklapp summary[b-lij6totu8x] {
    cursor: pointer;
}

.liste-aufklapp ul[b-lij6totu8x] {
    margin: 4px 0 0;
    padding-left: 18px;
}

/*
 * Stammdaten (T043): sichtbar, aber nicht erhebbar. Keine eigene Tönung — das
 * Badge sagt genug, und eine zweite Farbe neben dirty/fehler/still würde die
 * Zustandssprache der Maske verwässern.
 */
.feld.ist-stammdatum .feld-eingabe .we-in[b-lij6totu8x] {
    background: #f7f6fd;
}

.stammdaten-popover .stammdaten-hinweis[b-lij6totu8x] {
    margin: 0 0 8px;
    font-size: 12px;
    color: var(--text-2);
}

/* Spec 008: kurze Erklärung unter dem Feldkopf (z. B. EZ-Toleranz). */
.feld-erklaerung[b-lij6totu8x] {
    margin: 0 0 4px;
    font-size: 11.5px;
    line-height: 1.35;
    color: var(--text-2, var(--mud-palette-text-secondary));
}
/* /Components/Shared/GruppenNavigation.razor.rz.scp.css */
/*
 * Gruppen-Navigation — Vorlage `.subnav`. Sie klebt neben dem Inhalt, direkt
 * unter der Kontextleiste (Maße als Token, vgl. N2), und zeigt je Gruppe den
 * Stand: erhoben/gesamt und einen Punkt für offene Änderungen.
 */

.subnav[b-ts3qpcwskc] {
    position: sticky;
    top: calc(var(--kopfleisten-hoehe, 64px) + 69px);
    align-self: start;
    max-height: calc(100vh - var(--kopfleisten-hoehe, 64px) - 150px);
    overflow: auto;
    background: var(--karte);
    border-radius: 8px;
    box-shadow: var(--schatten);
    padding: 6px;
    z-index: var(--ebene-klebend, 1000);
}

.subnav a[b-ts3qpcwskc] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 5px;
    color: var(--text);
    text-decoration: none;
    font-size: 13px;
}

.subnav a:hover[b-ts3qpcwskc] {
    background: var(--flaeche);
}

.subnav a.aktiv[b-ts3qpcwskc] {
    background: var(--primaer-hell);
    color: var(--primaer);
    font-weight: 600;
}

.subnav .n-stat[b-ts3qpcwskc] {
    margin-left: auto;
    font-size: 11px;
    color: var(--text-3);
}

.subnav .n-dirty[b-ts3qpcwskc] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gelb);
    flex: none;
    visibility: hidden;
}

.subnav a.hat-dirty .n-dirty[b-ts3qpcwskc] {
    visibility: visible;
}

.subnav .n-ebene[b-ts3qpcwskc] {
    font-size: 9px;
    font-weight: 700;
    color: #4534b8;
}

/* Die Sprungauswahl ist erst auf schmalen Geräten nötig. */
.subnav-auswahl[b-ts3qpcwskc] {
    display: none;
    flex-direction: column;
    gap: 2px;
}

.subnav-auswahl label[b-ts3qpcwskc] {
    font-size: 11px;
    color: var(--text-2);
    font-weight: 600;
}

@media (max-width: 900px) {
    .subnav[b-ts3qpcwskc] {
        position: static;
        max-height: none;
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
    }

    .subnav .n-stat[b-ts3qpcwskc],
    .subnav .n-ebene[b-ts3qpcwskc] {
        display: none;
    }
}

@media (max-width: 700px) {
    .subnav[b-ts3qpcwskc] {
        display: none;
    }

    .subnav-auswahl[b-ts3qpcwskc] {
        display: flex;
    }
}
/* /Components/Shared/HerkunftKompakt.razor.rz.scp.css */
/*
 * Herkunft in der Feldzeile — Kurzform, Farbpunkt und Popover (Vorlage
 * `.popover`). Die Kurzform ist bewusst leise: Sie soll beim Abtippen nicht
 * mit dem Wert konkurrieren, aber jederzeit ablesbar sein.
 */

.herkunft-kompakt[b-55m0o2h0z5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;

    /* Die Herkunft weicht dem Feldnamen: Sie darf die Zeile nie aufblähen. */
    flex: 0 1 auto;
    overflow: hidden;
}

.herkunft-kurz[b-55m0o2h0z5] {
    font-size: 11px;
    color: var(--text-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.herkunft-leer[b-55m0o2h0z5] {
    font-size: 11px;
    color: var(--text-3);
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
 * Auf schmalen Geräten entfällt der Leer-Hinweis: Dass nichts erhoben ist,
 * sagt bereits der Platzhalter im Feld selbst. Der Satz würde hier nur die
 * Zeile über die Fensterbreite hinausschieben (T047).
 */
@media (max-width: 700px) {
    .herkunft-leer[b-55m0o2h0z5] {
        display: none;
    }
}

.vertrauen-punkt[b-55m0o2h0z5] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex: none;
    background: var(--text-3);
}

.vertrauen-punkt.stufe-hoch[b-55m0o2h0z5] {
    background: var(--gruen);
}

.vertrauen-punkt.stufe-mittel[b-55m0o2h0z5] {
    background: var(--blau);
}

.vertrauen-punkt.stufe-niedrig[b-55m0o2h0z5] {
    background: var(--gelb);
}

.popover[b-55m0o2h0z5] {
    position: absolute;
    z-index: 90;
    background: var(--karte);
    border-radius: 6px;
    box-shadow: var(--schatten-2);
    border: 1px solid var(--linie);
    padding: 12px 14px;
    min-width: 260px;
    max-width: 340px;
    right: 8px;
}

.popover h4[b-55m0o2h0z5] {
    margin: 0 0 8px;
    font-size: 12.5px;
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.popover[b-55m0o2h0z5]  .lineage {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 12px;
    font-size: 12.5px;
}

.popover[b-55m0o2h0z5]  .lineage dt {
    color: var(--text-3);
}

.popover[b-55m0o2h0z5]  .lineage dd {
    margin: 0;
    word-break: break-word;
}
/* /Components/Shared/LineageAnzeige.razor.rz.scp.css */
.lineage[b-mltdqt1sng] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.125rem 0.75rem;
    margin: 0;
    font-size: 0.8125rem;
}

.lineage dt[b-mltdqt1sng] {
    color: var(--mud-palette-text-secondary);
}

.lineage dd[b-mltdqt1sng] {
    margin: 0;
    overflow-wrap: anywhere;
}
/* /Components/Shared/MarkenKachel.razor.rz.scp.css */
/*
 * Markenkachel — Design-Entscheidungen 2 und 3.
 *
 * Die Kachel übernimmt die Optik der Karten der Anwendung (MudPaper): Fläche
 * `--karte`, Radius 8, `--schatten`. Der Fokusring ist derselbe wie bei den
 * Eingaben der Maske (`.we-in:focus`) — wer sich mit der Tastatur bewegt,
 * sieht überall dasselbe Merkmal.
 */

.marken-kachel[b-tcwgjkctpu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 12px;
    background: var(--karte, #fff);
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: var(--schatten, 0 1px 3px rgba(0, 0, 0, .10));
    color: var(--text, #1e1e24);
    text-decoration: none;
    transition: box-shadow .12s, transform .12s, border-color .12s;
}

.marken-kachel:hover[b-tcwgjkctpu] {
    box-shadow: var(--schatten-2, 0 4px 14px rgba(0, 0, 0, .14));
    transform: translateY(-1px);
}

.marken-kachel:focus-visible[b-tcwgjkctpu] {
    outline: none;
    border-color: var(--primaer, #594ae2);
    box-shadow: 0 0 0 2px rgba(89, 74, 226, .18);
}

/* Logo-Fläche: feste Höhe, damit die Namen aller Kacheln auf einer Linie
   liegen — auch wenn ein Logo breit und das nächste schmal ist. */
.marken-kachel-logo[b-tcwgjkctpu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: var(--flaeche, #f5f5f7);
    border-radius: 6px;
    overflow: hidden;
}

.marken-kachel-name[b-tcwgjkctpu] {
    max-width: 100%;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marken-kachel-zaehler[b-tcwgjkctpu] {
    font-size: 11px;
    color: var(--text-3, #8b8c95);
}

/* Auf sehr schmalen Geräten stehen zwei Kacheln nebeneinander; die
   Logo-Fläche schrumpft mit. */
@media (max-width: 400px) {
    .marken-kachel-logo[b-tcwgjkctpu] {
        width: 48px;
        height: 48px;
    }
}
/* /Components/Shared/MarkenLogo.razor.rz.scp.css */
/*
 * Markenkennung — Design-Entscheidung 8.
 *
 * Logo und Monogramm füllen dieselbe Fläche. Das Bild wird eingepasst, nicht
 * beschnitten: Ein Markenlogo verträgt keinen Zuschnitt. Das Monogramm trägt
 * eine gedeckte, aus dem Namen abgeleitete Farbe — es soll unterscheidbar
 * sein, ohne die Seite bunt zu machen.
 */

.marken-logo-bild[b-fpdm90du6p] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8px;
}

.marken-monogramm[b-fpdm90du6p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
/* /Components/Shared/MarktMatrix.razor.rz.scp.css */
/*
 * Matrix km-Klasse × Motorisierung (Spec 008). Feste Spaltenbreiten
 * (table-layout: fixed): sieben gleich breite Klassen plus Zeilenkopf.
 *
 * Stehender Spaltenkopf in zwei Lagen, entschieden nach der Breite, die die
 * Matrix tatsächlich hat (Containerabfrage, nicht Fensterbreite):
 *  - breit genug (≥ 58rem): Der Rahmen ist kein eigener Scrollbereich
 *    (overflow: clip). Der Kopf klebt beim Scrollen der Seite direkt unter
 *    der App-Leiste — kein zweiter Scrollbalken.
 *  - schmaler: Der Rahmen scrollt in beide Richtungen und ist höchstens so
 *    hoch wie das Fenster unter der App-Leiste. Kopf (oben) und Zeilenkopf
 *    (links) bleiben darin stehen. Scrollen in beide Richtungen und ein
 *    stehender Kopf gehen in reinem CSS nur so.
 */
.matrix-abschnitt[b-41bj32ar7a] {
    container-type: inline-size;
    container-name: matrix;
}

.matrix-rahmen[b-41bj32ar7a] {
    overflow: clip;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
}

.matrix-rahmen:focus-visible[b-41bj32ar7a] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.matrix[b-41bj32ar7a] {
    /* Abstand des stehenden Kopfs vom oberen Rand: breit die App-Leiste. */
    --kopf-oben: var(--mud-appbar-height, 64px);
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}

.matrix col.spalte-kopf[b-41bj32ar7a] {
    width: 11.5rem;
}

.matrix th[b-41bj32ar7a],
.matrix td[b-41bj32ar7a] {
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    vertical-align: top;
    text-align: left;
}

.matrix thead th[b-41bj32ar7a] {
    position: sticky;
    top: var(--kopf-oben, 0);
    z-index: 2;
    background: var(--mud-palette-surface);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    border-bottom: 2px solid var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    white-space: nowrap;
    /* Schatten nach unten, damit der stehende Kopf sich von den Zeilen löst. */
    box-shadow: 0 1px 0 var(--mud-palette-lines-default), 0 4px 6px -4px rgba(0, 0, 0, 0.12);
}

.matrix tbody th[b-41bj32ar7a] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--mud-palette-surface);
    font-weight: 500;
    border-right: 1px solid var(--mud-palette-lines-default);
}

.matrix thead th.ecke[b-41bj32ar7a] {
    left: 0;
    z-index: 3;
    border-right: 1px solid var(--mud-palette-lines-default);
}

span.motor[b-41bj32ar7a] {
    display: block;
    line-height: 1.3;
}

.motor-hilfe[b-41bj32ar7a] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
}

/* „alle Motoren“: die tragende Zeile, leicht hinterlegt. */
tr.alle-motoren th[b-41bj32ar7a],
tr.alle-motoren td[b-41bj32ar7a] {
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface));
}

tr.alle-motoren th span.motor[b-41bj32ar7a] {
    font-weight: 700;
}

/* Anteile als schmale Zusatzzeilen unter „alle Motoren“. */
tr.anteil th[b-41bj32ar7a],
tr.anteil td[b-41bj32ar7a] {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface));
}

tr.anteil th[b-41bj32ar7a] {
    padding-left: 1.25rem;
}

/* Kurze Beschriftung erst, wenn der Zeilenkopf schmal wird. */
tr.anteil th .kurz[b-41bj32ar7a] {
    display: none;
}

tr.gruppe th[b-41bj32ar7a] {
    position: static;
    padding-top: 0.75rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    border-right: 0;
    background: var(--mud-palette-surface);
}

/* Die Überschrift steht im ganzen Zeilenband, ihr Text bleibt beim
   Querscrollen links stehen — sonst wandert sie aus dem Bild. */
.gruppe-text[b-41bj32ar7a] {
    position: sticky;
    left: 0.5rem;
    display: inline-block;
    max-width: calc(100vw - 4rem);
    white-space: normal;
}

.gruppe-hilfe[b-41bj32ar7a] {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

/* Ohne Leistungsangabe: nicht gleichrangig — kleiner, blasser, grau hinterlegt. */
tr.ohne-leistung th[b-41bj32ar7a],
tr.ohne-leistung td[b-41bj32ar7a] {
    /* Die Textfarbe ist halbtransparent: Tönung als Bild über deckendem Grund,
       sonst schimmert beim Querscrollen der Inhalt durch den stehenden Zeilenkopf. */
    background:
        linear-gradient(color-mix(in srgb, var(--mud-palette-text-secondary) 5%, transparent),
            color-mix(in srgb, var(--mud-palette-text-secondary) 5%, transparent)),
        var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
}

tr.ohne-leistung th span.motor[b-41bj32ar7a] {
    font-style: italic;
    font-weight: 400;
}

tr.ohne-leistung .median[b-41bj32ar7a] {
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

/* --- Zellen ------------------------------------------------------------- */

.median[b-41bj32ar7a] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
}

.spanne[b-41bj32ar7a] {
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.fuss[b-41bj32ar7a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.125rem 0.25rem;
    margin-top: 0.125rem;
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
}

td.leer[b-41bj32ar7a] {
    color: var(--mud-palette-text-disabled);
    text-align: center;
    vertical-align: middle;
    cursor: help;
}


td.zu-wenig[b-41bj32ar7a] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.6875rem;
    vertical-align: middle;
}

/* Übernommen aus einer gröberen Zeile: kein Messwert dieser Motorisierung.
   Ruhiger Verweis mit punktiertem Strich links, die Zahl klein und blass
   darunter — nie fett, nie in der Größe eines Medians. */
td.uebernommen[b-41bj32ar7a] {
    vertical-align: middle;
}

.verweis[b-41bj32ar7a] {
    padding-left: 0.375rem;
    border-left: 2px dotted var(--mud-palette-text-disabled);
    font-size: 0.75rem;
    line-height: 1.3;
    color: var(--mud-palette-text-secondary);
}

.uebernommen-wert[b-41bj32ar7a] {
    margin-top: 0.125rem;
    padding-left: 0.5rem;
    font-size: 0.6875rem;
    color: var(--mud-palette-text-disabled);
    white-space: nowrap;
}

td.uebernommen:hover .uebernommen-wert[b-41bj32ar7a] {
    color: var(--mud-palette-text-secondary);
}

/* Gemessen, aber vorläufig: linker Warnstrich. */
td.ist-vorlaeufig[b-41bj32ar7a] {
    box-shadow: inset 3px 0 0 var(--mud-palette-warning);
}

/* Schätzung: kursiv, „≈“, schraffiert, gestrichelter Rahmen — nie wie ein Messwert. */
td.ist-schaetzung[b-41bj32ar7a] {
    padding: 0.25rem;
}

.schaetzung[b-41bj32ar7a] {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 0.375rem;
    border: 1.5px dashed color-mix(in srgb, var(--mud-palette-text-secondary) 70%, transparent);
    border-radius: 4px;
    background:
        repeating-linear-gradient(135deg,
            color-mix(in srgb, var(--mud-palette-text-secondary) 9%, transparent) 0 5px,
            transparent 5px 10px);
    color: var(--mud-palette-text-secondary);
}

.schaetzung .etikett[b-41bj32ar7a] {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.schaetzwert[b-41bj32ar7a] {
    font-size: 0.875rem;
    font-weight: 400;
    font-style: italic;
    white-space: nowrap;
}

.schaetzspanne[b-41bj32ar7a] {
    font-size: 0.6875rem;
    font-style: italic;
    white-space: nowrap;
}

/* Stufen-Etiketten: Farbe nach Entfernung vom Messwert. */
.stufe[b-41bj32ar7a] {
    display: inline-block;
    padding: 0 0.3rem;
    border-radius: 3px;
    font-size: 0.6875rem;
    line-height: 1.5;
    white-space: nowrap;
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-text-primary);
    cursor: help;
}

.stufe-NachbarBaujahr[b-41bj32ar7a],
.stufe-NachbarKmKlasse[b-41bj32ar7a],
.stufe-MotorVergroebert[b-41bj32ar7a],
.stufe-KraftstoffVergroebert[b-41bj32ar7a] {
    background: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent);
}

.stufe-ZuWenigDaten[b-41bj32ar7a] {
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 15%, transparent);
}

.kennzeichen[b-41bj32ar7a] {
    display: inline-block;
    padding: 0 0.3rem;
    border-radius: 3px;
    font-size: 0.6875rem;
    line-height: 1.5;
    white-space: nowrap;
    border: 1px solid var(--mud-palette-lines-default);
}

.kennzeichen.vorlaeufig[b-41bj32ar7a] {
    border-color: var(--mud-palette-warning);
    color: var(--mud-palette-warning-darken, var(--mud-palette-warning));
}

/* „kleine Stichprobe“ ist häufig — leise, ohne Rahmen, damit sie die Zelle nicht beherrscht. */
.kennzeichen.klein[b-41bj32ar7a] {
    padding: 0;
    border: 0;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

/* --- Legende und Varianten --------------------------------------------- */

.matrix-legende[b-41bj32ar7a] {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.legende-zeile[b-41bj32ar7a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.375rem;
}

.muster[b-41bj32ar7a] {
    flex: none;
    min-width: 6.5rem;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

.muster.uebernommen[b-41bj32ar7a] {
    padding-left: 0;
}

.muster.leer[b-41bj32ar7a] {
    color: var(--mud-palette-text-disabled);
    text-align: center;
}

.muster.gemessen strong[b-41bj32ar7a] {
    color: var(--mud-palette-text-primary);
}

.muster.schaetzung[b-41bj32ar7a] {
    border: 1.5px dashed color-mix(in srgb, var(--mud-palette-text-secondary) 70%, transparent);
    background: repeating-linear-gradient(135deg,
        color-mix(in srgb, var(--mud-palette-text-secondary) 9%, transparent) 0 5px,
        transparent 5px 10px);
}

.stufen[b-41bj32ar7a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 0.25rem 1rem;
    margin: 0.5rem 0 0;
}

.stufen div[b-41bj32ar7a] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.stufen dt[b-41bj32ar7a] {
    flex: none;
    width: 8.5rem;
}

.stufen dd[b-41bj32ar7a] {
    margin: 0;
}

.varianten[b-41bj32ar7a] {
    margin-top: 1rem;
}

.varianten h4[b-41bj32ar7a] {
    margin: 0 0 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.varianten ul[b-41bj32ar7a] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
}

.varianten li[b-41bj32ar7a] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.75rem;
    padding: 0.25rem 0;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.varianten .name[b-41bj32ar7a] {
    min-width: 12rem;
    font-weight: 500;
}

.varianten .wert[b-41bj32ar7a] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.hilfe[b-41bj32ar7a] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
}

/* Schmal (Matrix unter 58rem breit): Rahmen scrollt in beide Richtungen,
   höchstens fensterhoch; Kopf oben und Zeilenkopf links bleiben darin stehen. */
@container matrix (max-width: 57.99rem) {
    .matrix-rahmen[b-41bj32ar7a] {
        overflow: auto;
        max-height: calc(100dvh - var(--mud-appbar-height, 64px) - 1.5rem);
        overscroll-behavior: auto;
    }

    .matrix[b-41bj32ar7a] {
        --kopf-oben: 0;
        width: 58rem;
    }

    .matrix col.spalte-kopf[b-41bj32ar7a] {
        width: 7rem;
    }

    .matrix tbody th[b-41bj32ar7a] {
        font-size: 0.75rem;
        overflow-wrap: anywhere;
    }

    tr.anteil th[b-41bj32ar7a] {
        padding-left: 0.5rem;
    }

    tr.anteil th .lang[b-41bj32ar7a] {
        display: none;
    }

    tr.anteil th .kurz[b-41bj32ar7a] {
        display: inline;
    }

    .motor-hilfe[b-41bj32ar7a] {
        display: none;
    }

    .stufen dt[b-41bj32ar7a] {
        width: 7.5rem;
    }
}
/* /Components/Shared/NichtErhoben.razor.rz.scp.css */
.nicht-erhoben[b-ufbd4bw42x] {
    font-style: italic;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}
/* /Components/Shared/PreiskurveAnzeige.razor.rz.scp.css */
/*
 * Geschätzte Preiskurve (Spec 008). Alles an ihr sagt „Schätzung“: Etikett
 * im Titel, kursive Erklärung, hohle Punkte außerhalb der Daten. Farben aus
 * der Okabe-Ito-Palette, gesetzt je Linie über --linienfarbe. Weil Farbe
 * allein bei Farbsehschwäche nicht reicht, trägt jede Linie zusätzlich eine
 * eigene Markerform und ein eigenes Strichmuster (--strich) und ist am Ende
 * beschriftet.
 */
.kurve h3[b-cp3l9vdmhh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 600;
}

.schaetz-etikett[b-cp3l9vdmhh] {
    padding: 0 0.375rem;
    border: 1.5px dashed color-mix(in srgb, var(--mud-palette-text-secondary) 70%, transparent);
    border-radius: 3px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.erklaerung[b-cp3l9vdmhh] {
    margin: 0 0 0.5rem;
    max-width: 52rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: var(--mud-palette-text-secondary);
}

.kennzahlen[b-cp3l9vdmhh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    margin: 0 0 0.75rem;
    padding: 0;
    list-style: none;
    font-size: 0.8125rem;
}

.hinweis[b-cp3l9vdmhh] {
    margin: 0 0 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px dashed var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    border-radius: var(--mud-default-borderradius);
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
}

.hinweis.ungueltig[b-cp3l9vdmhh] {
    border-color: color-mix(in srgb, var(--mud-palette-warning) 60%, transparent);
    background: color-mix(in srgb, var(--mud-palette-warning) 6%, var(--mud-palette-surface));
    color: var(--mud-palette-text-primary);
}

.grundlage[b-cp3l9vdmhh] {
    margin: 0 0 0.75rem;
    padding-left: 0.625rem;
    border-left: 3px solid var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    max-width: 52rem;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}

.grundlage strong[b-cp3l9vdmhh] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}

.steuerung[b-cp3l9vdmhh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.5rem;
    margin-bottom: 0.5rem;
}

.jahr[b-cp3l9vdmhh] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    font-size: 0.875rem;
}

.jahr-wahl[b-cp3l9vdmhh] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.jahr-wahl select[b-cp3l9vdmhh] {
    padding: 0.125rem 0.375rem;
    border: 1px solid var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    border-radius: 4px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: inherit;
    font-size: 0.8125rem;
}

.hilfe[b-cp3l9vdmhh] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.umschalter[b-cp3l9vdmhh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.umschalter .hilfe[b-cp3l9vdmhh] {
    display: inline;
    margin: 0 0.25rem 0 0;
}

.umschalter button[b-cp3l9vdmhh] {
    padding: 0.125rem 0.625rem;
    border: 1px solid var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    border-radius: 999px;
    background: transparent;
    font: inherit;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
}

.umschalter button.aktiv[b-cp3l9vdmhh] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-primary);
}

.rahmen[b-cp3l9vdmhh] {
    overflow-x: auto;
}

.kurve svg[data-kurve][b-cp3l9vdmhh] {
    display: block;
    width: 100%;
    max-width: 58rem;
    height: auto;
}

.raster[b-cp3l9vdmhh] {
    stroke: var(--mud-palette-lines-default);
}

.achse[b-cp3l9vdmhh] {
    font-size: 13px;
    fill: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.achse.y[b-cp3l9vdmhh] {
    text-anchor: end;
}

.achse.x[b-cp3l9vdmhh] {
    text-anchor: middle;
}

.achse.einheit[b-cp3l9vdmhh] {
    text-anchor: end;
    font-size: 12px;
}

.band[b-cp3l9vdmhh] {
    fill: var(--linienfarbe);
    fill-opacity: 0.12;
    stroke: none;
}

.linie[b-cp3l9vdmhh] {
    transition: opacity 160ms ease;
}

.linie polyline[b-cp3l9vdmhh] {
    fill: none;
    stroke: var(--linienfarbe);
    stroke-linejoin: round;
}

/* Breite, unsichtbare Spur: macht die dünne Linie mit der Maus greifbar. */
.linie .treffer[b-cp3l9vdmhh] {
    stroke: transparent;
    stroke-width: 14;
    pointer-events: stroke;
}

/* Unterlage dünn gepunktet (gilt dort, wo extrapoliert wird), darüber im
   eigenen Strichmuster der Linie innerhalb der Daten. */
.linie .gesamt[b-cp3l9vdmhh] {
    stroke-width: 1.25;
    stroke-dasharray: 1 3;
    stroke-linecap: round;
    opacity: 0.75;
}

.linie .innen[b-cp3l9vdmhh] {
    stroke-width: 2.25;
    stroke-dasharray: var(--strich, none);
}

.linie.erste .innen[b-cp3l9vdmhh] {
    stroke-width: 3.25;
}

.punkt[b-cp3l9vdmhh] {
    fill: var(--linienfarbe);
    stroke: var(--mud-palette-surface);
    stroke-width: 1.25;
}

.punkt.extrapoliert[b-cp3l9vdmhh] {
    fill: var(--mud-palette-surface);
    stroke: var(--linienfarbe);
    stroke-width: 1.75;
}

.ende-text[b-cp3l9vdmhh] {
    font-size: 12.5px;
    font-weight: 600;
    fill: var(--linienfarbe);
    paint-order: stroke;
    stroke: var(--mud-palette-surface);
    stroke-width: 3px;
    stroke-linejoin: round;
}

.fuehrung[b-cp3l9vdmhh] {
    stroke: var(--linienfarbe);
    stroke-width: 1;
}

/* Hervorheben: Maus über einer Linie oder einem Legendeneintrag blendet die
   übrigen zurück. */
svg[data-kurve]:has(.linie:hover) .linie:not(:hover)[b-cp3l9vdmhh],
svg[data-kurve].hat-hervor .linie:not(.hervor)[b-cp3l9vdmhh] {
    opacity: 0.18;
}

svg[data-kurve] .linie:hover .innen[b-cp3l9vdmhh],
svg[data-kurve] .linie.hervor .innen[b-cp3l9vdmhh] {
    stroke-width: 3.75;
}

.legende[b-cp3l9vdmhh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.25rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.legende .eintrag[b-cp3l9vdmhh] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.125rem 0.25rem;
    border-radius: 4px;
    cursor: default;
}

.legende .eintrag[tabindex]:hover[b-cp3l9vdmhh],
.legende .eintrag.hervor[b-cp3l9vdmhh] {
    background: color-mix(in srgb, var(--linienfarbe) 12%, transparent);
    color: var(--mud-palette-text-primary);
}

.legende .eintrag:focus-visible[b-cp3l9vdmhh] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 1px;
}

.muster-linie[b-cp3l9vdmhh] {
    flex: none;
    overflow: visible;
}

.muster-linie line[b-cp3l9vdmhh] {
    stroke: var(--linienfarbe);
    stroke-width: 2.25;
    stroke-dasharray: var(--strich, none);
}

.muster-linie path[b-cp3l9vdmhh] {
    fill: var(--linienfarbe);
    stroke: var(--mud-palette-surface);
    stroke-width: 1;
}

.ohne-linie[b-cp3l9vdmhh] {
    max-width: 52rem;
}

.farbe[b-cp3l9vdmhh] {
    display: inline-block;
    width: 1rem;
    height: 3px;
    background: var(--linienfarbe);
}

.farbe.flaeche[b-cp3l9vdmhh] {
    height: 0.75rem;
    background: color-mix(in srgb, var(--linienfarbe) 15%, transparent);
}

.farbe.hohl[b-cp3l9vdmhh] {
    width: 0.625rem;
    height: 0.625rem;
    border: 1.5px solid var(--mud-palette-text-secondary);
    border-radius: 50%;
    background: transparent;
}

/* Schmal: Grafik nicht unter 40rem stauchen (sonst wird die Schrift
   unlesbar klein), der Rahmen scrollt seitlich. */
@media (max-width: 600px) {
    .kurve svg[data-kurve][b-cp3l9vdmhh] {
        min-width: 40rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .linie[b-cp3l9vdmhh] {
        transition: none;
    }
}

/* Ohne Kurve: wie weit die Inserate mit gesicherter Leistung reichen. */
.fortschritt[b-cp3l9vdmhh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    margin-top: 0.5rem;
    color: var(--mud-palette-text-primary);
}

.balken[b-cp3l9vdmhh] {
    flex: none;
    width: 9rem;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 14%, transparent);
}

.fuellung[b-cp3l9vdmhh] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--mud-palette-warning);
}
/* /Components/Shared/Preisverlauf.razor.rz.scp.css */
/*
 * Sieben km-Klassen (Spec 008) in der Okabe-Ito-Palette, Nachbarklassen bewusst
 * kontrastreich (blau, orange, grün, purpur, himmelblau, zinnober, grau).
 * Weil manche Paare bei Rot-Grün-Schwäche trotzdem verschmelzen, hat jede
 * Klasse zusätzlich ein Füllmuster und eine Markerform. Altbestand vor der
 * Feinaufteilung grau gestrichelt.
 */
.preisverlauf[b-kf3rayqi59] {
    margin: 0 0 1rem;
    --klasse-0: #0072B2;
    --klasse-1: #E69F00;
    --klasse-2: #009E73;
    --klasse-3: #CC79A7;
    --klasse-4: #56B4E9;
    --klasse-5: #D55E00;
    --klasse-6: #4D4D4D;
    --klasse-alt: #9E9E9E;
}

.preisverlauf svg[data-preisverlauf][b-kf3rayqi59] {
    display: block;
    width: 100%;
    max-width: 52rem;
    height: auto;
    font-family: inherit;
}

.raster[b-kf3rayqi59] {
    stroke: var(--mud-palette-lines-default);
    stroke-width: 1;
}

.achse[b-kf3rayqi59] {
    font-size: 11px;
    fill: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.achse.y[b-kf3rayqi59] {
    text-anchor: end;
}

.achse.x[b-kf3rayqi59] {
    text-anchor: middle;
    font-size: 12px;
}

.achse.x.ist-referenz[b-kf3rayqi59] {
    font-weight: 700;
    fill: var(--mud-palette-text-primary);
}

.referenz-text[b-kf3rayqi59] {
    text-anchor: middle;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

rect.referenz[b-kf3rayqi59] {
    fill: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
}

.verlauf[b-kf3rayqi59] {
    fill: none;
    stroke-width: 1.5;
    stroke-dasharray: 3 3;
    opacity: 0.55;
}

.verlauf.schicht-0[b-kf3rayqi59] { stroke: var(--klasse-0); }
.verlauf.schicht-1[b-kf3rayqi59] { stroke: var(--klasse-1); }
.verlauf.schicht-2[b-kf3rayqi59] { stroke: var(--klasse-2); }
.verlauf.schicht-3[b-kf3rayqi59] { stroke: var(--klasse-3); }
.verlauf.schicht-4[b-kf3rayqi59] { stroke: var(--klasse-4); }
.verlauf.schicht-5[b-kf3rayqi59] { stroke: var(--klasse-5); }
.verlauf.schicht-6[b-kf3rayqi59] { stroke: var(--klasse-6); }
.verlauf.schicht--1[b-kf3rayqi59] { stroke: var(--klasse-alt); }

/* Füllung kommt aus dem Muster (fill="url(#…)"), hier nur Rand und Deckkraft. */
.band rect[b-kf3rayqi59] {
    fill-opacity: 0.85;
    stroke-width: 1.5;
    transition: fill-opacity .15s;
}

.band:hover rect[b-kf3rayqi59] {
    fill-opacity: 1;
}

.band.schicht-0 rect[b-kf3rayqi59], .muster-feld.schicht-0[b-kf3rayqi59] { stroke: var(--klasse-0); }
.band.schicht-1 rect[b-kf3rayqi59], .muster-feld.schicht-1[b-kf3rayqi59] { stroke: var(--klasse-1); }
.band.schicht-2 rect[b-kf3rayqi59], .muster-feld.schicht-2[b-kf3rayqi59] { stroke: var(--klasse-2); }
.band.schicht-3 rect[b-kf3rayqi59], .muster-feld.schicht-3[b-kf3rayqi59] { stroke: var(--klasse-3); }
.band.schicht-4 rect[b-kf3rayqi59], .muster-feld.schicht-4[b-kf3rayqi59] { stroke: var(--klasse-4); }
.band.schicht-5 rect[b-kf3rayqi59], .muster-feld.schicht-5[b-kf3rayqi59] { stroke: var(--klasse-5); }
.band.schicht-6 rect[b-kf3rayqi59], .muster-feld.schicht-6[b-kf3rayqi59] { stroke: var(--klasse-6); }
.band.schicht--1 rect[b-kf3rayqi59], .muster-feld.schicht--1[b-kf3rayqi59] { stroke: var(--klasse-alt); stroke-dasharray: 3 2; }

.muster-feld[b-kf3rayqi59] {
    stroke-width: 1.5;
}

/* Musterinhalt: Grundfarbe der Klasse, helle Schraffur darüber. */
.muster-grund.schicht-0[b-kf3rayqi59] { fill: var(--klasse-0); }
.muster-grund.schicht-1[b-kf3rayqi59] { fill: var(--klasse-1); }
.muster-grund.schicht-2[b-kf3rayqi59] { fill: var(--klasse-2); }
.muster-grund.schicht-3[b-kf3rayqi59] { fill: var(--klasse-3); }
.muster-grund.schicht-4[b-kf3rayqi59] { fill: var(--klasse-4); }
.muster-grund.schicht-5[b-kf3rayqi59] { fill: var(--klasse-5); }
.muster-grund.schicht-6[b-kf3rayqi59] { fill: var(--klasse-6); }
.muster-grund.schicht--1[b-kf3rayqi59] { fill: var(--klasse-alt); }

.schraffur[b-kf3rayqi59] {
    stroke: rgba(255, 255, 255, 0.78);
    stroke-width: 2.25;
}

.schraffur-punkt[b-kf3rayqi59] {
    fill: rgba(255, 255, 255, 0.85);
}

/* Markerform am Median: Klassenfarbe, dunkler Rand — auch in Graustufen erkennbar. */
.marker[b-kf3rayqi59] {
    stroke: var(--mud-palette-text-primary);
    stroke-width: 1;
}

.marker.schicht-0[b-kf3rayqi59], .band.schicht-0 .marker[b-kf3rayqi59] { fill: var(--klasse-0); }
.marker.schicht-1[b-kf3rayqi59], .band.schicht-1 .marker[b-kf3rayqi59] { fill: var(--klasse-1); }
.marker.schicht-2[b-kf3rayqi59], .band.schicht-2 .marker[b-kf3rayqi59] { fill: var(--klasse-2); }
.marker.schicht-3[b-kf3rayqi59], .band.schicht-3 .marker[b-kf3rayqi59] { fill: var(--klasse-3); }
.marker.schicht-4[b-kf3rayqi59], .band.schicht-4 .marker[b-kf3rayqi59] { fill: var(--klasse-4); }
.marker.schicht-5[b-kf3rayqi59], .band.schicht-5 .marker[b-kf3rayqi59] { fill: var(--klasse-5); }
.marker.schicht-6[b-kf3rayqi59], .band.schicht-6 .marker[b-kf3rayqi59] { fill: var(--klasse-6); }
.marker.schicht--1[b-kf3rayqi59], .band.schicht--1 .marker[b-kf3rayqi59] { fill: var(--mud-palette-surface); stroke: var(--klasse-alt); stroke-width: 1.5; }

.band .median[b-kf3rayqi59] {
    stroke: var(--mud-palette-text-primary);
    stroke-width: 2.5;
    stroke-linecap: round;
}

.band.duenn rect[b-kf3rayqi59] {
    fill-opacity: 0.18;
    stroke-dasharray: 3 2;
}

.band.duenn .median[b-kf3rayqi59],
.band.duenn .marker[b-kf3rayqi59] {
    stroke-opacity: 0.5;
    fill-opacity: 0.45;
}

.legende[b-kf3rayqi59] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.25rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.legende span[b-kf3rayqi59] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.farbe[b-kf3rayqi59] {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 2px;
}

.farbe.schicht-0[b-kf3rayqi59] { background: var(--klasse-0); }
.farbe.schicht-1[b-kf3rayqi59] { background: var(--klasse-1); }
.farbe.schicht-2[b-kf3rayqi59] { background: var(--klasse-2); }
.farbe.schicht-3[b-kf3rayqi59] { background: var(--klasse-3); }
.farbe.schicht-4[b-kf3rayqi59] { background: var(--klasse-4); }
.farbe.schicht-5[b-kf3rayqi59] { background: var(--klasse-5); }
.farbe.schicht-6[b-kf3rayqi59] { background: var(--klasse-6); }
.farbe.schicht--1[b-kf3rayqi59] { background: var(--klasse-alt); }

/* Legende mit Muster und Form: das SVG ersetzt das Farbquadrat. */
.farbe.mit-muster[b-kf3rayqi59] {
    width: auto;
    height: auto;
    background: none;
    line-height: 0;
}

.farbe.mit-muster svg[b-kf3rayqi59] {
    overflow: visible;
}

.farbe.saeule[b-kf3rayqi59] {
    width: 0.5rem;
    height: 0.875rem;
    background: linear-gradient(var(--mud-palette-text-secondary), var(--mud-palette-text-secondary)) center / 100% 2px no-repeat,
        color-mix(in srgb, var(--mud-palette-text-secondary) 35%, transparent);
}

.farbe.duenn[b-kf3rayqi59] {
    border: 1px dashed var(--mud-palette-text-secondary);
}

.preisverlauf-leer[b-kf3rayqi59] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

.titel[b-kf3rayqi59] {
    margin: 0 0 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.rahmen[b-kf3rayqi59] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 600px) {
    .preisverlauf svg[data-preisverlauf][b-kf3rayqi59] {
        min-width: 34rem;
    }
}

/* Zellen ohne Säule (zu wenig Daten): knappe, zurückgenommene Liste unter der Grafik. */
.zu-wenig[b-kf3rayqi59] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.zu-wenig-titel[b-kf3rayqi59] {
    font-style: italic;
}

.zu-wenig-liste[b-kf3rayqi59] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.zu-wenig-liste li[b-kf3rayqi59] {
    padding: 0 0.375rem;
    border: 1px dashed var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    border-radius: 3px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* /Components/Shared/SpeichernLeiste.razor.rz.scp.css */
/*
 * Speicherleiste — Vorlage `.speicherleiste`: fest am unteren Rand, damit
 * Zähler und Speichern nie weggescrollt werden. Toasts erscheinen oben rechts
 * und verdecken sie deshalb nicht (FR-028).
 */

.speicherleiste[b-ztfhp426rh] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--ebene-fussleiste, 1010);
    background: var(--karte);
    border-top: 1px solid var(--linie);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .10);
    display: flex;
    align-items: center;
    gap: 10px;
    /*
     * Design-Entscheidung 14 — der Zähler-Chip flucht mit Quelle-Feld und
     * Subnav. Die Leiste selbst läuft weiterhin über die volle Breite; nur
     * ihr Inhalt rückt auf die gemeinsame Kante. Weil sie fixiert ist und
     * damit außerhalb des Anwendungsrahmens liegt, bildet sie dessen
     * Innenabstand nach.
     */
    padding: 9px var(--maske-rand, 20px);
    padding-left: calc(var(--inhalt-rand, 24px) + var(--maske-rand, 20px));
}

/*
 * N3 — Bei offener Navigation beginnt der Inhalt erst hinter dem Drawer.
 * Die Leiste läuft weiterhin über die volle Breite (so steht sie in der
 * Vorlage), rückt ihren Inhalt aber in die Inhaltsspalte: Sonst lagen
 * Zähler-Chip und Fehlerhinweis hinter der Navigation und waren unsichtbar
 * (Befund Design-Sichtprüfung).
 */
.mud-layout[class*="mud-drawer-open"] .speicherleiste[b-ztfhp426rh] {
    padding-left: calc(
        var(--navigation-breite, 240px) + var(--inhalt-rand, 24px) + var(--maske-rand, 20px));
}

.speicherleiste .zc[b-ztfhp426rh] {
    background: var(--primaer-hell);
    color: var(--primaer);
    border-radius: 14px;
    padding: 3px 12px;
    font-size: 12.5px;
    font-weight: 600;
}

.speicherleiste .fehlt-hinweis[b-ztfhp426rh] {
    color: var(--rot);
    font-size: 12.5px;
}

.speicherleiste .frei[b-ztfhp426rh] {
    flex: 1;
}
/* /Components/Shared/TheCarApiKennzeichnung.razor.rz.scp.css */
/*
 * Kennzeichnung „nur intern" — ruhig, aber unübersehbar. Der feine
 * Schraffurstreifen links erinnert an Absperrband, ohne zu alarmieren:
 * Die Daten sind nicht falsch, sie sind nur nicht zum Weitergeben.
 */
.kennzeichnung[b-1r9mvwfj73] {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin: 0 0 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 45%, transparent);
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-warning) 7%, var(--mud-palette-surface));
    font-size: 0.8125rem;
    line-height: 1.4;
    overflow: hidden;
}

.kennzeichnung .marke[b-1r9mvwfj73] {
    flex: none;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem 0.375rem 1.25rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mud-palette-warning-darken, var(--mud-palette-warning));
    background:
        repeating-linear-gradient(135deg,
            color-mix(in srgb, var(--mud-palette-warning) 55%, transparent) 0 4px,
            transparent 4px 8px) left / 0.5rem 100% no-repeat,
        color-mix(in srgb, var(--mud-palette-warning) 14%, var(--mud-palette-surface));
}

.kennzeichnung .text[b-1r9mvwfj73] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.5rem;
    padding: 0.375rem 0.75rem;
    color: var(--mud-palette-text-primary);
}

.kennzeichnung .trenner[b-1r9mvwfj73] {
    margin-right: 0.5rem;
    color: var(--mud-palette-text-secondary);
}

/* Schmal: jeder Teil eine eigene Zeile, ohne Trennpunkt. */
@media (max-width: 600px) {
    .kennzeichnung[b-1r9mvwfj73] {
        flex-direction: column;
    }

    .kennzeichnung .marke[b-1r9mvwfj73] {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .kennzeichnung .text[b-1r9mvwfj73] {
        flex-direction: column;
        align-items: flex-start;
    }

    .kennzeichnung .trenner[b-1r9mvwfj73] {
        display: none;
    }
}

.kennzeichnung.kompakt[b-1r9mvwfj73] {
    margin-bottom: 0.75rem;
}
/* /Components/Shared/TheCarApiLaufbericht.razor.rz.scp.css */
.laufbericht[b-4ilaftv0e2] {
    margin-top: 1rem;
    padding: 1rem 1.25rem 1.25rem;
    border-radius: var(--mud-default-borderradius);
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 4px solid var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
    animation: aufklappen-b-4ilaftv0e2 .18s ease-out;
}

@keyframes aufklappen-b-4ilaftv0e2 {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .laufbericht[b-4ilaftv0e2] { animation: none; }
}

.kopf[b-4ilaftv0e2] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    margin-bottom: 0.75rem;
}

.kopf h3[b-4ilaftv0e2] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.hilfe[b-4ilaftv0e2],
.erklaerung[b-4ilaftv0e2] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.erklaerung[b-4ilaftv0e2] {
    margin: 0 0 0.375rem;
}

.zaehler[b-4ilaftv0e2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: 0.5rem;
    margin: 0 0 0.75rem;
}

.zaehler div[b-4ilaftv0e2] {
    padding: 0.375rem 0.625rem;
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
}

.zaehler dt[b-4ilaftv0e2] {
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
}

.zaehler dd[b-4ilaftv0e2] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.pakete[b-4ilaftv0e2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.listen[b-4ilaftv0e2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.liste[b-4ilaftv0e2] {
    padding: 0.625rem 0.75rem;
    border-radius: var(--mud-default-borderradius);
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

.liste.befuellt[b-4ilaftv0e2] {
    border-color: color-mix(in srgb, var(--mud-palette-warning) 55%, transparent);
}

.liste h4[b-4ilaftv0e2],
.protokoll h4[b-4ilaftv0e2] {
    margin: 0 0 0.125rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.liste .anzahl[b-4ilaftv0e2] {
    display: inline-block;
    min-width: 1.5rem;
    padding: 0 0.375rem;
    margin-left: 0.25rem;
    border-radius: 999px;
    font-size: 0.75rem;
    text-align: center;
    background: var(--mud-palette-action-default-hover);
}

.liste.befuellt .anzahl[b-4ilaftv0e2] {
    background: color-mix(in srgb, var(--mud-palette-warning) 20%, transparent);
}

.liste ul[b-4ilaftv0e2] {
    margin: 0;
    padding-left: 1.125rem;
    font-size: 0.8125rem;
    max-height: 12rem;
    overflow-y: auto;
}

.liste .leer[b-4ilaftv0e2] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-disabled);
    font-style: italic;
}

.pfad[b-4ilaftv0e2] {
    font-family: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.pfad[b-4ilaftv0e2] {
    display: block;
    max-width: 42rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (min-width: 960px) {
    .pfad[b-4ilaftv0e2] {
        min-width: 22rem;
    }
}

.ohne-eintraege[b-4ilaftv0e2] {
    margin: 0 0 1rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.zaehler .ton-gut dd[b-4ilaftv0e2] { color: var(--mud-palette-success); }
.zaehler .ton-gefahr[b-4ilaftv0e2] { border-color: color-mix(in srgb, var(--mud-palette-error) 50%, transparent); }
.zaehler .ton-gefahr dd[b-4ilaftv0e2] { color: var(--mud-palette-error); }
.zaehler .ton-achtung[b-4ilaftv0e2] { border-color: color-mix(in srgb, var(--mud-palette-warning) 55%, transparent); }
.zaehler .ton-achtung dd[b-4ilaftv0e2] { color: var(--mud-palette-warning-darken, var(--mud-palette-warning)); }

/* Schmal (1.4): weniger Rahmen in Rahmen, damit der Inhalt Platz hat. */
@media (max-width: 600px) {
    .laufbericht[b-4ilaftv0e2] {
        margin-top: 0.5rem;
        padding: 0.75rem 0.5rem 0.75rem 0.75rem;
        border-left-width: 3px;
    }

    .zaehler[b-4ilaftv0e2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .listen[b-4ilaftv0e2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.zelle-stapel[b-4ilaftv0e2] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.ergebnis[b-4ilaftv0e2] {
    white-space: nowrap;
}

.ergebnis-Erfolg[b-4ilaftv0e2] {
    color: var(--mud-palette-success);
}

.ergebnis-Fehler[b-4ilaftv0e2],
.ergebnis-Gesperrt[b-4ilaftv0e2],
.ergebnis-Umleitung[b-4ilaftv0e2],
.ergebnis-NichtFreigeschaltet[b-4ilaftv0e2],
.ergebnis-Netzfehler[b-4ilaftv0e2] {
    color: var(--mud-palette-error);
}

.ergebnis-Wiederholt[b-4ilaftv0e2] {
    color: var(--mud-palette-warning-darken, var(--mud-palette-warning));
}

.fehlertext[b-4ilaftv0e2] {
    font-size: 0.75rem;
    color: var(--mud-palette-error);
    overflow-wrap: anywhere;
}
/* /Components/Shared/TheCarApiReiter.razor.rz.scp.css */
.reiter[b-ivqlqiuvci] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0 0 1.25rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.reiter a[b-ivqlqiuvci] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem 0.625rem;
    margin-bottom: -1px;
    border-bottom: 3px solid transparent;
    color: var(--mud-palette-text-secondary);
    text-decoration: none;
    transition: color .15s, border-color .15s, background-color .15s;
    border-radius: var(--mud-default-borderradius) var(--mud-default-borderradius) 0 0;
}

.reiter a:hover[b-ivqlqiuvci] {
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-action-default-hover);
}

.reiter a.aktiv[b-ivqlqiuvci] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

.reiter .titel[b-ivqlqiuvci] {
    font-weight: 600;
    font-size: 0.9375rem;
}

.reiter .erklaerung[b-ivqlqiuvci] {
    font-size: 0.75rem;
}

@media (max-width: 600px) {
    .reiter a[b-ivqlqiuvci] {
        flex: 1 1 0;
        padding: 0.5rem 0.5rem 0.625rem;
    }

    .reiter .erklaerung[b-ivqlqiuvci] {
        display: none;
    }
}
/* /Components/Shared/WerteAnsicht.razor.rz.scp.css */
/*
 * Werte-Ansicht — Design-Entscheidungen 10, 11 und 13.
 *
 * Die Ansichtsleiste tritt an die Stelle der Kontextleiste der Erfassung:
 * gleiche Klebeposition, gleiche Höhe, gleiche linke Kante. Wer zwischen
 * Lesen und Erfassen wechselt, soll keinen Sprung sehen. Sie trägt nur, was
 * beim Lesen gebraucht wird — die Feldsuche und den Weg in die Maske.
 */

.ansichtsleiste[b-hsykjxz8o9] {
    position: sticky;
    top: var(--kopfleisten-hoehe, 64px);
    z-index: var(--ebene-klebend, 1000);
    background: var(--karte, #fff);
    border-bottom: 1px solid var(--linie, #e0e0e4);
    box-shadow: var(--schatten, 0 1px 3px rgba(0, 0, 0, .10));
    display: flex;
    gap: 10px;
    align-items: flex-end;
    padding: 8px var(--maske-rand, 20px);
    flex-wrap: wrap;
}

.ansicht-suchfeld[b-hsykjxz8o9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 240px;
}

.ansicht-suchfeld label[b-hsykjxz8o9] {
    font-size: 11px;
    color: var(--text-2, #5f6068);
    font-weight: 600;
}

.ansicht-suchfeld .we-in[b-hsykjxz8o9] {
    padding: 4px 8px;
    font-size: 13px;
}

.ansichtsleiste .frei[b-hsykjxz8o9] {
    flex: 1;
}

/*
 * Der Weg in die Maske ist die einzige Handlung dieser Seite — deshalb der
 * Primär-Knopf, und deshalb steht er rechts, wo in der Erfassung der
 * Speichern-Knopf sitzt.
 */
.ansichtsleiste .knopf[b-hsykjxz8o9] {
    border: 1px solid var(--linie-stark, #bdbdc4);
    border-radius: 5px;
    padding: 5px 12px;
    font: inherit;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
}

.ansichtsleiste .knopf.primaer[b-hsykjxz8o9] {
    background: var(--primaer, #594ae2);
    border-color: var(--primaer, #594ae2);
    color: #fff;
}

.ansichtsleiste .knopf.primaer:hover[b-hsykjxz8o9] {
    background: var(--primaer-dunkel, #4a3dc4);
}

.ansichtsleiste .knopf.primaer:focus-visible[b-hsykjxz8o9] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(89, 74, 226, .18);
}

/*
 * „Bearbeiten" ist ein leiser Textlink: Er gehört zur Sektion, nicht über sie.
 */
.sektion-bearbeiten[b-hsykjxz8o9] {
    margin-left: 10px;
    font-size: 12px;
    color: var(--text-2, #5f6068);
    text-decoration: none;
}

.sektion-bearbeiten:hover[b-hsykjxz8o9] {
    color: var(--primaer, #594ae2);
    text-decoration: underline;
}

.sektion-bearbeiten:focus-visible[b-hsykjxz8o9] {
    outline: none;
    color: var(--primaer, #594ae2);
    box-shadow: 0 0 0 2px rgba(89, 74, 226, .18);
    border-radius: 3px;
}

@media (max-width: 700px) {
    .ansichtsleiste[b-hsykjxz8o9] {
        align-items: stretch;
    }

    .ansicht-suchfeld[b-hsykjxz8o9] {
        min-width: 0;
    }
}
/* /Components/Shared/ZeitrahmenHinweis.razor.rz.scp.css */
.zeitrahmen[b-ebgw3f1v9t] {
    margin: 0 0 1rem;
    padding: 0.5rem 0.75rem;
    border-left: 3px solid var(--mud-palette-lines-inputs, var(--mud-palette-lines-default));
    font-size: 0.8125rem;
}

.zeile[b-ebgw3f1v9t] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.125rem 0.5rem;
}

.trenner[b-ebgw3f1v9t] {
    color: var(--mud-palette-text-secondary);
}

.vermerk[b-ebgw3f1v9t] {
    margin-top: 0.25rem;
    color: var(--mud-palette-warning-darken, var(--mud-palette-warning));
}

.erklaerung[b-ebgw3f1v9t] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}