/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – MainLayout
   FESTE, VOLLSTÄNDIG GETRENNTE SCROLLBEREICHE
   ===================================================================

   Ziel:
   - Browser-Dokument selbst scrollt nicht mit
   - linke Navigation ist ein eigener fester Bereich
   - rechter Hauptbereich ist ein eigener fester Bereich
   - nur die Navigationsliste links scrollt
   - nur der Fachinhalt rechts scrollt
   - Kopf- und Fußbereiche bleiben stehen
   =================================================================== */


/* ===================================================================
   Gesamtrahmen
   =================================================================== */

.fuhrpark-shell[b-231nmh8az7] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #eef1f4;
    color: #1f2933;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}


/* ===================================================================
   Linke Navigation – vollständig eigener fester Bereich
   =================================================================== */

.fuhrpark-navigation[b-231nmh8az7] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 220px;
    min-width: 220px;
    height: 100vh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    background: #202e3d;
    border-right: 1px solid #182432;
    color: #e2eaf1;
    z-index: 100;
}


/* ===================================================================
   Markenbereich oben links
   =================================================================== */

.fuhrpark-marke[b-231nmh8az7] {
    padding: 18px 18px 14px;
    border-bottom: 1px solid #304052;
    background: #202e3d;
}

.fuhrpark-marke-zeile[b-231nmh8az7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.fuhrpark-marke-titel[b-231nmh8az7] {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.fuhrpark-marke-untertitel[b-231nmh8az7] {
    margin-top: 2px;
    color: #b3c2cf;
    font-size: 11px;
}

.fuhrpark-statuspunkt[b-231nmh8az7] {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #39a85a;
    box-shadow: 0 0 0 2px rgba(57, 168, 90, 0.16);
}


/* ===================================================================
   Ausschließlich die Navigationsliste scrollt
   =================================================================== */

.fuhrpark-navigation-inhalt[b-231nmh8az7] {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    padding: 10px 9px 14px;
    scrollbar-width: thin;
    scrollbar-color: #66798b transparent;
}

.fuhrpark-nav-gruppe[b-231nmh8az7] {
    margin: 17px 10px 6px;
    color: #9eb0c1;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.11em;
}

.fuhrpark-navigation-inhalt[b-231nmh8az7]  a.fuhrpark-nav-eintrag,
.fuhrpark-nav-eintrag[b-231nmh8az7] {
    min-height: 38px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 1px 0;
    padding: 8px 10px;
    border-radius: 3px;
    color: #dce5ed;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    user-select: none;
}

    .fuhrpark-navigation-inhalt[b-231nmh8az7]  a.fuhrpark-nav-eintrag:hover {
        background: #293a4c;
        color: #ffffff;
    }

.fuhrpark-navigation-inhalt[b-231nmh8az7]  a.fuhrpark-nav-eintrag-aktiv,
.fuhrpark-navigation-inhalt[b-231nmh8az7]  a.fuhrpark-nav-eintrag-aktiv:hover {
    background: #2563eb;
    color: #ffffff;
    font-weight: 600;
    box-shadow: inset 3px 0 0 #93c5fd;
}

    .fuhrpark-navigation-inhalt[b-231nmh8az7]  a.fuhrpark-nav-eintrag-aktiv .fuhrpark-nav-symbol {
        color: #ffffff;
    }

.fuhrpark-nav-symbol[b-231nmh8az7] {
    width: 27px;
    flex: 0 0 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9fc1e0;
    font-size: 20px;
}

.fuhrpark-nav-eintrag-inaktiv[b-231nmh8az7] {
    color: #d0dbe4;
    cursor: default;
    opacity: 0.98;
}


/* ===================================================================
   Navigationsfuß bleibt fest stehen
   =================================================================== */

.fuhrpark-navigation-fuss[b-231nmh8az7] {
    padding: 14px 18px 15px;
    border-top: 1px solid #304052;
    background: #1d2a38;
}

.fuhrpark-navigation-fuss-titel[b-231nmh8az7] {
    color: #f0f5f8;
    font-size: 12px;
    font-weight: 600;
}

.fuhrpark-navigation-fuss-version[b-231nmh8az7] {
    margin-top: 2px;
    color: #9eafbd;
    font-size: 10px;
}


/* ===================================================================
   Rechter Hauptbereich – vollständig eigener fester Bereich
   =================================================================== */

.fuhrpark-hauptbereich[b-231nmh8az7] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 220px;
    min-width: 0;
    min-height: 0;
    height: 100vh;
    display: grid;
    grid-template-rows: 74px minmax(0, 1fr);
    overflow: hidden;
    background: #eef1f4;
    z-index: 50;
}


/* ===================================================================
   Kopfbereich rechts bleibt fest stehen
   =================================================================== */

.fuhrpark-kopf[b-231nmh8az7] {
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 26px;
    overflow: hidden;
    background: #ffffff;
    border-bottom: 1px solid #c8d2da;
}

.fuhrpark-kopf-titel[b-231nmh8az7] {
    min-width: 0;
    overflow: hidden;
    color: #17212b;
    font-size: 23px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fuhrpark-benutzerbereich[b-231nmh8az7] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    flex: 0 0 auto;
}

.fuhrpark-benutzer-avatar[b-231nmh8az7] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid #c6d0d8;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 34%, #cfd8df 0 22%, transparent 23%), radial-gradient(circle at 50% 94%, #cfd8df 0 38%, transparent 39%), #edf1f4;
}

.fuhrpark-benutzer-text[b-231nmh8az7] {
    min-width: 0;
}

.fuhrpark-benutzer-name[b-231nmh8az7] {
    max-width: 220px;
    overflow: hidden;
    color: #24313c;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fuhrpark-benutzer-status[b-231nmh8az7] {
    max-width: 285px;
    margin-top: 1px;
    overflow: hidden;
    color: #637480;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fuhrpark-benutzer-trenner[b-231nmh8az7] {
    margin: 0 4px;
    color: #84939e;
}

.fuhrpark-abmelden[b-231nmh8az7] {
    min-height: 34px;
    padding: 6px 13px;
    border: 1px solid #b8c4cd;
    border-radius: 4px;
    background: #ffffff;
    color: #263843;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

    .fuhrpark-abmelden:hover[b-231nmh8az7] {
        background: #f1f4f6;
    }


/* ===================================================================
   Ausschließlich der Fachinhalt rechts scrollt
   =================================================================== */

.fuhrpark-inhalt[b-231nmh8az7] {
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    padding: 20px 25px 26px;
    background: #eef1f4;
    scrollbar-width: thin;
    scrollbar-color: #9aa8b4 transparent;
}


/* ===================================================================
   Globaler Kontrast – Fachbereiche

   Absichtlich moderat:
   - keine Änderung der Seitenlayouts
   - keine Änderung semantischer Ampel-/Statusfarben
   - Home.razor.css bleibt vollständig unangetastet
   - neutrale Texte, Tabellen, Formulare und Schaltflächen werden nur
     etwas klarer vom Hintergrund getrennt
   =================================================================== */

.fuhrpark-inhalt[b-231nmh8az7]  input:not([type="checkbox"]):not([type="radio"]),
.fuhrpark-inhalt[b-231nmh8az7]  select,
.fuhrpark-inhalt[b-231nmh8az7]  textarea {
    border-color: #aebbc5;
    background-color: #ffffff;
    color: #243640;
}

.fuhrpark-inhalt[b-231nmh8az7]  input:not([type="checkbox"]):not([type="radio"])::placeholder,
.fuhrpark-inhalt[b-231nmh8az7]  textarea::placeholder {
    color: #687985;
    opacity: 1;
}

.fuhrpark-inhalt[b-231nmh8az7]  label {
    color: #435661;
}

/* Buttons behalten ihre fachbereichsspezifischen Farben.
   Dadurch bleiben insbesondere primaere/aktive blaue Buttons
   mit weisser Schrift erhalten. */
.fuhrpark-inhalt[b-231nmh8az7]  button:disabled,
.fuhrpark-inhalt[b-231nmh8az7]  input:disabled,
.fuhrpark-inhalt[b-231nmh8az7]  select:disabled,
.fuhrpark-inhalt[b-231nmh8az7]  textarea:disabled {
    opacity: 0.68;
}

.fuhrpark-inhalt[b-231nmh8az7]  table thead th {
    border-color: #c5d0d8;
    color: #344a57;
}

.fuhrpark-inhalt[b-231nmh8az7]  table tbody td {
    border-color: #d4dde4;
    color: #2f434f;
}

.fuhrpark-inhalt[b-231nmh8az7]  table tbody tr:hover {
    background-color: rgba(229, 237, 243, 0.62);
}


/* ===================================================================
   Blazor-Fehleranzeige
   =================================================================== */

#blazor-error-ui[b-231nmh8az7] {
    color-scheme: light only;
    display: none;
    position: fixed;
    left: 220px;
    right: 0;
    bottom: 0;
    z-index: 1000;
    box-sizing: border-box;
    padding: 11px 46px 12px 18px;
    border-top: 1px solid #e1c85c;
    background: #fff6d5;
    color: #5b4800;
    box-shadow: 0 -1px 7px rgba(0, 0, 0, 0.12);
    font-size: 13px;
}

    #blazor-error-ui .reload[b-231nmh8az7] {
        margin-left: 8px;
        color: #235f96;
        font-weight: 700;
    }

    #blazor-error-ui .dismiss[b-231nmh8az7] {
        position: absolute;
        right: 14px;
        top: 8px;
        cursor: pointer;
    }


/* ===================================================================
   Kleinere Desktop-Fenster
   =================================================================== */

@media (max-width: 1000px) {
    .fuhrpark-navigation[b-231nmh8az7] {
        width: 195px;
        min-width: 195px;
    }

    .fuhrpark-hauptbereich[b-231nmh8az7] {
        left: 195px;
    }

    .fuhrpark-kopf[b-231nmh8az7] {
        padding: 0 18px;
    }

    .fuhrpark-inhalt[b-231nmh8az7] {
        padding: 16px 18px 22px;
    }

    #blazor-error-ui[b-231nmh8az7] {
        left: 195px;
    }
}


/* ===================================================================
   Schmale Browserfenster
   =================================================================== */

@media (max-width: 760px) {
    .fuhrpark-navigation[b-231nmh8az7] {
        width: 160px;
        min-width: 160px;
    }

    .fuhrpark-hauptbereich[b-231nmh8az7] {
        left: 160px;
        grid-template-rows: 66px minmax(0, 1fr);
    }

    .fuhrpark-marke[b-231nmh8az7] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .fuhrpark-navigation-inhalt[b-231nmh8az7] {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fuhrpark-nav-gruppe[b-231nmh8az7] {
        margin-left: 7px;
        margin-right: 7px;
    }

    .fuhrpark-navigation-inhalt[b-231nmh8az7]  a.fuhrpark-nav-eintrag,
    .fuhrpark-nav-eintrag[b-231nmh8az7] {
        padding-left: 7px;
        padding-right: 7px;
        font-size: 12px;
    }

    .fuhrpark-navigation-fuss[b-231nmh8az7] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .fuhrpark-kopf[b-231nmh8az7] {
        padding: 0 12px;
    }

    .fuhrpark-kopf-titel[b-231nmh8az7] {
        font-size: 18px;
    }

    .fuhrpark-benutzer-avatar[b-231nmh8az7],
    .fuhrpark-benutzer-text[b-231nmh8az7] {
        display: none;
    }

    .fuhrpark-inhalt[b-231nmh8az7] {
        padding: 12px;
    }

    #blazor-error-ui[b-231nmh8az7] {
        left: 160px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7kc5604ooj],
.components-reconnect-repeated-attempt-visible[b-7kc5604ooj],
.components-reconnect-failed-visible[b-7kc5604ooj],
.components-pause-visible[b-7kc5604ooj],
.components-resume-failed-visible[b-7kc5604ooj],
.components-rejoining-animation[b-7kc5604ooj] {
    display: none;
}

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


#components-reconnect-modal[b-7kc5604ooj] {
    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-7kc5604ooj 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-7kc5604ooj {
    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/Fachbereiche/Fahrzeuge/FahrzeugDetails.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Fahrzeugdetails
   ===================================================================

   Zweck:
   - Eigenständige Formatierung der Komponente FahrzeugDetails.razor
   - Einheitliche Darstellung bei direktem Seitenaufruf und im Modal
   - Optische Anlehnung an das lokale WPF-Fahrzeugfenster
   - Vier Register: Stammdaten, Betrieb & Technik, Organisation,
     Bemerkungen
   - Responsive Anpassung für kleinere Browserfenster

   Diese Datei gehört zu:
   Fuhrpark.Web\Components\Pages\Fachbereiche\Fahrzeuge\FahrzeugDetails.razor
   =================================================================== */


/* ===================================================================
   Grundrahmen
   =================================================================== */

.fahrzeug-editor[b-brdony5r93] {
    position: relative;
    width: 100%;
    max-width: 860px;
    height: min(720px, calc(100dvh - 40px));
    min-height: 540px;
    margin: 0 auto;
    display: grid;
    grid-template-rows: 74px minmax(0, 1fr) 68px;
    overflow: hidden;
    box-sizing: border-box;
    background: #eef1f4;
    border: 1px solid #b8c0c9;
    border-radius: 6px;
    box-shadow: 0 12px 32px rgba(17, 24, 39, 0.16);
}


/* ===================================================================
   Kopfbereich
   =================================================================== */

.fahrzeug-editor-kopf[b-brdony5r93] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 0 24px;
    background: #ffffff;
    border-bottom: 1px solid #c1c8d0;
}

.fahrzeug-editor-kopftext[b-brdony5r93] {
    min-width: 0;
}

.fahrzeug-editor-kopf h1[b-brdony5r93] {
    margin: 0;
    color: #111827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.fahrzeug-editor-kopf p[b-brdony5r93] {
    margin: 3px 0 0;
    overflow: hidden;
    color: #59636f;
    font-size: 12px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fahrzeug-editor-aktiv[b-brdony5r93] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #374151;
    font-size: 13px;
    white-space: nowrap;
}

    .fahrzeug-editor-aktiv input[b-brdony5r93] {
        width: 15px;
        height: 15px;
        margin: 0;
        accent-color: #2563eb;
    }


/* ===================================================================
   Lade- und Fehlerzustände
   =================================================================== */

.fahrzeug-editor-status[b-brdony5r93] {
    align-self: stretch;
    justify-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #bec6cf;
    border-radius: 6px;
    color: #6b7280;
    font-size: 13px;
    text-align: center;
}

.fahrzeug-editor-status-fehler[b-brdony5r93] {
    background: #fffafa;
    border-color: #e5baba;
    color: #9b3131;
}


/* ===================================================================
   Registerrahmen
   =================================================================== */

.fahrzeug-editor-registerrahmen[b-brdony5r93] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    margin: 20px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #bec6cf;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

.fahrzeug-editor-registerleiste[b-brdony5r93] {
    display: flex;
    align-items: flex-end;
    min-height: 43px;
    padding: 0 1px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #ffffff;
    border-bottom: 1px solid #c1c8d0;
    scrollbar-width: thin;
}

.fahrzeug-editor-register[b-brdony5r93] {
    min-height: 42px;
    padding: 9px 18px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #364152;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

    .fahrzeug-editor-register:hover[b-brdony5r93] {
        background: #f7f8fa;
        color: #1f2937;
    }

.fahrzeug-editor-register-aktiv[b-brdony5r93] {
    border-bottom-color: #2563eb;
    background: #ffffff;
    color: #1d4ed8;
}

.fahrzeug-editor-registerinhalt[b-brdony5r93] {
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    background: #ffffff;
    scrollbar-width: thin;
    scrollbar-color: #b8c1ca transparent;
}


/* ===================================================================
   Formular
   =================================================================== */

.fahrzeug-editor-formularraster[b-brdony5r93] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 24px;
    row-gap: 18px;
    padding: 24px;
}

/*
   Das Register "Betrieb & Technik" besitzt sieben Feldzeilen.
   Es wird bewusst etwas kompakter dargestellt, damit auch die letzte
   Zeile "Nutzlast kg" bei normaler Dialoghöhe vollständig sichtbar ist.
   Die übrigen Register behalten ihre bisherige großzügigere Anordnung.
*/
.fahrzeug-editor-formularraster-kompakt[b-brdony5r93] {
    row-gap: 8px;
    padding-top: 14px;
    padding-bottom: 14px;
}

    .fahrzeug-editor-formularraster-kompakt .fahrzeug-editor-feld label[b-brdony5r93] {
        margin-bottom: 3px;
    }

    .fahrzeug-editor-formularraster-kompakt .fahrzeug-editor-eingabe[b-brdony5r93] {
        height: 30px;
        line-height: 20px;
    }

    .fahrzeug-editor-formularraster-kompakt .fahrzeug-editor-kombi-schalter[b-brdony5r93] {
        height: 28px;
        line-height: 28px;
    }

.fahrzeug-editor-feld[b-brdony5r93] {
    min-width: 0;
}

.fahrzeug-editor-feld-breit[b-brdony5r93] {
    grid-column: 1 / -1;
}

.fahrzeug-editor-feld label[b-brdony5r93],
.fahrzeug-editor-bemerkungen label[b-brdony5r93] {
    display: block;
    margin: 0 0 5px;
    color: #29323d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.fahrzeug-editor-eingabe[b-brdony5r93] {
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    padding: 4px 8px;
    border: 1px solid #aeb8c3;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    color: #111827;
    font: inherit;
    font-size: 13px;
    line-height: 24px;
}

    .fahrzeug-editor-eingabe:hover:not(:disabled)[b-brdony5r93] {
        border-color: #909ba7;
    }

    .fahrzeug-editor-eingabe:focus[b-brdony5r93] {
        border-color: #7aa7ef;
        box-shadow: 0 0 0 1px #7aa7ef;
    }

    .fahrzeug-editor-eingabe:disabled[b-brdony5r93] {
        cursor: wait;
        background: #f3f4f6;
        color: #6b7280;
    }

.fahrzeug-editor-eingabe-fehler[b-brdony5r93] {
    border-color: #c62828;
    background: #fffafa;
}

    .fahrzeug-editor-eingabe-fehler:hover:not(:disabled)[b-brdony5r93],
    .fahrzeug-editor-eingabe-fehler:focus[b-brdony5r93] {
        border-color: #b91c1c;
        box-shadow: 0 0 0 1px #b91c1c;
    }

.fahrzeug-editor-feldhinweis[b-brdony5r93] {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.35;
}

.fahrzeug-editor-feldhinweis-fehler[b-brdony5r93] {
    color: #b91c1c;
    font-weight: 600;
}


/* ===================================================================
   Editierbare Kombinationsfelder
   =================================================================== */

.fahrzeug-editor-kombi[b-brdony5r93] {
    position: relative;
    min-width: 0;
}

.fahrzeug-editor-kombi-offen[b-brdony5r93] {
    z-index: 40;
}

.fahrzeug-editor-kombi-eingabe[b-brdony5r93] {
    padding-right: 39px;
}

.fahrzeug-editor-kombi-schalter[b-brdony5r93] {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 2;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-left: 1px solid #c3cbd4;
    background: #f7f8fa;
    color: #4b5563;
    font: inherit;
    font-size: 10px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

    .fahrzeug-editor-kombi-schalter:hover:not(:disabled)[b-brdony5r93] {
        background: #eef2f6;
        color: #111827;
    }

    .fahrzeug-editor-kombi-schalter:focus-visible[b-brdony5r93] {
        outline: 2px solid #7aa7ef;
        outline-offset: -2px;
    }

    .fahrzeug-editor-kombi-schalter:disabled[b-brdony5r93] {
        cursor: wait;
        background: #eef1f4;
        color: #9ca3af;
    }

.fahrzeug-editor-kombi-liste[b-brdony5r93] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 80;
    max-height: 224px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 3px 0;
    background: #ffffff;
    border: 1px solid #9da8b4;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.18);
    scrollbar-width: thin;
}

.fahrzeug-editor-kombi-eintrag[b-brdony5r93] {
    display: block;
    width: 100%;
    min-height: 31px;
    box-sizing: border-box;
    padding: 6px 10px;
    border: 0;
    background: #ffffff;
    color: #111827;
    font: inherit;
    font-size: 13px;
    line-height: 19px;
    text-align: left;
    cursor: pointer;
}

    .fahrzeug-editor-kombi-eintrag:hover[b-brdony5r93],
    .fahrzeug-editor-kombi-eintrag:focus-visible[b-brdony5r93] {
        outline: none;
        background: #eef4ff;
        color: #163f8c;
    }

.fahrzeug-editor-kombi-eintrag-aktiv[b-brdony5r93] {
    background: #e8eef8;
    color: #111827;
    font-weight: 600;
}


/* ===================================================================
   Bemerkungen
   =================================================================== */

.fahrzeug-editor-eingabe-mehrzeilig[b-brdony5r93] {
    height: 100%;
    min-height: 180px;
    padding-top: 8px;
    line-height: 1.45;
    resize: none;
}

.fahrzeug-editor-bemerkungen[b-brdony5r93] {
    min-height: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto minmax(180px, 1fr);
    padding: 24px;
}


/* ===================================================================
   Fußleiste / Meldungen / Aktionen
   =================================================================== */

.fahrzeug-editor-fuss[b-brdony5r93] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
    background: #ffffff;
    border-top: 1px solid #d1d5db;
}

.fahrzeug-editor-pflichthinweis[b-brdony5r93] {
    overflow: hidden;
    color: #6b7280;
    font-size: 11px;
    line-height: 1.35;
    text-overflow: ellipsis;
}

    .fahrzeug-editor-pflichthinweis[role="alert"][b-brdony5r93] {
        color: #b91c1c;
        font-weight: 600;
    }

.fahrzeug-editor-aktionen[b-brdony5r93] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fahrzeug-editor-button[b-brdony5r93] {
    min-width: 110px;
    height: 38px;
    box-sizing: border-box;
    padding: 0 18px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.fahrzeug-editor-button-sekundaer[b-brdony5r93] {
    border: 1px solid #aeb8c3;
    background: #ffffff;
    color: #29323d;
}

    .fahrzeug-editor-button-sekundaer:hover:not(:disabled)[b-brdony5r93] {
        background: #f7f8fa;
    }

.fahrzeug-editor-button-primaer[b-brdony5r93] {
    border: 0;
    background: #2563eb;
    color: #ffffff;
}

    .fahrzeug-editor-button-primaer:hover:not(:disabled)[b-brdony5r93] {
        background: #1d4ed8;
    }

.fahrzeug-editor-button:disabled[b-brdony5r93] {
    opacity: 0.55;
    cursor: default;
}


/* ===================================================================
   Eigener Bestätigungsdialog
   =================================================================== */

.fahrzeug-editor-bestaetigung-overlay[b-brdony5r93] {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 24px;
    background: rgba(17, 24, 39, 0.48);
}

.fahrzeug-editor-bestaetigung[b-brdony5r93] {
    width: min(480px, 100%);
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #c5ccd4;
    border-radius: 7px;
    box-shadow: 0 20px 48px rgba(17, 24, 39, 0.28);
}

.fahrzeug-editor-bestaetigung-kopf[b-brdony5r93] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 22px 22px 18px;
}

.fahrzeug-editor-bestaetigung-symbol[b-brdony5r93] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff4e5;
    color: #a85c00;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.fahrzeug-editor-bestaetigung h2[b-brdony5r93] {
    margin: 0;
    color: #111827;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

.fahrzeug-editor-bestaetigung p[b-brdony5r93] {
    margin: 7px 0 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.5;
}

.fahrzeug-editor-bestaetigung-aktionen[b-brdony5r93] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px;
    background: #f7f8fa;
    border-top: 1px solid #d7dce2;
}

.fahrzeug-editor-button-gefahr[b-brdony5r93] {
    min-width: 150px;
    border: 1px solid #b42318;
    background: #ffffff;
    color: #b42318;
}

    .fahrzeug-editor-button-gefahr:hover:not(:disabled)[b-brdony5r93] {
        background: #fff1f0;
    }


/* ===================================================================
   Responsive Verhalten
   =================================================================== */

@media (max-width: 900px) {
    .fahrzeug-editor-registerrahmen[b-brdony5r93] {
        margin: 16px;
    }

    .fahrzeug-editor-formularraster[b-brdony5r93] {
        column-gap: 18px;
        row-gap: 16px;
        padding: 20px;
    }

    .fahrzeug-editor-bemerkungen[b-brdony5r93] {
        padding: 20px;
    }
}


@media (max-width: 680px) {
    .fahrzeug-editor[b-brdony5r93] {
        height: min(760px, calc(100dvh - 24px));
        min-height: 600px;
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .fahrzeug-editor-kopf[b-brdony5r93] {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 14px 16px;
    }

    .fahrzeug-editor-aktiv[b-brdony5r93] {
        justify-self: start;
    }

    .fahrzeug-editor-registerrahmen[b-brdony5r93] {
        margin: 12px;
    }

    .fahrzeug-editor-formularraster[b-brdony5r93] {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .fahrzeug-editor-feld-breit[b-brdony5r93] {
        grid-column: auto;
    }

    .fahrzeug-editor-bemerkungen[b-brdony5r93] {
        padding: 16px;
    }

    .fahrzeug-editor-fuss[b-brdony5r93] {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 10px 14px;
    }

    .fahrzeug-editor-aktionen[b-brdony5r93] {
        justify-content: flex-end;
    }

    .fahrzeug-editor-bestaetigung-overlay[b-brdony5r93] {
        padding: 14px;
    }

    .fahrzeug-editor-bestaetigung-aktionen[b-brdony5r93] {
        flex-direction: column-reverse;
    }

        .fahrzeug-editor-bestaetigung-aktionen .fahrzeug-editor-button[b-brdony5r93] {
            width: 100%;
        }
}
/* /Components/Pages/Fachbereiche/Fahrzeuge/Fahrzeuge.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Fahrzeuge
   ===================================================================

   Zweck:
   - Optik der Fahrzeugübersicht
   - Anlehnung an die bestehende WPF-Fuhrparkverwaltung
   - Kompakte, gut lesbare Fahrzeugtabelle
   - kompakte Such-/Filter-/Aktionsleiste ohne doppelten Seitenkopf
   - automatische Fahrzeuglistenhöhe mit vollständigen Datenzeilen
   - Fahrzeugdetails bleiben bei Auswahl im sichtbaren Browserbereich

   Diese Datei gehört zu:
   Fuhrpark.Web\Components\Pages\Fachbereiche\Fahrzeuge\Fahrzeuge.razor
   =================================================================== */


/* ===================================================================
   Seitencontainer
   =================================================================== */

.fahrzeuge-seite[b-ooi5qy20wf] {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    /*
       Responsive Entscheidungen der Werkzeugleiste richten sich nach
       der tatsächlich verfügbaren Inhaltsbreite. Das ist wichtig,
       weil links die feste Navigation Platz belegt und ein reiner
       Viewport-Breakpoint deshalb zu spät reagieren kann.
    */
    container-type: inline-size;
}


/* ===================================================================
   Aktionsbuttons – Anlehnung an die lokale WPF-Fahrzeugliste
   =================================================================== */

.fahrzeuge-aktionen[b-ooi5qy20wf] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.fahrzeuge-aktion[b-ooi5qy20wf] {
    min-width: 86px;
    height: 34px;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid #c5ced7;
    border-radius: 0;
    background: #ffffff;
    color: #26313b;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease;
}

    .fahrzeuge-aktion:hover:not(:disabled)[b-ooi5qy20wf] {
        background: #f3f6f8;
        border-color: #aeb9c3;
    }

.fahrzeuge-aktion-primaer[b-ooi5qy20wf] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .fahrzeuge-aktion-primaer:hover:not(:disabled)[b-ooi5qy20wf] {
        border-color: #1d4ed8;
        background: #1d4ed8;
    }

.fahrzeuge-aktion:disabled[b-ooi5qy20wf] {
    opacity: 0.52;
    cursor: default;
}

.fahrzeuge-aktion-filter[b-ooi5qy20wf] {
    min-width: 126px;
}


/* ===================================================================
   Werkzeugleiste
   =================================================================== */

.fahrzeuge-werkzeugleiste[b-ooi5qy20wf] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 145px minmax(125px, 160px) minmax(125px, 160px) minmax(125px, 160px) auto auto;
    align-items: end;
    gap: 10px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

.fahrzeuge-suche[b-ooi5qy20wf],
.fahrzeuge-filter[b-ooi5qy20wf] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .fahrzeuge-suche label[b-ooi5qy20wf],
    .fahrzeuge-filter label[b-ooi5qy20wf] {
        display: block;
        margin-bottom: 0;
        color: #66727f;
        font-size: 10px;
        font-weight: 700;
    }

    .fahrzeuge-suche input[b-ooi5qy20wf],
    .fahrzeuge-filter select[b-ooi5qy20wf] {
        width: 100%;
        height: 34px;
        min-height: 34px;
        box-sizing: border-box;
        padding: 0 10px;
        border: 1px solid #cfd7de;
        border-radius: 5px;
        background: #ffffff;
        color: #26313b;
        font: inherit;
        font-size: 0.82rem;
        outline: none;
    }

        .fahrzeuge-suche input:focus[b-ooi5qy20wf],
        .fahrzeuge-filter select:focus[b-ooi5qy20wf] {
            border-color: #6f96dc;
            box-shadow: 0 0 0 2px rgba(47, 111, 237, 0.10);
        }

.fahrzeuge-anzahl[b-ooi5qy20wf] {
    min-width: 112px;
    padding: 2px 4px 1px;
    color: #69747f;
    text-align: right;
    white-space: nowrap;
}

    .fahrzeuge-anzahl span[b-ooi5qy20wf] {
        display: block;
        color: #1e2a35;
        font-size: 18px;
        font-weight: 650;
        line-height: 1.1;
    }

    .fahrzeuge-anzahl small[b-ooi5qy20wf] {
        display: block;
        margin-top: 3px;
        font-size: 11px;
    }


/* ===================================================================
   Status / Fehler
   =================================================================== */

.fahrzeuge-status[b-ooi5qy20wf] {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    color: #7a8691;
    text-align: center;
    font-size: 0.84rem;
}

.fahrzeuge-status-fehler[b-ooi5qy20wf] {
    color: #9b3f3f;
    background: #fffafa;
    border-color: #e9cccc;
}


/* ===================================================================
   Fahrzeugtabelle
   =================================================================== */

.fahrzeuge-tabelle-rahmen[b-ooi5qy20wf] {
    width: 100%;
    max-height: calc(100dvh - 270px);
    overflow: auto;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    scrollbar-gutter: stable;
}

.fahrzeuge-tabelle[b-ooi5qy20wf] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #26313b;
    font-size: 0.78rem;
}

    .fahrzeuge-tabelle thead th[b-ooi5qy20wf] {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 36px;
        padding: 0 0.7rem;
        background: #eef2f5;
        border-bottom: 1px solid #cfd7de;
        color: #5c6874;
        text-align: left;
        font-size: 0.7rem;
        font-weight: 750;
        letter-spacing: 0.01em;
        white-space: nowrap;
    }

    .fahrzeuge-tabelle tbody tr[b-ooi5qy20wf] {
        height: 30px;
    }

        .fahrzeuge-tabelle tbody tr:nth-child(even)[b-ooi5qy20wf] {
            background: #fafbfc;
        }

        .fahrzeuge-tabelle tbody tr:hover[b-ooi5qy20wf] {
            background: #f0f5fc;
        }

        .fahrzeuge-tabelle tbody tr.fahrzeuge-zeile-ausgewaehlt[b-ooi5qy20wf],
        .fahrzeuge-tabelle tbody tr.fahrzeuge-zeile-ausgewaehlt:hover[b-ooi5qy20wf] {
            background: #d8e8fb;
        }

    .fahrzeuge-tabelle tbody td[b-ooi5qy20wf] {
        height: 30px;
        box-sizing: border-box;
        padding: 0 0.7rem;
        border-bottom: 1px solid #edf0f3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fahrzeuge-tabelle tbody tr:last-child td[b-ooi5qy20wf] {
        border-bottom: 0;
    }

.fahrzeuge-kennzeichen[b-ooi5qy20wf] {
    color: #1e2b37;
    font-weight: 700;
}


/* ===================================================================
   Spaltenbreiten
   =================================================================== */

.fahrzeuge-tabelle th:nth-child(1)[b-ooi5qy20wf],
.fahrzeuge-tabelle td:nth-child(1)[b-ooi5qy20wf] {
    width: 17%;
}

.fahrzeuge-tabelle th:nth-child(2)[b-ooi5qy20wf],
.fahrzeuge-tabelle td:nth-child(2)[b-ooi5qy20wf] {
    width: 18%;
}

.fahrzeuge-tabelle th:nth-child(3)[b-ooi5qy20wf],
.fahrzeuge-tabelle td:nth-child(3)[b-ooi5qy20wf] {
    width: 21%;
}

.fahrzeuge-tabelle th:nth-child(4)[b-ooi5qy20wf],
.fahrzeuge-tabelle td:nth-child(4)[b-ooi5qy20wf] {
    width: 18%;
}

.fahrzeuge-tabelle th:nth-child(5)[b-ooi5qy20wf],
.fahrzeuge-tabelle td:nth-child(5)[b-ooi5qy20wf] {
    width: 16%;
}

.fahrzeuge-tabelle th:nth-child(6)[b-ooi5qy20wf],
.fahrzeuge-tabelle td:nth-child(6)[b-ooi5qy20wf] {
    width: 10%;
}


/* ===================================================================
   Scrollleisten
   =================================================================== */

.fahrzeuge-tabelle-rahmen[b-ooi5qy20wf] {
    scrollbar-width: thin;
    scrollbar-color: #aeb8c2 transparent;
}


/* ===================================================================
   Responsive Verhalten
   =================================================================== */

/*
   WICHTIG:
   Der Umbruch der Aktionsbuttons richtet sich nicht mehr nach der
   Browserfensterbreite, sondern nach der tatsächlich verfügbaren
   Breite der Fahrzeugseite.

   So wechseln "Filter zurücksetzen", "Aktualisieren", "Neu",
   "Bearbeiten" und "Löschen" gemeinsam in die nächste Zeile,
   bevor ein rechter Button angeschnitten werden kann.
*/
@container (max-width: 1450px) {
    .fahrzeuge-werkzeugleiste[b-ooi5qy20wf] {
        grid-template-columns: minmax(240px, 1fr) 145px minmax(135px, 1fr) minmax(135px, 1fr) minmax(135px, 1fr) auto;
    }

    .fahrzeuge-aktionen[b-ooi5qy20wf] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


@container (max-width: 1180px) {
    .fahrzeuge-werkzeugleiste[b-ooi5qy20wf] {
        grid-template-columns: minmax(240px, 1fr) 160px minmax(180px, 1fr);
    }

    .fahrzeuge-aktionen[b-ooi5qy20wf] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


/*
   Die Tabellenbreite hängt weiterhin vom Browserfenster ab.
   Hier ist kein Container-Breakpoint nötig.
*/
@media (max-width: 1180px) {
    .fahrzeuge-tabelle[b-ooi5qy20wf] {
        min-width: 850px;
    }
}


@container (max-width: 680px) {
    .fahrzeuge-werkzeugleiste[b-ooi5qy20wf] {
        grid-template-columns: 1fr;
    }

    .fahrzeuge-anzahl[b-ooi5qy20wf] {
        grid-column: auto;
        text-align: left;
    }

    .fahrzeuge-aktionen[b-ooi5qy20wf] {
        grid-column: auto;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}


@media (max-width: 680px) {
    .fahrzeuge-tabelle-rahmen[b-ooi5qy20wf] {
        max-height: calc(100dvh - 360px);
    }
}



/* ===================================================================
   Kompakte Fahrzeugdetails unter der Liste
   =================================================================== */

.fahrzeuge-detailkarte[b-ooi5qy20wf] {
    margin-top: 0;
    padding: 0.85rem 1rem 0.95rem;
    background: #ffffff;
    border: 1px solid #cbd4dc;
    border-radius: 6px;
}

    .fahrzeuge-detailkarte h2[b-ooi5qy20wf] {
        margin: 0 0 0.8rem;
        color: #1f2937;
        font-size: 0.9rem;
        font-weight: 700;
    }

.fahrzeuge-detailraster[b-ooi5qy20wf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 0.85rem;
}

.fahrzeuge-detailfeld[b-ooi5qy20wf] {
    min-width: 0;
}

.fahrzeuge-detailfeld-breit[b-ooi5qy20wf] {
    grid-column: span 2;
}

.fahrzeuge-detailfeld span[b-ooi5qy20wf] {
    display: block;
    margin-bottom: 0.22rem;
    color: #6b7785;
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.fahrzeuge-detailfeld strong[b-ooi5qy20wf] {
    display: block;
    overflow: hidden;
    color: #111827;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1050px) {
    .fahrzeuge-detailraster[b-ooi5qy20wf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .fahrzeuge-detailraster[b-ooi5qy20wf] {
        grid-template-columns: 1fr;
    }

    .fahrzeuge-detailfeld-breit[b-ooi5qy20wf] {
        grid-column: auto;
    }
}


/* ===================================================================
   PRAXISTEST – modales Fahrzeugfenster
   =================================================================== */

/*
   Das Overlay deckt die komplette Browser-Anwendung ab.
   Navigation und Fahrzeugliste bleiben sichtbar, sind während des
   geöffneten Dialogs aber nicht bedienbar.
*/
.fahrzeuge-modal-overlay[b-ooi5qy20wf] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px;
    background: rgba(17, 24, 39, 0.56);
}


/*
   Die Größe orientiert sich am lokalen WPF-Fahrzeugfenster.
   FahrzeugDetails selbst ist bereits auf maximal 860 px ausgelegt.
*/
.fahrzeuge-modal-fenster[b-ooi5qy20wf] {
    position: relative;
    width: min(860px, calc(100vw - 40px));
    height: min(720px, calc(100vh - 40px));
    min-width: 0;
    min-height: 0;
    border-radius: 6px;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.30);
}


/*
   Für den Praxistest gibt es zusätzlich ein sichtbares X.
   Wenn uns das Dialogprinzip gefällt, bauen wir anschließend die
   endgültige Fenstersteuerung sauber in die Dialogkomponente ein.
*/
.fahrzeuge-modal-schliessen[b-ooi5qy20wf] {
    position: absolute;
    top: -14px;
    right: -14px;
    z-index: 10;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #7f8994;
    border-radius: 50%;
    background: #ffffff;
    color: #374151;
    font: inherit;
    font-size: 21px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.30);
}

    .fahrzeuge-modal-schliessen:hover[b-ooi5qy20wf] {
        background: #f3f4f6;
        color: #111827;
    }

/* ===================================================================
   MODAL – Styles der eingebetteten FahrzeugDetails-Komponente
   ===================================================================

   Hintergrund:
   FahrzeugDetails wird auf der Fahrzeugseite als untergeordnete
   Blazor-Komponente eingebettet. Durch CSS-Isolation können deren
   Styles im eingebetteten Zustand je nach Scope nicht zuverlässig
   bis in den Modal-Inhalt wirken.

   Mit ::deep wird der Modal-Inhalt deshalb bewusst vom CSS der
   Fahrzeugseite aus formatiert. Die Regeln gelten nur innerhalb
   .fahrzeuge-modal-fenster und beeinflussen die normale Seite nicht.
   =================================================================== */

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor {
    width: 100%;
    max-width: 860px;
    height: 100%;
    min-height: 540px;
    margin: 0 auto;
    display: grid;
    grid-template-rows: 74px minmax(0, 1fr) 68px;
    overflow: hidden;
    background: #eef1f4;
    border: 1px solid #b8c0c9;
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-kopf {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 0 24px;
    background: #ffffff;
    border-bottom: 1px solid #c1c8d0;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-kopftext {
    min-width: 0;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-kopf h1 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-kopf p {
    margin: 3px 0 0;
    overflow: hidden;
    color: #59636f;
    font-size: 12px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-aktiv {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #374151;
    font-size: 13px;
    white-space: nowrap;
}

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-aktiv input {
        width: 15px;
        height: 15px;
        margin: 0;
        accent-color: #2563eb;
    }

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-status {
    align-self: stretch;
    justify-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #bec6cf;
    border-radius: 6px;
    color: #6b7280;
    font-size: 13px;
    text-align: center;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-status-fehler {
    background: #fffafa;
    border-color: #e5baba;
    color: #9b3131;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-registerrahmen {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    margin: 20px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #bec6cf;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-registerleiste {
    display: flex;
    align-items: flex-end;
    min-height: 43px;
    padding: 0 1px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #ffffff;
    border-bottom: 1px solid #c1c8d0;
    scrollbar-width: thin;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-register {
    min-height: 42px;
    padding: 9px 18px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #364152;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-register:hover {
        background: #f7f8fa;
        color: #1f2937;
    }

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-register-aktiv {
    border-bottom-color: #2563eb;
    color: #1d4ed8;
    background: #ffffff;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-registerinhalt {
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    background: #ffffff;
    scrollbar-width: thin;
    scrollbar-color: #b8c1ca transparent;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-formularraster {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 24px;
    row-gap: 18px;
    padding: 24px;
}


    /*
   Das Register "Betrieb & Technik" wird in FahrzeugDetails mit der
   zusätzlichen Klasse "fahrzeug-editor-formularraster-kompakt"
   gekennzeichnet.

   Wichtig:
   FahrzeugDetails ist als untergeordnete Blazor-Komponente in diesem
   Modal eingebettet. Deshalb haben die ::deep-Regeln dieser Datei eine
   höhere CSS-Spezifität als die isolierten Regeln der Kindkomponente.

   Die kompakte Darstellung muss daher auch hier ausdrücklich gesetzt
   werden.
*/
    .fahrzeuge-modal-fenster[b-ooi5qy20wf] 
    .fahrzeug-editor-formularraster.fahrzeug-editor-formularraster-kompakt {
        row-gap: 8px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

.fahrzeuge-modal-fenster[b-ooi5qy20wf] 
.fahrzeug-editor-formularraster-kompakt .fahrzeug-editor-feld label {
    margin-bottom: 3px;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf] 
.fahrzeug-editor-formularraster-kompakt .fahrzeug-editor-eingabe {
    height: 30px;
    line-height: 20px;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf] 
.fahrzeug-editor-formularraster-kompakt .fahrzeug-editor-kombi-schalter {
    height: 28px;
    line-height: 28px;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-feld {
    min-width: 0;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-feld-breit {
    grid-column: 1 / -1;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-feld label,
.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-bemerkungen label {
    display: block;
    margin: 0 0 5px;
    color: #29323d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-eingabe {
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    padding: 4px 8px;
    border: 1px solid #aeb8c3;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    color: #111827;
    font: inherit;
    font-size: 13px;
    line-height: 24px;
}

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-eingabe[readonly] {
        cursor: default;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-eingabe:focus {
        border-color: #7aa7ef;
        box-shadow: 0 0 0 1px #7aa7ef;
    }

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-eingabe-mehrzeilig {
    height: 100%;
    min-height: 180px;
    padding-top: 8px;
    line-height: 1.45;
    resize: none;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-bemerkungen {
    min-height: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto minmax(180px, 1fr);
    padding: 24px;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-fuss {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
    background: #ffffff;
    border-top: 1px solid #d1d5db;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-pflichthinweis {
    color: #6b7280;
    font-size: 11px;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-aktionen {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-button {
    min-width: 110px;
    height: 38px;
    box-sizing: border-box;
    padding: 0 18px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-button-sekundaer {
    border: 1px solid #aeb8c3;
    background: #ffffff;
    color: #29323d;
}

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-button-sekundaer:hover {
        background: #f7f8fa;
    }

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-button-primaer {
    border: 0;
    background: #2563eb;
    color: #ffffff;
}

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-button-primaer:hover:not(:disabled) {
        background: #1d4ed8;
    }

.fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-button:disabled {
    opacity: 0.55;
    cursor: default;
}

@media (max-width: 900px) {
    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-registerrahmen {
        margin: 16px;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-formularraster {
        column-gap: 18px;
        row-gap: 16px;
        padding: 20px;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-bemerkungen {
        padding: 20px;
    }
}

@media (max-width: 680px) {
    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor {
        min-height: 600px;
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-kopf {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 14px 16px;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-aktiv {
        justify-self: start;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-registerrahmen {
        margin: 12px;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-formularraster {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-feld-breit {
        grid-column: auto;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-bemerkungen {
        padding: 16px;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-fuss {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 10px 14px;
    }

    .fahrzeuge-modal-fenster[b-ooi5qy20wf]  .fahrzeug-editor-aktionen {
        justify-content: flex-end;
    }
}

/* ===================================================================
   Fahrzeug löschen – Sicherheitsabfrage
   =================================================================== */

.fahrzeuge-loeschen-overlay[b-ooi5qy20wf] {
    position: fixed;
    inset: 0;
    z-index: 6000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(17, 24, 39, 0.52);
}

.fahrzeuge-loeschen-dialog[b-ooi5qy20wf] {
    width: min(460px, calc(100vw - 40px));
    box-sizing: border-box;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #aeb8c3;
    border-radius: 6px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

    .fahrzeuge-loeschen-dialog h2[b-ooi5qy20wf] {
        margin: 0 0 14px;
        color: #111827;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .fahrzeuge-loeschen-dialog p[b-ooi5qy20wf] {
        margin: 0 0 10px;
        color: #374151;
        font-size: 0.86rem;
        line-height: 1.5;
    }

.fahrzeuge-loeschen-hinweis[b-ooi5qy20wf] {
    color: #6b7280 !important;
    font-size: 0.78rem !important;
}

.fahrzeuge-loeschen-fehler[b-ooi5qy20wf] {
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid #e2b8b8;
    background: #fff5f5;
    color: #9b3131;
    font-size: 0.78rem;
    line-height: 1.4;
}

.fahrzeuge-loeschen-aktionen[b-ooi5qy20wf] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.fahrzeuge-aktion-gefahr[b-ooi5qy20wf] {
    border-color: #b91c1c;
    background: #b91c1c;
    color: #ffffff;

}

    .fahrzeuge-aktion-gefahr:hover:not(:disabled)[b-ooi5qy20wf] {
        border-color: #991b1b;
        background: #991b1b;
    }
/* /Components/Pages/Fachbereiche/Kilometer/Kilometer.razor.rz.scp.css */
/* ===================================================================
   Kilometer - Weboberflaeche
   =================================================================== */

.kilometer-seite[b-y108c1r1x5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    color: #26313b;
    font-size: 0.78rem;
}


/* ===================================================================
   Werkzeugleiste
   =================================================================== */

.kilometer-kopf[b-y108c1r1x5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

.kilometer-fahrzeugauswahl[b-y108c1r1x5] {
    width: min(390px, 100%);
    min-width: 260px;
}

.kilometer-fahrzeugauswahl label[b-y108c1r1x5],
.kilometer-formularfeld > span[b-y108c1r1x5],
.kilometer-editor-fahrzeug > span[b-y108c1r1x5],
.kilometer-loeschen-daten span[b-y108c1r1x5] {
    display: block;
    margin-bottom: 4px;
    color: #687582;
    font-size: 0.68rem;
    font-weight: 700;
}

.kilometer-fahrzeugauswahl select[b-y108c1r1x5],
.kilometer-formularfeld input[b-y108c1r1x5],
.kilometer-formularfeld textarea[b-y108c1r1x5] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #2e3944;
    font: inherit;
    font-size: 0.78rem;
    outline: none;
}

.kilometer-fahrzeugauswahl select[b-y108c1r1x5],
.kilometer-formularfeld input[b-y108c1r1x5] {
    height: 34px;
    padding: 0 0.7rem;
}

.kilometer-formularfeld textarea[b-y108c1r1x5] {
    min-height: 80px;
    padding: 0.55rem 0.7rem;
    resize: vertical;
}

.kilometer-fahrzeugauswahl select:focus[b-y108c1r1x5],
.kilometer-formularfeld input:focus[b-y108c1r1x5],
.kilometer-formularfeld textarea:focus[b-y108c1r1x5] {
    border-color: #6d9dc6;
    box-shadow: 0 0 0 2px rgba(31, 95, 153, 0.10);
}

.kilometer-formularfeld input:disabled[b-y108c1r1x5],
.kilometer-formularfeld textarea:disabled[b-y108c1r1x5] {
    background: #f4f6f8;
    color: #6d7882;
}

.kilometer-aktionen[b-y108c1r1x5],
.kilometer-detailaktionen[b-y108c1r1x5],
.kilometer-editor-kopfaktionen[b-y108c1r1x5],
.kilometer-loeschen-aktionen[b-y108c1r1x5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.kilometer-aktion[b-y108c1r1x5],
.kilometer-dialog-button[b-y108c1r1x5] {
    min-height: 34px;
    box-sizing: border-box;
    padding: 0.36rem 0.78rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #44505b;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 650;
    cursor: pointer;
}

.kilometer-aktion:hover:not(:disabled)[b-y108c1r1x5],
.kilometer-dialog-button:hover:not(:disabled)[b-y108c1r1x5] {
    background: #f5f7f9;
}

.kilometer-aktion:disabled[b-y108c1r1x5],
.kilometer-dialog-button:disabled[b-y108c1r1x5] {
    opacity: 0.52;
    cursor: default;
}

.kilometer-aktion-primaer[b-y108c1r1x5],
.kilometer-dialog-button-primaer[b-y108c1r1x5] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.kilometer-aktion-primaer:hover:not(:disabled)[b-y108c1r1x5],
.kilometer-dialog-button-primaer:hover:not(:disabled)[b-y108c1r1x5] {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #ffffff;
}

.kilometer-aktion-gefahr[b-y108c1r1x5],
.kilometer-dialog-button-gefahr[b-y108c1r1x5] {
    border-color: #bd4a4a;
    background: #ffffff;
    color: #a13838;
}

.kilometer-aktion-gefahr:hover:not(:disabled)[b-y108c1r1x5],
.kilometer-dialog-button-gefahr:hover:not(:disabled)[b-y108c1r1x5] {
    background: #fff5f5;
}


/* ===================================================================
   Meldungen
   =================================================================== */

.kilometer-meldung[b-y108c1r1x5] {
    padding: 0.58rem 0.72rem;
    border: 1px solid #d5dde4;
    border-radius: 5px;
    font-size: 0.74rem;
    line-height: 1.35;
}

.kilometer-meldung-erfolg[b-y108c1r1x5] {
    border-color: #b8ddc3;
    background: #f1faf4;
    color: #24643a;
}

.kilometer-meldung-fehler[b-y108c1r1x5] {
    border-color: #e3bcbc;
    background: #fff5f5;
    color: #8e3333;
}


/* ===================================================================
   Aktueller Kilometerstand
   =================================================================== */

.kilometer-aktuell[b-y108c1r1x5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    background: #ffffff;
}

.kilometer-aktuell-feld[b-y108c1r1x5] {
    min-width: 0;
    min-height: 62px;
    padding: 0.68rem 0.85rem;
    box-sizing: border-box;
    border-right: 1px solid #e4e8ec;
}

.kilometer-aktuell-feld:last-child[b-y108c1r1x5] {
    border-right: 0;
}

.kilometer-aktuell-feld span[b-y108c1r1x5],
.kilometer-detailraster span[b-y108c1r1x5],
.kilometer-vertrag-kachel span[b-y108c1r1x5] {
    display: block;
    margin-bottom: 4px;
    color: #7b8792;
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.015em;
}

.kilometer-aktuell-feld strong[b-y108c1r1x5] {
    display: block;
    overflow: hidden;
    color: #24313c;
    font-size: 1.03rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kilometer-aktuell-feld strong.kilometer-aktuell-klein[b-y108c1r1x5] {
    padding-top: 2px;
    font-size: 0.78rem;
    font-weight: 650;
}


/* ===================================================================
   Historie
   =================================================================== */

.kilometer-historie-rahmen[b-y108c1r1x5] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    background: #ffffff;
}

.kilometer-tabelle-scroll[b-y108c1r1x5] {
    width: 100%;
    max-height: 245px;
    overflow: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #aeb8c2 transparent;
}

.kilometer-tabelle[b-y108c1r1x5] {
    width: 100%;
    min-width: 850px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #26313b;
    font-size: 0.76rem;
}

.kilometer-tabelle th[b-y108c1r1x5] {
    position: sticky;
    top: 0;
    z-index: 2;
    height: 34px;
    box-sizing: border-box;
    padding: 0 0.65rem;
    border-bottom: 1px solid #cfd7de;
    background: #eef2f5;
    color: #5c6874;
    text-align: left;
    font-size: 0.68rem;
    font-weight: 750;
    white-space: nowrap;
}

.kilometer-tabelle tbody tr[b-y108c1r1x5] {
    height: 30px;
    background: #ffffff;
    cursor: pointer;
}

.kilometer-tabelle tbody tr:nth-child(even)[b-y108c1r1x5] {
    background: #fafbfc;
}

.kilometer-tabelle tbody tr:hover[b-y108c1r1x5] {
    background: #eef5fb;
}

.kilometer-tabelle tbody tr.kilometer-zeile-ausgewaehlt[b-y108c1r1x5],
.kilometer-tabelle tbody tr.kilometer-zeile-ausgewaehlt:hover[b-y108c1r1x5] {
    background: #dcecf9;
}

.kilometer-tabelle td[b-y108c1r1x5] {
    height: 30px;
    box-sizing: border-box;
    padding: 0 0.65rem;
    border-bottom: 1px solid #edf0f2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.kilometer-tabelle th:nth-child(1)[b-y108c1r1x5],
.kilometer-tabelle td:nth-child(1)[b-y108c1r1x5] {
    width: 165px;
}

.kilometer-tabelle th:nth-child(2)[b-y108c1r1x5],
.kilometer-tabelle td:nth-child(2)[b-y108c1r1x5] {
    width: 135px;
}

.kilometer-tabelle th:nth-child(3)[b-y108c1r1x5],
.kilometer-tabelle td:nth-child(3)[b-y108c1r1x5] {
    width: 165px;
}

.kilometer-tabelle th:nth-child(4)[b-y108c1r1x5],
.kilometer-tabelle td:nth-child(4)[b-y108c1r1x5] {
    width: 155px;
}

.kilometer-status[b-y108c1r1x5] {
    min-height: 82px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 1rem;
    color: #67737e;
    text-align: center;
}

.kilometer-status strong[b-y108c1r1x5] {
    color: #44515d;
    font-size: 0.8rem;
}

.kilometer-status span[b-y108c1r1x5] {
    font-size: 0.7rem;
}


/* ===================================================================
   Detailkarte
   =================================================================== */

.kilometer-detailkarte[b-y108c1r1x5] {
    padding: 0.7rem 0.85rem 0.76rem;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    background: #ffffff;
}

.kilometer-detailkopf[b-y108c1r1x5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 0.58rem;
}

.kilometer-detailkopf h2[b-y108c1r1x5],
.kilometer-auswertung-kopf h2[b-y108c1r1x5],
.kilometer-vertrag-kopf h2[b-y108c1r1x5] {
    margin: 0;
    color: #2c3944;
    font-size: 0.84rem;
    font-weight: 750;
}

.kilometer-detailraster[b-y108c1r1x5] {
    display: grid;
    grid-template-columns: 160px 180px 170px minmax(0, 1fr);
    gap: 0.65rem 1rem;
}

.kilometer-detailraster strong[b-y108c1r1x5] {
    display: block;
    overflow: hidden;
    color: #35414c;
    font-size: 0.75rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kilometer-detail-bemerkung[b-y108c1r1x5] {
    min-width: 0;
}


/* ===================================================================
   Verlauf und Vertragsgrenze
   =================================================================== */

.kilometer-auswertung[b-y108c1r1x5] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(420px, 0.9fr);
    gap: 10px;
    min-width: 0;
}

.kilometer-verlauf[b-y108c1r1x5],
.kilometer-vertrag[b-y108c1r1x5] {
    min-width: 0;
    min-height: 250px;
    box-sizing: border-box;
    padding: 0.78rem 0.86rem;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    background: #ffffff;
}

.kilometer-auswertung-kopf[b-y108c1r1x5],
.kilometer-vertrag-kopf[b-y108c1r1x5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 0.66rem;
}

.kilometer-auswertung-kopf p[b-y108c1r1x5],
.kilometer-vertrag-kopf p[b-y108c1r1x5] {
    margin: 0.18rem 0 0;
    color: #7b8792;
    font-size: 0.64rem;
    line-height: 1.3;
}

.kilometer-verlauf-zeitraum[b-y108c1r1x5] {
    flex: 0 0 auto;
    color: #7a8792;
    font-size: 0.66rem;
    font-weight: 650;
}

.kilometer-verlauf-leer[b-y108c1r1x5] {
    min-height: 184px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a8792;
    font-size: 0.72rem;
    text-align: center;
}

.kilometer-diagramm-raster[b-y108c1r1x5] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 82px;
    align-items: stretch;
    min-height: 190px;
}

.kilometer-svg-rahmen[b-y108c1r1x5] {
    min-width: 0;
    overflow: hidden;
    border-left: 1px solid #e0e5e9;
    border-bottom: 1px solid #e0e5e9;
    background: linear-gradient(to bottom, #ffffff, #fbfcfd);
}

.kilometer-svg[b-y108c1r1x5] {
    display: block;
    width: 100%;
    height: 190px;
    overflow: visible;
}

.kilometer-achse[b-y108c1r1x5] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2px 7px 1px;
    color: #7c8791;
    font-size: 0.61rem;
    line-height: 1.15;
}

.kilometer-achse-links[b-y108c1r1x5] {
    align-items: flex-end;
    text-align: right;
}

.kilometer-achse-rechts[b-y108c1r1x5] {
    align-items: flex-start;
    text-align: left;
}

.kilometer-diagramm-rasterlinie[b-y108c1r1x5] {
    stroke: #e8ecef;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.kilometer-diagramm-kilometerlinie[b-y108c1r1x5] {
    fill: none;
    stroke: #2563eb;
    stroke-width: 2.4;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.kilometer-diagramm-wochenlinie[b-y108c1r1x5] {
    fill: none;
    stroke: #77838e;
    stroke-width: 1.8;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.kilometer-diagramm-kilometerpunkt[b-y108c1r1x5] {
    fill: #ffffff;
    stroke: #2563eb;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.kilometer-diagramm-wochenpunkt[b-y108c1r1x5] {
    fill: #ffffff;
    stroke: #77838e;
    stroke-width: 1.6;
    vector-effect: non-scaling-stroke;
}

.kilometer-ampel[b-y108c1r1x5] {
    flex: 0 0 auto;
    min-width: 54px;
    box-sizing: border-box;
    padding: 0.27rem 0.55rem;
    border-radius: 999px;
    text-align: center;
    font-size: 0.65rem;
    font-weight: 800;
}

.kilometer-ampel-neutral[b-y108c1r1x5] {
    background: #edf1f4;
    color: #60707d;
}

.kilometer-ampel-gruen[b-y108c1r1x5] {
    background: #16a34a;
    color: #ffffff;
}

.kilometer-ampel-gelb[b-y108c1r1x5] {
    background: #f59e0b;
    color: #111827;
}

.kilometer-ampel-rot[b-y108c1r1x5] {
    background: #dc2626;
    color: #ffffff;
}

.kilometer-vertrag-raster[b-y108c1r1x5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.kilometer-vertrag-kachel[b-y108c1r1x5] {
    min-width: 0;
    min-height: 51px;
    box-sizing: border-box;
    padding: 0.48rem 0.58rem;
    border: 1px solid #e1e6ea;
    border-radius: 5px;
    background: #f9fafb;
}

.kilometer-vertrag-kachel strong[b-y108c1r1x5] {
    display: block;
    overflow: hidden;
    color: #33414d;
    font-size: 0.76rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kilometer-vertrag-kachel small[b-y108c1r1x5] {
    display: block;
    margin-top: 2px;
    color: #84909a;
    font-size: 0.58rem;
}

.kilometer-vertrag-kachel-positiv[b-y108c1r1x5] {
    border-color: #bfe2c8;
    background: #f1faf4;
}

.kilometer-vertrag-kachel-gelb[b-y108c1r1x5] {
    border-color: #edd28f;
    background: #fff9e9;
}

.kilometer-vertrag-kachel-warnung[b-y108c1r1x5] {
    border-color: #e8c1c1;
    background: #fff4f4;
}


/* ===================================================================
   Dialoge
   =================================================================== */

.kilometer-dialog-hintergrund[b-y108c1r1x5] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 22px;
    background: rgba(37, 46, 55, 0.55);
}

.kilometer-editor[b-y108c1r1x5] {
    width: min(780px, calc(100vw - 44px));
    max-height: min(82vh, 720px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cbd3da;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 16px 45px rgba(25, 35, 45, 0.24);
}

.kilometer-editor-kopf[b-y108c1r1x5] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 1rem 1.1rem 0.88rem;
    border-bottom: 1px solid #e0e5e9;
}

.kilometer-editor-kopf h2[b-y108c1r1x5],
.kilometer-loeschen-dialog h2[b-y108c1r1x5] {
    margin: 0;
    color: #26343f;
    font-size: 1rem;
    font-weight: 750;
}

.kilometer-editor-kopf p[b-y108c1r1x5] {
    margin: 0.2rem 0 0;
    color: #7a8792;
    font-size: 0.67rem;
}

.kilometer-editor-inhalt[b-y108c1r1x5] {
    min-height: 0;
    overflow-y: auto;
    padding: 0.95rem 1.1rem 1.1rem;
    scrollbar-width: thin;
    scrollbar-color: #aeb8c2 transparent;
}

.kilometer-editor-fehler[b-y108c1r1x5] {
    margin-bottom: 0.78rem;
    padding: 0.58rem 0.68rem;
    border: 1px solid #e3bcbc;
    border-radius: 5px;
    background: #fff5f5;
    color: #8e3333;
    font-size: 0.72rem;
}

.kilometer-editor-fahrzeug[b-y108c1r1x5] {
    margin-bottom: 0.8rem;
    padding: 0.62rem 0.7rem;
    border: 1px solid #e0e5e9;
    border-radius: 5px;
    background: #f8fafb;
}

.kilometer-editor-fahrzeug strong[b-y108c1r1x5] {
    color: #35414c;
    font-size: 0.78rem;
    font-weight: 700;
}

.kilometer-editor-raster[b-y108c1r1x5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem 0.9rem;
}

.kilometer-formularfeld[b-y108c1r1x5] {
    min-width: 0;
}

.kilometer-formularfeld-breit[b-y108c1r1x5] {
    grid-column: 1 / -1;
}

.kilometer-loeschen-dialog[b-y108c1r1x5] {
    width: min(560px, calc(100vw - 44px));
    box-sizing: border-box;
    padding: 1rem 1.05rem;
    border: 1px solid #cbd3da;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 16px 45px rgba(25, 35, 45, 0.24);
}

.kilometer-loeschen-dialog > p[b-y108c1r1x5] {
    margin: 0.75rem 0;
    color: #53606c;
    font-size: 0.75rem;
    line-height: 1.45;
}

.kilometer-loeschen-daten[b-y108c1r1x5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem 0.85rem;
    padding: 0.7rem;
    border-radius: 5px;
    background: #f5f7f9;
}

.kilometer-loeschen-daten strong[b-y108c1r1x5] {
    display: block;
    color: #35414c;
    font-size: 0.74rem;
    font-weight: 700;
}

.kilometer-loeschen-hinweis[b-y108c1r1x5] {
    color: #775454 !important;
}

.kilometer-loeschen-aktionen[b-y108c1r1x5] {
    margin-top: 0.95rem;
}


/* ===================================================================
   Responsive Verhalten
   =================================================================== */

@media (max-width: 1200px) {
    .kilometer-auswertung[b-y108c1r1x5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kilometer-verlauf[b-y108c1r1x5],
    .kilometer-vertrag[b-y108c1r1x5] {
        min-height: 0;
    }

    .kilometer-detailraster[b-y108c1r1x5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .kilometer-kopf[b-y108c1r1x5] {
        align-items: stretch;
        flex-direction: column;
    }

    .kilometer-fahrzeugauswahl[b-y108c1r1x5] {
        width: 100%;
        min-width: 0;
    }

    .kilometer-aktionen[b-y108c1r1x5] {
        justify-content: flex-start;
    }

    .kilometer-aktuell[b-y108c1r1x5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kilometer-aktuell-feld:nth-child(2)[b-y108c1r1x5] {
        border-right: 0;
    }

    .kilometer-aktuell-feld:nth-child(-n+2)[b-y108c1r1x5] {
        border-bottom: 1px solid #e4e8ec;
    }

    .kilometer-editor-kopf[b-y108c1r1x5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kilometer-editor-kopfaktionen[b-y108c1r1x5] {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .kilometer-aktuell[b-y108c1r1x5],
    .kilometer-detailraster[b-y108c1r1x5],
    .kilometer-vertrag-raster[b-y108c1r1x5],
    .kilometer-editor-raster[b-y108c1r1x5],
    .kilometer-loeschen-daten[b-y108c1r1x5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kilometer-aktuell-feld[b-y108c1r1x5] {
        border-right: 0;
        border-bottom: 1px solid #e4e8ec;
    }

    .kilometer-aktuell-feld:last-child[b-y108c1r1x5] {
        border-bottom: 0;
    }

    .kilometer-formularfeld-breit[b-y108c1r1x5] {
        grid-column: auto;
    }

    .kilometer-diagramm-raster[b-y108c1r1x5] {
        grid-template-columns: 58px minmax(0, 1fr) 65px;
    }

    .kilometer-dialog-hintergrund[b-y108c1r1x5] {
        padding: 10px;
    }

    .kilometer-editor[b-y108c1r1x5],
    .kilometer-loeschen-dialog[b-y108c1r1x5] {
        width: calc(100vw - 20px);
    }
}
/* /Components/Pages/Fachbereiche/Organisationen/Organisationen.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Organisationen
   ===================================================================
   Kompakte Organisationsverwaltung im gleichen Grundaufbau wie
   Personen und Fahrzeuge.
   =================================================================== */


/* ===================================================================
   Seitencontainer
   =================================================================== */

.organisationen-seite[b-c2ezlk5nii] {
    width: 100%;
    max-width: 1480px;
    min-width: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}


/* ===================================================================
   Meldungen
   =================================================================== */

.organisationen-meldung[b-c2ezlk5nii],
.organisationen-status[b-c2ezlk5nii] {
    padding: 0.68rem 0.85rem;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    background: #ffffff;
    color: #55616d;
    font-size: 0.8rem;
}

.organisationen-meldung-erfolg[b-c2ezlk5nii] {
    border-color: #a9d7bc;
    background: #f2faf5;
    color: #23633d;
}

.organisationen-meldung-fehler[b-c2ezlk5nii],
.organisationen-status-fehler[b-c2ezlk5nii] {
    border-color: #e5b3b3;
    background: #fff5f5;
    color: #9b2c2c;
}


/* ===================================================================
   Werkzeugleiste
   =================================================================== */

.organisationen-werkzeugleiste[b-c2ezlk5nii] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) 210px auto auto;
    align-items: end;
    gap: 12px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

.organisationen-suche[b-c2ezlk5nii],
.organisationen-filter[b-c2ezlk5nii] {
    min-width: 0;
}

    .organisationen-suche label[b-c2ezlk5nii],
    .organisationen-filter label[b-c2ezlk5nii] {
        display: block;
        margin: 0 0 4px;
        color: #687582;
        font-size: 0.68rem;
        font-weight: 700;
    }

    .organisationen-suche input[b-c2ezlk5nii],
    .organisationen-filter select[b-c2ezlk5nii] {
        width: 100%;
        height: 34px;
        min-width: 0;
        padding: 0 0.7rem;
        border: 1px solid #cfd7de;
        border-radius: 5px;
        background: #ffffff;
        color: #2e3944;
        font: inherit;
        font-size: 0.78rem;
        outline: none;
    }

        .organisationen-suche input:focus[b-c2ezlk5nii],
        .organisationen-filter select:focus[b-c2ezlk5nii] {
            border-color: #6d9dc6;
            box-shadow: 0 0 0 2px rgba(31, 95, 153, 0.1);
        }

.organisationen-anzahl[b-c2ezlk5nii] {
    min-width: 70px;
    text-align: center;
    line-height: 1;
}

    .organisationen-anzahl span[b-c2ezlk5nii] {
        display: block;
        color: #26313b;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .organisationen-anzahl small[b-c2ezlk5nii] {
        display: block;
        margin-top: 4px;
        color: #7d8892;
        font-size: 0.64rem;
    }

.organisationen-aktionen[b-c2ezlk5nii] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.organisationen-aktion[b-c2ezlk5nii],
.organisationen-dialog-button[b-c2ezlk5nii] {
    min-height: 34px;
    padding: 0.36rem 0.72rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #44505b;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 650;
    cursor: pointer;
}

    .organisationen-aktion:hover:not(:disabled)[b-c2ezlk5nii],
    .organisationen-dialog-button:hover:not(:disabled)[b-c2ezlk5nii] {
        background: #f5f7f9;
    }

    .organisationen-aktion:disabled[b-c2ezlk5nii],
    .organisationen-dialog-button:disabled[b-c2ezlk5nii] {
        opacity: 0.55;
        cursor: default;
    }

.organisationen-aktion-primaer[b-c2ezlk5nii],
.organisationen-dialog-button-primaer[b-c2ezlk5nii] {
    border-color: #1f5f99;
    background: #1f5f99;
    color: #ffffff;
}

    .organisationen-aktion-primaer:hover:not(:disabled)[b-c2ezlk5nii],
    .organisationen-dialog-button-primaer:hover:not(:disabled)[b-c2ezlk5nii] {
        background: #194f80;
    }

.organisationen-aktion-gefahr[b-c2ezlk5nii] {
    border-color: #b84040;
    background: #b84040;
    color: #ffffff;
}

    .organisationen-aktion-gefahr:hover:not(:disabled)[b-c2ezlk5nii] {
        background: #9f3434;
    }


/* ===================================================================
   Tabelle
   =================================================================== */

.organisationen-tabelle-rahmen[b-c2ezlk5nii] {
    width: 100%;
    max-height: calc(100dvh - 270px);
    overflow: auto;
    scrollbar-gutter: stable;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

.organisationen-tabelle[b-c2ezlk5nii] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #394652;
    font-size: 0.75rem;
}

    .organisationen-tabelle thead th[b-c2ezlk5nii] {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 34px;
        padding: 0 0.65rem;
        border-bottom: 1px solid #d8dfe5;
        background: #eef2f5;
        color: #5c6975;
        text-align: left;
        font-size: 0.68rem;
        font-weight: 750;
        white-space: nowrap;
    }

    .organisationen-tabelle tbody tr[b-c2ezlk5nii] {
        height: 30px;
        cursor: pointer;
        background: #ffffff;
    }

        .organisationen-tabelle tbody tr:nth-child(even)[b-c2ezlk5nii] {
            background: #fafbfc;
        }

        .organisationen-tabelle tbody tr:hover[b-c2ezlk5nii] {
            background: #eef5fb;
        }

        .organisationen-tabelle tbody tr.organisationen-zeile-ausgewaehlt[b-c2ezlk5nii] {
            background: #dcecf9;
        }

    .organisationen-tabelle td[b-c2ezlk5nii] {
        height: 30px;
        max-height: 30px;
        padding: 0 0.65rem;
        border-bottom: 1px solid #edf0f2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

        .organisationen-tabelle th:nth-child(1)[b-c2ezlk5nii],
        .organisationen-tabelle td:nth-child(1)[b-c2ezlk5nii] {
            width: 105px;
        }

        .organisationen-tabelle th:nth-child(2)[b-c2ezlk5nii],
        .organisationen-tabelle td:nth-child(2)[b-c2ezlk5nii] {
            width: 24%;
        }

        .organisationen-tabelle th:nth-child(3)[b-c2ezlk5nii],
        .organisationen-tabelle td:nth-child(3)[b-c2ezlk5nii] {
            width: 17%;
        }

        .organisationen-tabelle th:nth-child(4)[b-c2ezlk5nii],
        .organisationen-tabelle td:nth-child(4)[b-c2ezlk5nii] {
            width: 18%;
        }

        .organisationen-tabelle th:nth-child(5)[b-c2ezlk5nii],
        .organisationen-tabelle td:nth-child(5)[b-c2ezlk5nii] {
            width: 15%;
        }

        .organisationen-tabelle th:nth-child(6)[b-c2ezlk5nii],
        .organisationen-tabelle td:nth-child(6)[b-c2ezlk5nii] {
            width: 145px;
        }

        .organisationen-tabelle th:nth-child(7)[b-c2ezlk5nii],
        .organisationen-tabelle td:nth-child(7)[b-c2ezlk5nii] {
            width: 64px;
        }

.organisationen-nummer[b-c2ezlk5nii] {
    color: #53606c;
    font-variant-numeric: tabular-nums;
}

.organisationen-name[b-c2ezlk5nii] {
    color: #26313b;
    font-weight: 650;
}


/* ===================================================================
   Detailkarte
   =================================================================== */

.organisationen-detailkarte[b-c2ezlk5nii] {
    padding: 0.78rem 0.9rem 0.82rem;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

    .organisationen-detailkarte h2[b-c2ezlk5nii] {
        margin: 0 0 0.62rem;
        color: #26313b;
        font-size: 0.86rem;
        font-weight: 700;
    }

.organisationen-detailraster[b-c2ezlk5nii] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem 1rem;
}

.organisationen-detailfeld[b-c2ezlk5nii] {
    min-width: 0;
}

    .organisationen-detailfeld span[b-c2ezlk5nii] {
        display: block;
        margin-bottom: 2px;
        color: #7b8792;
        font-size: 0.64rem;
        font-weight: 650;
    }

    .organisationen-detailfeld strong[b-c2ezlk5nii] {
        display: block;
        overflow: hidden;
        color: #35414c;
        font-size: 0.75rem;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* ===================================================================
   Ansprechpartner innerhalb der Detailkarte
   =================================================================== */

.organisationen-ansprechpartner[b-c2ezlk5nii] {
    margin-top: 0.8rem;
    padding-top: 0.72rem;
    border-top: 1px solid #e4e8ec;
}

.organisationen-ansprechpartner-kopf[b-c2ezlk5nii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

    .organisationen-ansprechpartner-kopf h3[b-c2ezlk5nii] {
        margin: 0;
        color: #2f3b46;
        font-size: 0.8rem;
        font-weight: 700;
    }

    .organisationen-ansprechpartner-kopf p[b-c2ezlk5nii] {
        margin: 0.12rem 0 0;
        color: #7b8792;
        font-size: 0.64rem;
    }

.organisationen-ansprechpartner-anzahl[b-c2ezlk5nii] {
    min-width: 30px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.5rem;
    border-radius: 13px;
    background: #edf2f6;
    color: #50606d;
    font-size: 0.7rem;
    font-weight: 750;
}

.organisationen-ansprechpartner-status[b-c2ezlk5nii],
.organisationen-ansprechpartner-hinweis[b-c2ezlk5nii] {
    padding: 0.48rem 0.6rem;
    border: 1px solid #e1e6ea;
    border-radius: 5px;
    background: #f8fafb;
    color: #66737f;
    font-size: 0.7rem;
}

.organisationen-ansprechpartner-status-fehler[b-c2ezlk5nii] {
    border-color: #e5b3b3;
    background: #fff5f5;
    color: #9b2c2c;
}

.organisationen-ansprechpartner-hinweis[b-c2ezlk5nii] {
    margin-top: 0.45rem;
}

.organisationen-ansprechpartner-tabelle-rahmen[b-c2ezlk5nii] {
    max-height: 142px;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-gutter: stable;
    border: 1px solid #e0e5e9;
    border-radius: 5px;
}

.organisationen-ansprechpartner-tabelle[b-c2ezlk5nii] {
    width: 100%;
    min-width: 930px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #46535f;
    font-size: 0.7rem;
}

    .organisationen-ansprechpartner-tabelle thead th[b-c2ezlk5nii] {
        position: sticky;
        top: 0;
        z-index: 1;
        height: 28px;
        padding: 0 0.55rem;
        border-bottom: 1px solid #dce2e7;
        background: #f0f3f5;
        color: #64717c;
        text-align: left;
        font-size: 0.63rem;
        font-weight: 750;
        white-space: nowrap;
    }

    .organisationen-ansprechpartner-tabelle tbody tr[b-c2ezlk5nii] {
        height: 28px;
    }

        .organisationen-ansprechpartner-tabelle tbody tr:nth-child(even)[b-c2ezlk5nii] {
            background: #fafbfc;
        }

    .organisationen-ansprechpartner-tabelle td[b-c2ezlk5nii] {
        height: 28px;
        max-height: 28px;
        padding: 0 0.55rem;
        border-bottom: 1px solid #edf0f2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .organisationen-ansprechpartner-tabelle th:nth-child(1)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(1)[b-c2ezlk5nii] {
            width: 17%;
        }

        .organisationen-ansprechpartner-tabelle th:nth-child(2)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(2)[b-c2ezlk5nii] {
            width: 15%;
        }

        .organisationen-ansprechpartner-tabelle th:nth-child(3)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(3)[b-c2ezlk5nii] {
            width: 11%;
        }

        .organisationen-ansprechpartner-tabelle th:nth-child(4)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(4)[b-c2ezlk5nii] {
            width: 12%;
        }

        .organisationen-ansprechpartner-tabelle th:nth-child(5)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(5)[b-c2ezlk5nii] {
            width: 16%;
        }

        .organisationen-ansprechpartner-tabelle th:nth-child(6)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(6)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle th:nth-child(7)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(7)[b-c2ezlk5nii] {
            width: 9%;
        }

        .organisationen-ansprechpartner-tabelle th:nth-child(8)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(8)[b-c2ezlk5nii] {
            width: 7%;
        }

        .organisationen-ansprechpartner-tabelle th:nth-child(9)[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle td:nth-child(9)[b-c2ezlk5nii] {
            width: 4%;
        }

.organisationen-ansprechpartner-name[b-c2ezlk5nii] {
    color: #2f3b46;
    font-weight: 650;
}

.organisationen-ansprechpartner-datum[b-c2ezlk5nii] {
    font-variant-numeric: tabular-nums;
}

.organisationen-ansprechpartner-hauptzelle[b-c2ezlk5nii] {
    overflow: visible !important;
}

.organisationen-ansprechpartner-haupt-badge[b-c2ezlk5nii] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 0.38rem;
    border: 1px solid #d9bf72;
    border-radius: 10px;
    background: #fff8dc;
    color: #765f16;
    font-size: 0.62rem;
    font-weight: 750;
    white-space: nowrap;
}


/* ===================================================================
   Ansprechpartner-Aktionen / Auswahl
   =================================================================== */

.organisationen-ansprechpartner-kopf-rechts[b-c2ezlk5nii] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
}

.organisationen-ansprechpartner-aktionen[b-c2ezlk5nii] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .organisationen-ansprechpartner-aktionen .organisationen-aktion[b-c2ezlk5nii] {
        min-height: 30px;
        padding: 0.26rem 0.58rem;
        font-size: 0.68rem;
    }

.organisationen-ansprechpartner-tabelle tbody tr[b-c2ezlk5nii] {
    cursor: pointer;
}

    .organisationen-ansprechpartner-tabelle tbody tr:hover[b-c2ezlk5nii] {
        background: #eef5fb;
    }

    .organisationen-ansprechpartner-tabelle tbody tr.organisationen-ansprechpartner-zeile-haupt[b-c2ezlk5nii] {
        background: #fffdf4;
    }

        .organisationen-ansprechpartner-tabelle tbody tr.organisationen-ansprechpartner-zeile-haupt td:first-child[b-c2ezlk5nii] {
            box-shadow: inset 3px 0 0 #caa548;
        }

        .organisationen-ansprechpartner-tabelle tbody tr.organisationen-ansprechpartner-zeile-ausgewaehlt[b-c2ezlk5nii],
        .organisationen-ansprechpartner-tabelle tbody tr.organisationen-ansprechpartner-zeile-haupt.organisationen-ansprechpartner-zeile-ausgewaehlt[b-c2ezlk5nii] {
            background: #dcecf9;
        }


/* ===================================================================
   Ansprechpartner-Dialog
   =================================================================== */

.organisationen-ansprechpartner-dialog[b-c2ezlk5nii] {
    width: min(840px, 100%);
    max-height: calc(100dvh - 40px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #cfd7de;
    border-radius: 9px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

.organisationen-ansprechpartner-dialog-inhalt[b-c2ezlk5nii] {
    min-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1rem;
    box-sizing: border-box;
}

.organisationen-ansprechpartner-schalter[b-c2ezlk5nii] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.85rem;
}

    .organisationen-ansprechpartner-schalter label[b-c2ezlk5nii] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        color: #53606c;
        font-size: 0.73rem;
        font-weight: 600;
    }

    .organisationen-ansprechpartner-schalter input[b-c2ezlk5nii] {
        width: 16px;
        height: 16px;
    }

.organisationen-ansprechpartner-select[b-c2ezlk5nii] {
    width: 100%;
    height: 35px;
    min-width: 0;
    box-sizing: border-box;
    padding: 0 0.68rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #313d48;
    font: inherit;
    font-size: 0.78rem;
    outline: none;
}

    .organisationen-ansprechpartner-select:focus[b-c2ezlk5nii] {
        border-color: #6d9dc6;
        box-shadow: 0 0 0 2px rgba(31, 95, 153, 0.1);
    }

.organisationen-ansprechpartner-dialog input[type="date"][b-c2ezlk5nii] {
    min-height: 35px;
    box-sizing: border-box;
}

.organisationen-ansprechpartner-bemerkungen[b-c2ezlk5nii] {
    min-height: 92px !important;
}


/* ===================================================================
   Formular-Dialog
   =================================================================== */

.organisationen-dialog-hintergrund[b-c2ezlk5nii],
.organisationen-loeschen-overlay[b-c2ezlk5nii] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(20, 30, 40, 0.42);
}

.organisationen-dialog[b-c2ezlk5nii] {
    width: min(920px, 100%);
    max-height: calc(100dvh - 40px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #cfd7de;
    border-radius: 9px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

.organisationen-dialog-kopf[b-c2ezlk5nii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0.9rem 1rem 0.78rem;
    border-bottom: 1px solid #e5e9ed;
}

    .organisationen-dialog-kopf h2[b-c2ezlk5nii] {
        margin: 0;
        color: #25313c;
        font-size: 1rem;
        font-weight: 700;
    }

    .organisationen-dialog-kopf p[b-c2ezlk5nii] {
        margin: 0.2rem 0 0;
        color: #7a8691;
        font-size: 0.72rem;
    }

.organisationen-aktiv-schalter[b-c2ezlk5nii] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #53606c;
    font-size: 0.75rem;
    font-weight: 600;
}

    .organisationen-aktiv-schalter input[b-c2ezlk5nii] {
        width: 16px;
        height: 16px;
    }

.organisationen-register[b-c2ezlk5nii] {
    display: flex;
    gap: 0;
    padding: 0 1rem;
    border-bottom: 1px solid #e5e9ed;
    background: #f7f9fa;
}

.organisationen-register-button[b-c2ezlk5nii] {
    min-height: 39px;
    padding: 0 0.85rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #687581;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 650;
    cursor: pointer;
}

    .organisationen-register-button:hover[b-c2ezlk5nii] {
        color: #1f5f99;
    }

.organisationen-register-button-aktiv[b-c2ezlk5nii] {
    border-bottom-color: #1f5f99;
    color: #1f5f99;
}

.organisationen-dialog-inhalt[b-c2ezlk5nii] {
    min-height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1rem;
    box-sizing: border-box;
}

.organisationen-formular-fehler[b-c2ezlk5nii],
.organisationen-loeschen-fehler[b-c2ezlk5nii] {
    margin-bottom: 0.85rem;
    padding: 0.62rem 0.72rem;
    border: 1px solid #e5b3b3;
    border-radius: 5px;
    background: #fff5f5;
    color: #9b2c2c;
    font-size: 0.75rem;
}

.organisationen-formular-raster[b-c2ezlk5nii] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.78rem 1rem;
}

.organisationen-feld[b-c2ezlk5nii] {
    min-width: 0;
}

.organisationen-feld-breit[b-c2ezlk5nii] {
    grid-column: 1 / -1;
}

.organisationen-feld label[b-c2ezlk5nii] {
    display: block;
    margin-bottom: 4px;
    color: #65717d;
    font-size: 0.68rem;
    font-weight: 700;
}

.organisationen-feld input[b-c2ezlk5nii],
.organisationen-feld textarea[b-c2ezlk5nii] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #313d48;
    font: inherit;
    font-size: 0.78rem;
    outline: none;
}

.organisationen-feld input[b-c2ezlk5nii] {
    height: 35px;
    padding: 0 0.68rem;
}

    .organisationen-feld input[readonly][b-c2ezlk5nii] {
        background: #f4f6f8;
        color: #77838e;
    }

.organisationen-feld textarea[b-c2ezlk5nii] {
    min-height: 190px;
    padding: 0.68rem;
    resize: vertical;
}

    .organisationen-feld input:focus[b-c2ezlk5nii],
    .organisationen-feld textarea:focus[b-c2ezlk5nii] {
        border-color: #6d9dc6;
        box-shadow: 0 0 0 2px rgba(31, 95, 153, 0.1);
    }

.organisationen-feld-bemerkungen[b-c2ezlk5nii] {
    width: 100%;
}

.organisationen-dialog-fuss[b-c2ezlk5nii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem 1rem;
    border-top: 1px solid #e5e9ed;
    background: #f9fafb;
}

    .organisationen-dialog-fuss > span[b-c2ezlk5nii] {
        color: #7a8691;
        font-size: 0.68rem;
    }

    .organisationen-dialog-fuss > div[b-c2ezlk5nii] {
        display: flex;
        gap: 7px;
    }


/* ===================================================================
   Selbstlernende Organisationsart
   =================================================================== */

.organisationen-auswahlliste[b-c2ezlk5nii] {
    position: relative;
}

.organisationen-auswahlliste-vorschlaege[b-c2ezlk5nii] {
    position: absolute;
    z-index: 25;
    top: calc(100% + 3px);
    left: 0;
    right: 0;
    max-height: 210px;
    overflow-y: auto;
    padding: 3px;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}

.organisationen-auswahlliste-eintrag[b-c2ezlk5nii] {
    width: 100%;
    padding: 0.48rem 0.58rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #394652;
    text-align: left;
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
}

    .organisationen-auswahlliste-eintrag:hover[b-c2ezlk5nii] {
        background: #eef5fb;
    }


/* ===================================================================
   Löschdialog
   =================================================================== */

.organisationen-loeschen-dialog[b-c2ezlk5nii] {
    width: min(520px, 100%);
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #d5dce2;
    border-radius: 8px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

    .organisationen-loeschen-dialog h2[b-c2ezlk5nii] {
        margin: 0 0 0.75rem;
        color: #2b3640;
        font-size: 1rem;
    }

    .organisationen-loeschen-dialog p[b-c2ezlk5nii] {
        margin: 0 0 0.72rem;
        color: #53606c;
        font-size: 0.78rem;
        line-height: 1.45;
    }

.organisationen-loeschen-nummer[b-c2ezlk5nii] {
    padding: 0.55rem 0.65rem;
    border-radius: 5px;
    background: #f5f7f9;
}

.organisationen-loeschen-hinweis[b-c2ezlk5nii] {
    color: #7a6060 !important;
}

.organisationen-loeschen-aktionen[b-c2ezlk5nii] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 1rem;
}


/* ===================================================================
   Responsive Verhalten
   =================================================================== */

@media (max-width: 1180px) {
    .organisationen-werkzeugleiste[b-c2ezlk5nii] {
        grid-template-columns: minmax(260px, 1fr) 190px auto;
    }

    .organisationen-aktionen[b-c2ezlk5nii] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .organisationen-detailraster[b-c2ezlk5nii] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 900px) {
    .organisationen-ansprechpartner-kopf[b-c2ezlk5nii] {
        align-items: flex-start;
    }

    .organisationen-ansprechpartner-kopf-rechts[b-c2ezlk5nii] {
        align-items: flex-end;
        flex-direction: column;
    }

    .organisationen-ansprechpartner-aktionen[b-c2ezlk5nii] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}


@media (max-width: 760px) {
    .organisationen-werkzeugleiste[b-c2ezlk5nii] {
        grid-template-columns: minmax(0, 1fr);
    }

    .organisationen-aktionen[b-c2ezlk5nii],
    .organisationen-anzahl[b-c2ezlk5nii] {
        justify-self: start;
    }

    .organisationen-tabelle[b-c2ezlk5nii] {
        min-width: 900px;
    }

    .organisationen-detailraster[b-c2ezlk5nii],
    .organisationen-formular-raster[b-c2ezlk5nii] {
        grid-template-columns: minmax(0, 1fr);
    }

    .organisationen-feld-breit[b-c2ezlk5nii] {
        grid-column: auto;
    }

    .organisationen-dialog-kopf[b-c2ezlk5nii],
    .organisationen-dialog-fuss[b-c2ezlk5nii] {
        align-items: flex-start;
        flex-direction: column;
    }

    .organisationen-register[b-c2ezlk5nii] {
        overflow-x: auto;
    }

    .organisationen-dialog-fuss > div[b-c2ezlk5nii] {
        align-self: stretch;
    }

    .organisationen-dialog-button[b-c2ezlk5nii] {
        flex: 1 1 0;
    }
}
/* /Components/Pages/Fachbereiche/Personen/Personen.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Personen
   KOMPakter Kopfbereich / mehr nutzbare Listenhöhe
   -------------------------------------------------------------------
   - kein doppelter Seitentitel unter dem MainLayout-Kopf
   - Aktionen direkt in der Such-/Filterleiste
   - kompaktere Bedienelemente
   - automatische Listenhöhe und vollständige Datenzeilen bleiben aktiv
   =================================================================== */

.personen-seite[b-2mhumwqcp6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}


.personen-aktionen[b-2mhumwqcp6] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.personen-aktion[b-2mhumwqcp6] {
    height: 34px;
    min-width: 86px;
    padding: 0 12px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    background: #ffffff;
    color: #374151;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .personen-aktion:hover:not(:disabled)[b-2mhumwqcp6] {
        background: #f9fafb;
    }

    .personen-aktion:disabled[b-2mhumwqcp6] {
        cursor: default;
        opacity: 0.48;
    }

.personen-aktion-filter[b-2mhumwqcp6] {
    min-width: 126px;
}

.personen-aktion-primaer[b-2mhumwqcp6] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .personen-aktion-primaer:hover:not(:disabled)[b-2mhumwqcp6] {
        background: #1d4ed8;
    }

.personen-meldung[b-2mhumwqcp6] {
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 13px;
}

.personen-meldung-erfolg[b-2mhumwqcp6] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.personen-meldung-fehler[b-2mhumwqcp6] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.personen-werkzeugleiste[b-2mhumwqcp6] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 145px minmax(200px, 250px) 190px auto auto;
    align-items: end;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
}

.personen-suche[b-2mhumwqcp6],
.personen-filter[b-2mhumwqcp6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .personen-suche label[b-2mhumwqcp6],
    .personen-filter label[b-2mhumwqcp6] {
        color: #6b7280;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .personen-suche input[b-2mhumwqcp6],
    .personen-filter select[b-2mhumwqcp6] {
        width: 100%;
        height: 34px;
        padding: 0 10px;
        border: 1px solid #d1d5db;
        border-radius: 5px;
        outline: none;
        background: #ffffff;
        color: #111827;
        font: inherit;
        font-size: 13px;
    }

        .personen-suche input:focus[b-2mhumwqcp6],
        .personen-filter select:focus[b-2mhumwqcp6] {
            border-color: #93c5fd;
            box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.10);
        }

.personen-anzahl[b-2mhumwqcp6] {
    min-width: 112px;
    padding: 2px 4px 1px;
    text-align: right;
}

    .personen-anzahl span[b-2mhumwqcp6] {
        display: block;
        color: #111827;
        font-size: 18px;
        font-weight: 650;
        line-height: 1.1;
    }

    .personen-anzahl small[b-2mhumwqcp6] {
        display: block;
        margin-top: 3px;
        color: #6b7280;
        font-size: 11px;
    }

.personen-status[b-2mhumwqcp6] {
    display: flex;
    min-height: 250px;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    color: #6b7280;
    text-align: center;
    font-size: 14px;
}

.personen-status-fehler[b-2mhumwqcp6] {
    color: #b91c1c;
}

/* ================================================================
   Personenliste
   ---------------------------------------------------------------
   Die tatsächliche Höhe wird im Browser anhand des noch verfügbaren
   Platzes bis zum unteren Fensterrand berechnet. Dabei wird immer auf
   vollständige Datenzeilen abgerundet.

   Die max-height-Angabe ist nur ein Fallback, falls JavaScript nicht
   verfügbar sein sollte.
   ================================================================ */

.personen-tabelle-rahmen[b-2mhumwqcp6] {
    width: 100%;
    max-height: calc(100dvh - 270px);
    overflow: auto;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    scrollbar-width: thin;
    scrollbar-color: #aeb8c2 transparent;
    scrollbar-gutter: stable;
}

.personen-tabelle[b-2mhumwqcp6] {
    width: 100%;
    min-width: 920px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #1f2937;
    font-size: 12px;
}

    .personen-tabelle th[b-2mhumwqcp6] {
        box-sizing: border-box;
        position: sticky;
        top: 0;
        z-index: 2;
        height: 46px;
        padding: 0 12px;
        border-bottom: 1px solid #e5e7eb;
        background: #f9fafb;
        color: #4b5563;
        text-align: left;
        vertical-align: middle;
        font-weight: 650;
    }

    .personen-tabelle td[b-2mhumwqcp6] {
        box-sizing: border-box;
        height: 30px;
        padding: 0 12px;
        border-bottom: 1px solid #e5e7eb;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    .personen-tabelle tbody tr:nth-child(even)[b-2mhumwqcp6] {
        background: #fafafa;
    }

    .personen-tabelle tbody tr[b-2mhumwqcp6] {
        cursor: pointer;
    }

        .personen-tabelle tbody tr:hover[b-2mhumwqcp6] {
            background: #eff6ff;
        }

        .personen-tabelle tbody tr.personen-zeile-ausgewaehlt[b-2mhumwqcp6] {
            background: #dbeafe;
            color: #1e3a8a;
        }

    .personen-tabelle th:nth-child(1)[b-2mhumwqcp6] {
        width: 105px;
    }

    .personen-tabelle th:nth-child(2)[b-2mhumwqcp6] {
        width: 150px;
    }

    .personen-tabelle th:nth-child(3)[b-2mhumwqcp6] {
        width: 140px;
    }

    .personen-tabelle th:nth-child(4)[b-2mhumwqcp6] {
        width: 220px;
    }

    .personen-tabelle th:nth-child(5)[b-2mhumwqcp6] {
        width: 165px;
    }

    .personen-tabelle th:nth-child(6)[b-2mhumwqcp6] {
        width: 130px;
    }

    .personen-tabelle th:nth-child(7)[b-2mhumwqcp6] {
        width: 70px;
    }

.personen-nummer[b-2mhumwqcp6],
.personen-name[b-2mhumwqcp6] {
    font-weight: 600;
}

.personen-detailkarte[b-2mhumwqcp6] {
    padding: 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
}

    .personen-detailkarte h2[b-2mhumwqcp6] {
        margin: 0 0 14px;
        color: #111827;
        font-size: 14px;
        font-weight: 650;
    }

.personen-detailraster[b-2mhumwqcp6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 18px;
}

.personen-detailfeld[b-2mhumwqcp6] {
    min-width: 0;
}

    .personen-detailfeld span[b-2mhumwqcp6] {
        display: block;
        margin-bottom: 3px;
        color: #6b7280;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .personen-detailfeld strong[b-2mhumwqcp6] {
        display: block;
        overflow: hidden;
        color: #1f2937;
        font-size: 13px;
        font-weight: 650;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.personen-kontaktlink[b-2mhumwqcp6] {
    color: inherit;
    text-decoration: none;
    text-underline-offset: 2px;
}

    .personen-kontaktlink:hover[b-2mhumwqcp6],
    .personen-kontaktlink:focus-visible[b-2mhumwqcp6] {
        color: #2563eb;
        text-decoration: underline;
    }

    .personen-kontaktlink:focus-visible[b-2mhumwqcp6] {
        outline: 2px solid #bfdbfe;
        outline-offset: 2px;
        border-radius: 2px;
    }


/* ================================================================
   Organisations-Zuordnungen in den Personendetails
   ================================================================ */

.personen-detailkopf[b-2mhumwqcp6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

    .personen-detailkopf h2[b-2mhumwqcp6] {
        margin: 0;
    }

.personen-detailkopf-zuordnungen[b-2mhumwqcp6] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 1px solid #dbe3ec;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.personen-organisationen[b-2mhumwqcp6] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.personen-organisationen-kopf[b-2mhumwqcp6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

    .personen-organisationen-kopf h3[b-2mhumwqcp6] {
        margin: 0;
        color: #111827;
        font-size: 12px;
        font-weight: 700;
    }

    .personen-organisationen-kopf p[b-2mhumwqcp6] {
        margin: 2px 0 0;
        color: #94a3b8;
        font-size: 10px;
    }

.personen-organisationen-status[b-2mhumwqcp6] {
    padding: 9px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    background: #f8fafc;
    color: #64748b;
    font-size: 11px;
}

.personen-organisationen-status-fehler[b-2mhumwqcp6] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.personen-organisationen-altbestand[b-2mhumwqcp6] {
    display: block;
    margin-top: 5px;
    color: #92400e;
}

.personen-organisationen-tabelle-rahmen[b-2mhumwqcp6] {
    width: 100%;
    max-height: 148px;
    overflow: auto;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    background: #ffffff;
    scrollbar-width: thin;
    scrollbar-color: #aeb8c2 transparent;
}

.personen-organisationen-tabelle[b-2mhumwqcp6] {
    width: 100%;
    min-width: 860px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #334155;
    font-size: 10.5px;
}

    .personen-organisationen-tabelle th[b-2mhumwqcp6] {
        position: sticky;
        top: 0;
        z-index: 1;
        height: 28px;
        padding: 0 8px;
        border-bottom: 1px solid #e5e7eb;
        background: #f8fafc;
        color: #64748b;
        text-align: left;
        vertical-align: middle;
        font-size: 9.5px;
        font-weight: 700;
    }

    .personen-organisationen-tabelle td[b-2mhumwqcp6] {
        height: 34px;
        padding: 4px 8px;
        border-bottom: 1px solid #edf0f3;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .personen-organisationen-tabelle tbody tr:last-child td[b-2mhumwqcp6] {
        border-bottom: 0;
    }

    .personen-organisationen-tabelle th:nth-child(1)[b-2mhumwqcp6] {
        width: 22%;
    }

    .personen-organisationen-tabelle th:nth-child(2)[b-2mhumwqcp6] {
        width: 18%;
    }

    .personen-organisationen-tabelle th:nth-child(3)[b-2mhumwqcp6] {
        width: 14%;
    }

    .personen-organisationen-tabelle th:nth-child(4)[b-2mhumwqcp6] {
        width: 20%;
    }

    .personen-organisationen-tabelle th:nth-child(5)[b-2mhumwqcp6] {
        width: 14%;
    }

    .personen-organisationen-tabelle th:nth-child(6)[b-2mhumwqcp6] {
        width: 12%;
    }

.personen-organisationen-name[b-2mhumwqcp6] {
    color: #1e3a8a;
    font-weight: 700;
}

.personen-organisationen-mehrzeilig[b-2mhumwqcp6] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .personen-organisationen-mehrzeilig small[b-2mhumwqcp6] {
        display: block;
        margin-top: 1px;
        overflow: hidden;
        color: #64748b;
        font-size: 9.5px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.personen-organisationen-datum[b-2mhumwqcp6] {
    font-variant-numeric: tabular-nums;
}

.personen-organisationen-statusbadges[b-2mhumwqcp6] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.personen-organisationen-badge[b-2mhumwqcp6] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 1px 5px;
    border-radius: 999px;
    font-size: 8.5px;
    font-weight: 700;
    white-space: nowrap;
}

.personen-organisationen-badge-haupt[b-2mhumwqcp6] {
    border: 1px solid #f3d58a;
    background: #fff8df;
    color: #8a5a00;
}

.personen-organisationen-badge-aktiv[b-2mhumwqcp6] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.personen-organisationen-badge-inaktiv[b-2mhumwqcp6] {
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    color: #64748b;
}

.personen-organisationen-badge-abgelaufen[b-2mhumwqcp6] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.personen-organisationen-badge-zukuenftig[b-2mhumwqcp6] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.personen-organisationen-hinweis[b-2mhumwqcp6] {
    margin-top: 6px;
    color: #b45309;
    font-size: 10px;
}


/* ================================================================
   Organisations-Zuordnungen im Personenformular
   ================================================================ */

.personen-zuordnungsbereich[b-2mhumwqcp6] {
    min-width: 0;
}

.personen-zuordnungs-kopf[b-2mhumwqcp6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

    .personen-zuordnungs-kopf h3[b-2mhumwqcp6] {
        margin: 0;
        color: #111827;
        font-size: 14px;
        font-weight: 700;
    }

    .personen-zuordnungs-kopf p[b-2mhumwqcp6] {
        margin: 3px 0 0;
        color: #6b7280;
        font-size: 10.5px;
        line-height: 1.35;
    }

.personen-zuordnungs-aktionen[b-2mhumwqcp6] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.personen-zuordnung-aktion[b-2mhumwqcp6] {
    min-height: 31px;
    padding: 0 11px;
    border: 1px solid #cfd6dd;
    border-radius: 4px;
    background: #ffffff;
    color: #374151;
    font: inherit;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

    .personen-zuordnung-aktion:hover:not(:disabled)[b-2mhumwqcp6] {
        background: #f8fafc;
    }

    .personen-zuordnung-aktion:disabled[b-2mhumwqcp6] {
        cursor: default;
        opacity: 0.5;
    }

.personen-zuordnung-aktion-primaer[b-2mhumwqcp6] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .personen-zuordnung-aktion-primaer:hover:not(:disabled)[b-2mhumwqcp6] {
        background: #1d4ed8;
    }

.personen-zuordnung-aktion-gefahr[b-2mhumwqcp6] {
    border-color: #e5a7a7;
    color: #b91c1c;
}

    .personen-zuordnung-aktion-gefahr:hover:not(:disabled)[b-2mhumwqcp6] {
        border-color: #dc8f8f;
        background: #fef2f2;
    }

.personen-zuordnungs-status[b-2mhumwqcp6] {
    margin-bottom: 10px;
    padding: 8px 10px;
    border: 1px solid #dbe3ec;
    border-radius: 5px;
    background: #f8fafc;
    color: #64748b;
    font-size: 11px;
}

.personen-zuordnungs-status-erfolg[b-2mhumwqcp6] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.personen-zuordnungs-status-fehler[b-2mhumwqcp6] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.personen-zuordnungs-tabelle-rahmen[b-2mhumwqcp6] {
    width: 100%;
    max-height: 150px;
    overflow: auto;
    border: 1px solid #dfe5ea;
    border-radius: 5px;
    background: #ffffff;
    scrollbar-width: thin;
    scrollbar-color: #aeb8c2 transparent;
}

.personen-zuordnungs-tabelle[b-2mhumwqcp6] {
    width: 100%;
    min-width: 690px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #334155;
    font-size: 10.5px;
}

    .personen-zuordnungs-tabelle thead th[b-2mhumwqcp6] {
        position: sticky;
        top: 0;
        z-index: 1;
        height: 28px;
        padding: 0 8px;
        border-bottom: 1px solid #dfe5ea;
        background: #f5f7f9;
        color: #64748b;
        text-align: left;
        font-size: 9.5px;
        font-weight: 700;
        white-space: nowrap;
    }

    .personen-zuordnungs-tabelle tbody tr[b-2mhumwqcp6] {
        height: 31px;
        cursor: pointer;
    }

        .personen-zuordnungs-tabelle tbody tr:hover[b-2mhumwqcp6] {
            background: #eef5fb;
        }

        .personen-zuordnungs-tabelle tbody tr.personen-zuordnung-zeile-ausgewaehlt[b-2mhumwqcp6] {
            background: #dcecf9;
        }

    .personen-zuordnungs-tabelle td[b-2mhumwqcp6] {
        height: 31px;
        padding: 3px 8px;
        border-bottom: 1px solid #edf0f3;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }

    .personen-zuordnungs-tabelle tbody tr:last-child td[b-2mhumwqcp6] {
        border-bottom: 0;
    }

    .personen-zuordnungs-tabelle th:nth-child(1)[b-2mhumwqcp6],
    .personen-zuordnungs-tabelle td:nth-child(1)[b-2mhumwqcp6] {
        width: 25%;
    }

    .personen-zuordnungs-tabelle th:nth-child(2)[b-2mhumwqcp6],
    .personen-zuordnungs-tabelle td:nth-child(2)[b-2mhumwqcp6] {
        width: 21%;
    }

    .personen-zuordnungs-tabelle th:nth-child(3)[b-2mhumwqcp6],
    .personen-zuordnungs-tabelle td:nth-child(3)[b-2mhumwqcp6] {
        width: 18%;
    }

    .personen-zuordnungs-tabelle th:nth-child(4)[b-2mhumwqcp6],
    .personen-zuordnungs-tabelle td:nth-child(4)[b-2mhumwqcp6] {
        width: 20%;
    }

    .personen-zuordnungs-tabelle th:nth-child(5)[b-2mhumwqcp6],
    .personen-zuordnungs-tabelle td:nth-child(5)[b-2mhumwqcp6] {
        width: 16%;
    }

.personen-zuordnungs-name[b-2mhumwqcp6] {
    color: #1e3a8a;
    font-weight: 700;
}

.personen-zuordnungs-mehrzeilig[b-2mhumwqcp6] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .personen-zuordnungs-mehrzeilig small[b-2mhumwqcp6] {
        display: block;
        margin-top: 1px;
        overflow: hidden;
        color: #64748b;
        font-size: 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.personen-zuordnungs-editor[b-2mhumwqcp6] {
    margin-top: 12px;
    padding: 14px;
    border: 1px solid #cfd8e3;
    border-radius: 6px;
    background: #f8fafc;
}

.personen-zuordnungs-editor-kopf[b-2mhumwqcp6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
}

    .personen-zuordnungs-editor-kopf h4[b-2mhumwqcp6] {
        margin: 0;
        color: #111827;
        font-size: 13px;
        font-weight: 700;
    }

    .personen-zuordnungs-editor-kopf p[b-2mhumwqcp6] {
        margin: 2px 0 0;
        color: #64748b;
        font-size: 10px;
    }

.personen-zuordnungs-schalter[b-2mhumwqcp6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

    .personen-zuordnungs-schalter label[b-2mhumwqcp6] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #374151;
        font-size: 11px;
        font-weight: 600;
        cursor: pointer;
    }

    .personen-zuordnungs-schalter input[b-2mhumwqcp6] {
        width: 15px;
        height: 15px;
    }

.personen-zuordnungs-editor .personen-formular-raster[b-2mhumwqcp6] {
    gap: 12px 18px;
}

.personen-zuordnungs-bemerkungen textarea[b-2mhumwqcp6] {
    min-height: 66px;
    max-height: 120px;
}

.personen-zuordnungs-editor-aktionen[b-2mhumwqcp6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #e2e8f0;
}

.personen-zuordnungs-loeschbestaetigung[b-2mhumwqcp6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 12px;
    padding: 11px 12px;
    border: 1px solid #fecaca;
    border-radius: 5px;
    background: #fff7f7;
}

    .personen-zuordnungs-loeschbestaetigung > div:first-child[b-2mhumwqcp6] {
        min-width: 0;
    }

    .personen-zuordnungs-loeschbestaetigung strong[b-2mhumwqcp6] {
        display: block;
        margin-bottom: 3px;
        color: #991b1b;
        font-size: 11px;
    }

    .personen-zuordnungs-loeschbestaetigung span[b-2mhumwqcp6] {
        display: block;
        color: #7f1d1d;
        font-size: 10px;
        line-height: 1.35;
    }

    .personen-zuordnungs-loeschbestaetigung > div:last-child[b-2mhumwqcp6] {
        display: flex;
        flex: 0 0 auto;
        gap: 6px;
    }

.personen-zuordnungs-altbestand[b-2mhumwqcp6] {
    margin-top: 12px;
    padding: 8px 10px;
    border: 1px solid #fde68a;
    border-radius: 5px;
    background: #fffbeb;
    color: #92400e;
    font-size: 10px;
    line-height: 1.4;
}

    .personen-zuordnungs-altbestand strong[b-2mhumwqcp6] {
        display: block;
        margin-bottom: 2px;
    }

    .personen-zuordnungs-altbestand span[b-2mhumwqcp6] {
        display: block;
    }

.personen-zuordnungs-altbestand[b-2mhumwqcp6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.personen-zuordnungs-altbestand-inhalt[b-2mhumwqcp6] {
    min-width: 0;
    flex: 1 1 auto;
}

.personen-zuordnungs-altbestand-aktionen[b-2mhumwqcp6] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
}

.personen-zuordnungs-altbestand-bestaetigung[b-2mhumwqcp6] {
    flex: 1 1 100%;
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #f5d565;
}

.personen-zuordnungs-altbestand-fehler[b-2mhumwqcp6] {
    margin-top: 5px;
    color: #991b1b;
    font-weight: 650;
}

.personen-dialog-fuss-hinweis-altbestand[b-2mhumwqcp6] {
    color: #92400e !important;
    font-weight: 650;
}


/* ================================================================
   Dialog
   ================================================================ */

.personen-dialog-hintergrund[b-2mhumwqcp6] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(17, 24, 39, 0.38);
}

.personen-dialog[b-2mhumwqcp6] {
    width: min(860px, calc(100vw - 56px));
    height: min(720px, calc(100vh - 56px));
    min-width: 720px;
    min-height: 560px;
    display: grid;
    grid-template-rows: 74px auto minmax(0, 1fr) 68px;
    overflow: hidden;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #f4f6f8;
    box-shadow: 0 24px 65px rgba(17, 24, 39, 0.24);
}

.personen-dialog-kopf[b-2mhumwqcp6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 24px;
    border-bottom: 1px solid #d1d5db;
    background: #ffffff;
}

    .personen-dialog-kopf h2[b-2mhumwqcp6] {
        margin: 0;
        color: #111827;
        font-size: 22px;
        font-weight: 650;
    }

    .personen-dialog-kopf p[b-2mhumwqcp6] {
        margin: 3px 0 0;
        color: #6b7280;
        font-size: 12px;
    }

.personen-aktiv-schalter[b-2mhumwqcp6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #374151;
    font-size: 13px;
    cursor: pointer;
}

    .personen-aktiv-schalter input[b-2mhumwqcp6] {
        width: 16px;
        height: 16px;
    }

.personen-register[b-2mhumwqcp6] {
    display: flex;
    gap: 0;
    overflow-x: auto;
    border-bottom: 1px solid #d1d5db;
    background: #ffffff;
}

.personen-register-button[b-2mhumwqcp6] {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #4b5563;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

    .personen-register-button:hover:not(:disabled)[b-2mhumwqcp6] {
        background: #f9fafb;
    }

    .personen-register-button:disabled[b-2mhumwqcp6] {
        color: #9ca3af;
        cursor: not-allowed;
        opacity: 0.72;
    }

.personen-register-button-aktiv[b-2mhumwqcp6] {
    border-bottom-color: #2563eb;
    color: #1d4ed8;
    background: #eff6ff;
}

.personen-dialog-inhalt[b-2mhumwqcp6] {
    min-height: 0;
    margin: 20px;
    padding: 24px;
    overflow-y: auto;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
}

.personen-formular-fehler[b-2mhumwqcp6] {
    margin-bottom: 18px;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    border-radius: 5px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 13px;
}

.personen-formular-raster[b-2mhumwqcp6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px 24px;
}

.personen-feld[b-2mhumwqcp6] {
    min-width: 0;
}

.personen-feld-breit[b-2mhumwqcp6] {
    grid-column: 1 / -1;
}

.personen-feld label[b-2mhumwqcp6] {
    display: block;
    margin-bottom: 5px;
    color: #374151;
    font-size: 12px;
    font-weight: 600;
}

.personen-feld input[b-2mhumwqcp6],
.personen-feld select[b-2mhumwqcp6],
.personen-feld textarea[b-2mhumwqcp6] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d1d5db;
    border-radius: 3px;
    background: #ffffff;
    color: #111827;
    font: inherit;
    font-size: 13px;
    outline: none;
}

.personen-feld input[b-2mhumwqcp6],
.personen-feld select[b-2mhumwqcp6] {
    height: 34px;
    padding: 4px 8px;
}

.personen-feld select[b-2mhumwqcp6] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d1d5db;
    border-radius: 3px;
    background: #ffffff;
    color: #111827;
    font: inherit;
    font-size: 13px;
    outline: none;
}

.personen-feld textarea[b-2mhumwqcp6] {
    min-height: 220px;
    padding: 8px;
    resize: vertical;
    line-height: 1.45;
}

    .personen-feld input:focus[b-2mhumwqcp6],
    .personen-feld select:focus[b-2mhumwqcp6],
    .personen-feld textarea:focus[b-2mhumwqcp6] {
        border-color: #60a5fa;
        box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.10);
    }

.personen-feld input[readonly][b-2mhumwqcp6] {
    background: #f3f4f6;
    color: #6b7280;
    cursor: default;
}

/* ================================================================
   Selbstlernende Auswahllisten
   ---------------------------------------------------------------
   Im Gegensatz zum nativen HTML-datalist werden beim Öffnen immer
   alle bereits gespeicherten Werte sichtbar. Freie Eingaben bleiben
   trotzdem möglich und werden nach dem Speichern automatisch gelernt.
   ================================================================ */

.personen-auswahlliste[b-2mhumwqcp6] {
    position: relative;
    width: 100%;
}

.personen-auswahlliste-vorschlaege[b-2mhumwqcp6] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 40;
    max-height: 190px;
    overflow-y: auto;
    padding: 4px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
    scrollbar-width: thin;
}

.personen-auswahlliste-eintrag[b-2mhumwqcp6] {
    display: block;
    width: 100%;
    min-height: 32px;
    padding: 6px 9px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: #111827;
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

    .personen-auswahlliste-eintrag:hover[b-2mhumwqcp6],
    .personen-auswahlliste-eintrag:focus-visible[b-2mhumwqcp6] {
        background: #eff6ff;
        color: #1d4ed8;
        outline: none;
    }

.personen-feld-bemerkungen[b-2mhumwqcp6] {
    height: 100%;
}

    .personen-feld-bemerkungen textarea[b-2mhumwqcp6] {
        min-height: 300px;
    }

.personen-dialog-fuss[b-2mhumwqcp6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 20px;
    border-top: 1px solid #d1d5db;
    background: #ffffff;
}

    .personen-dialog-fuss > span[b-2mhumwqcp6] {
        max-width: 520px;
        color: #6b7280;
        font-size: 11px;
    }

.personen-dialog-fuss-hinweis-zuordnung[b-2mhumwqcp6] {
    color: #1d4ed8 !important;
    font-weight: 600;
}

.personen-dialog-fuss > div[b-2mhumwqcp6] {
    display: flex;
    gap: 10px;
}

.personen-dialog-button[b-2mhumwqcp6] {
    height: 38px;
    min-width: 110px;
    padding: 0 18px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #ffffff;
    color: #374151;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .personen-dialog-button:hover:not(:disabled)[b-2mhumwqcp6] {
        background: #f9fafb;
    }

.personen-dialog-button-gefahr[b-2mhumwqcp6] {
    border-color: #dc2626;
    background: #dc2626;
    color: #ffffff;
}

    .personen-dialog-button-gefahr:hover:not(:disabled)[b-2mhumwqcp6] {
        border-color: #b91c1c;
        background: #b91c1c;
    }

.personen-dialog-button:disabled[b-2mhumwqcp6] {
    cursor: default;
    opacity: 0.55;
}

.personen-dialog-button-primaer[b-2mhumwqcp6] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .personen-dialog-button-primaer:hover:not(:disabled)[b-2mhumwqcp6] {
        background: #1d4ed8;
    }


@media (max-width: 1450px) {
    .personen-werkzeugleiste[b-2mhumwqcp6] {
        grid-template-columns: minmax(240px, 1fr) 145px minmax(200px, 1fr) 190px auto;
    }

    .personen-aktionen[b-2mhumwqcp6] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


@media (max-width: 1180px) {
    .personen-werkzeugleiste[b-2mhumwqcp6] {
        grid-template-columns: minmax(240px, 1fr) 170px minmax(220px, 1fr);
    }

    .personen-aktionen[b-2mhumwqcp6] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .personen-anzahl[b-2mhumwqcp6] {
        text-align: right;
    }

    .personen-detailraster[b-2mhumwqcp6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personen-dialog[b-2mhumwqcp6] {
        min-width: 0;
    }
}

@media (max-width: 680px) {
    .personen-werkzeugleiste[b-2mhumwqcp6] {
        grid-template-columns: 1fr;
    }

    .personen-anzahl[b-2mhumwqcp6] {
        grid-column: auto;
        text-align: left;
    }

    .personen-aktionen[b-2mhumwqcp6] {
        grid-column: auto;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .personen-tabelle-rahmen[b-2mhumwqcp6] {
        max-height: calc(100dvh - 360px);
    }

    .personen-detailraster[b-2mhumwqcp6] {
        grid-template-columns: 1fr;
    }

    .personen-dialog-hintergrund[b-2mhumwqcp6] {
        padding: 10px;
    }

    .personen-dialog[b-2mhumwqcp6] {
        width: calc(100vw - 20px);
        height: calc(100vh - 20px);
        grid-template-rows: auto auto minmax(0, 1fr) auto;
    }

    .personen-dialog-kopf[b-2mhumwqcp6] {
        align-items: flex-start;
        padding: 16px;
    }

    .personen-formular-raster[b-2mhumwqcp6] {
        grid-template-columns: 1fr;
    }

    .personen-feld-breit[b-2mhumwqcp6] {
        grid-column: auto;
    }

    .personen-dialog-fuss[b-2mhumwqcp6] {
        align-items: stretch;
        flex-direction: column;
        padding: 12px 16px;
    }

        .personen-dialog-fuss > div[b-2mhumwqcp6] {
            justify-content: flex-end;
        }

    .personen-zuordnungs-kopf[b-2mhumwqcp6],
    .personen-zuordnungs-editor-kopf[b-2mhumwqcp6],
    .personen-zuordnungs-loeschbestaetigung[b-2mhumwqcp6],
    .personen-zuordnungs-altbestand[b-2mhumwqcp6] {
        align-items: stretch;
        flex-direction: column;
    }

        .personen-zuordnungs-aktionen[b-2mhumwqcp6],
        .personen-zuordnungs-schalter[b-2mhumwqcp6],
        .personen-zuordnungs-loeschbestaetigung > div:last-child[b-2mhumwqcp6] {
            justify-content: flex-start;
        }
}

/* ================================================================
   Person löschen – Sicherheitsabfrage
   ================================================================ */

.personen-loeschen-overlay[b-2mhumwqcp6] {
    position: fixed;
    inset: 0;
    z-index: 6000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(17, 24, 39, 0.52);
}

.personen-loeschen-dialog[b-2mhumwqcp6] {
    width: min(460px, calc(100vw - 40px));
    box-sizing: border-box;
    padding: 24px;
    border: 1px solid #aeb8c3;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

    .personen-loeschen-dialog h2[b-2mhumwqcp6] {
        margin: 0 0 14px;
        color: #111827;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .personen-loeschen-dialog p[b-2mhumwqcp6] {
        margin: 0 0 10px;
        color: #374151;
        font-size: 0.86rem;
        line-height: 1.5;
    }

.personen-loeschen-nummer[b-2mhumwqcp6] {
    color: #4b5563 !important;
}

.personen-loeschen-hinweis[b-2mhumwqcp6] {
    color: #6b7280 !important;
    font-size: 0.78rem !important;
}

.personen-loeschen-fehler[b-2mhumwqcp6] {
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid #e2b8b8;
    background: #fff5f5;
    color: #9b3131;
    font-size: 0.78rem;
    line-height: 1.4;
}

.personen-loeschen-aktionen[b-2mhumwqcp6] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.personen-aktion-gefahr[b-2mhumwqcp6] {
    border-color: #b91c1c;
    background: #b91c1c;
    color: #ffffff;
}

    .personen-aktion-gefahr:hover:not(:disabled)[b-2mhumwqcp6] {
        border-color: #991b1b;
        background: #991b1b;
    }
/* /Components/Pages/Fachbereiche/Tankkarten/Tankkarten.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Tankkarten
   =================================================================== */

.tankkarten-seite[b-rewbvgvv19] {
    width: 100%;
    min-width: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tankkarten-kopf[b-rewbvgvv19] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.tankkarten-aktionen[b-rewbvgvv19] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.tankkarten-aktion[b-rewbvgvv19] {
    min-width: 86px;
    height: 34px;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid #b8c4cd;
    border-radius: 4px;
    background: #ffffff;
    color: #30424e;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

    .tankkarten-aktion:hover:not(:disabled)[b-rewbvgvv19] {
        background: #f1f4f6;
        border-color: #9facb7;
    }

.tankkarten-aktion-primaer[b-rewbvgvv19] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .tankkarten-aktion-primaer:hover:not(:disabled)[b-rewbvgvv19] {
        border-color: #1d4ed8;
        background: #1d4ed8;
    }

.tankkarten-aktion-gefahr[b-rewbvgvv19] {
    border-color: #d1a4a4;
    color: #9d3434;
}

    .tankkarten-aktion-gefahr:hover:not(:disabled)[b-rewbvgvv19] {
        background: #fff3f3;
        border-color: #c78383;
    }

.tankkarten-aktion:disabled[b-rewbvgvv19] {
    opacity: 0.5;
    cursor: default;
}

.tankkarten-werkzeugleiste[b-rewbvgvv19] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) 210px auto;
    align-items: end;
    gap: 12px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #cfd8df;
    border-radius: 6px;
}

.tankkarten-suche[b-rewbvgvv19],
.tankkarten-filter[b-rewbvgvv19] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .tankkarten-suche label[b-rewbvgvv19],
    .tankkarten-filter label[b-rewbvgvv19] {
        color: #536671;
        font-size: 10px;
        font-weight: 700;
    }

    .tankkarten-suche input[b-rewbvgvv19],
    .tankkarten-filter select[b-rewbvgvv19] {
        height: 34px;
        box-sizing: border-box;
        padding: 0 9px;
        border: 1px solid #aebbc5;
        border-radius: 4px;
        background: #ffffff;
        color: #243640;
        font: inherit;
        font-size: 12px;
    }

.tankkarten-anzahl[b-rewbvgvv19] {
    min-width: 72px;
    text-align: right;
    color: #60717d;
}

    .tankkarten-anzahl span[b-rewbvgvv19] {
        display: block;
        color: #1f303a;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
    }

    .tankkarten-anzahl small[b-rewbvgvv19] {
        display: block;
        margin-top: 4px;
        font-size: 10px;
    }

.tankkarten-meldung[b-rewbvgvv19] {
    padding: 8px 11px;
    border: 1px solid #cfd8df;
    border-radius: 5px;
    font-size: 12px;
}

.tankkarten-meldung-erfolg[b-rewbvgvv19] {
    background: #f4fbf6;
    border-color: #b9d9c2;
    color: #2f6a40;
}

.tankkarten-meldung-fehler[b-rewbvgvv19] {
    background: #fffafa;
    border-color: #e7c6c6;
    color: #993c3c;
}

.tankkarten-status[b-rewbvgvv19] {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #cfd8df;
    border-radius: 6px;
    color: #687985;
    font-size: 13px;
}

.tankkarten-tabelle-rahmen[b-rewbvgvv19] {
    width: 100%;
    max-height: calc(100dvh - 330px);
    overflow: auto;
    background: #ffffff;
    border: 1px solid #cbd4dc;
    border-radius: 6px;
    scrollbar-gutter: stable;
}

.tankkarten-tabelle[b-rewbvgvv19] {
    width: 100%;
    min-width: 1050px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #2b3d48;
    font-size: 12px;
}

    .tankkarten-tabelle thead th[b-rewbvgvv19] {
        position: sticky;
        top: 0;
        z-index: 3;
        height: 36px;
        box-sizing: border-box;
        padding: 0 9px;
        background: #eaf0f4;
        border-bottom: 1px solid #c5d0d8;
        color: #3d515e;
        text-align: left;
        font-size: 10px;
        font-weight: 750;
        white-space: nowrap;
    }

    .tankkarten-tabelle tbody tr[b-rewbvgvv19] {
        height: 30px;
        cursor: pointer;
    }

        .tankkarten-tabelle tbody tr:nth-child(even)[b-rewbvgvv19] {
            background: #fafbfc;
        }

        .tankkarten-tabelle tbody tr:hover[b-rewbvgvv19] {
            background: #eef5fb;
        }

        .tankkarten-tabelle tbody tr.tankkarten-zeile-ausgewaehlt[b-rewbvgvv19],
        .tankkarten-tabelle tbody tr.tankkarten-zeile-ausgewaehlt:hover[b-rewbvgvv19] {
            background: #d8e8fb;
        }

    .tankkarten-tabelle tbody td[b-rewbvgvv19] {
        height: 30px;
        box-sizing: border-box;
        padding: 0 9px;
        border-bottom: 1px solid #e2e8ed;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.tankkarten-nummer[b-rewbvgvv19] {
    color: #1d2e39;
    font-weight: 700;
}

.tankkarten-tabelle th:nth-child(1)[b-rewbvgvv19],
.tankkarten-tabelle td:nth-child(1)[b-rewbvgvv19] {
    width: 13%;
}

.tankkarten-tabelle th:nth-child(2)[b-rewbvgvv19],
.tankkarten-tabelle td:nth-child(2)[b-rewbvgvv19] {
    width: 14%;
}

.tankkarten-tabelle th:nth-child(3)[b-rewbvgvv19],
.tankkarten-tabelle td:nth-child(3)[b-rewbvgvv19] {
    width: 11%;
}

.tankkarten-tabelle th:nth-child(4)[b-rewbvgvv19],
.tankkarten-tabelle td:nth-child(4)[b-rewbvgvv19] {
    width: 16%;
}

.tankkarten-tabelle th:nth-child(5)[b-rewbvgvv19],
.tankkarten-tabelle td:nth-child(5)[b-rewbvgvv19] {
    width: 20%;
}

.tankkarten-tabelle th:nth-child(6)[b-rewbvgvv19],
.tankkarten-tabelle td:nth-child(6)[b-rewbvgvv19] {
    width: 10%;
}

.tankkarten-tabelle th:nth-child(7)[b-rewbvgvv19],
.tankkarten-tabelle td:nth-child(7)[b-rewbvgvv19] {
    width: 9%;
}

.tankkarten-tabelle th:nth-child(8)[b-rewbvgvv19],
.tankkarten-tabelle td:nth-child(8)[b-rewbvgvv19] {
    width: 7%;
}

.tankkarten-statusmarke[b-rewbvgvv19] {
    display: inline-flex;
    min-width: 66px;
    height: 20px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 7px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 750;
}

.tankkarten-statusmarke-aktiv[b-rewbvgvv19] {
    background: #edf8f0;
    border-color: #b7d9c0;
    color: #2d6f3f;
}

.tankkarten-statusmarke-gesperrt[b-rewbvgvv19] {
    background: #fff0f0;
    border-color: #e2bcbc;
    color: #a13c3c;
}

.tankkarten-statusmarke-abgelaufen[b-rewbvgvv19] {
    background: #fff7e7;
    border-color: #e7cf9d;
    color: #8c6721;
}

.tankkarten-statusmarke-inaktiv[b-rewbvgvv19] {
    background: #f1f3f5;
    border-color: #ced5da;
    color: #64737e;
}

.tankkarten-detailkarte[b-rewbvgvv19] {
    padding: 13px 15px 15px;
    background: #ffffff;
    border: 1px solid #cbd4dc;
    border-radius: 6px;
}

.tankkarten-detailkopf[b-rewbvgvv19] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

    .tankkarten-detailkopf h2[b-rewbvgvv19] {
        margin: 0;
        color: #243640;
        font-size: 13px;
        font-weight: 750;
    }

.tankkarten-detailraster[b-rewbvgvv19] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px 22px;
}

    .tankkarten-detailraster > div[b-rewbvgvv19] {
        min-width: 0;
    }

    .tankkarten-detailraster span[b-rewbvgvv19] {
        display: block;
        margin-bottom: 3px;
        color: #60717d;
        font-size: 9px;
        font-weight: 750;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    .tankkarten-detailraster strong[b-rewbvgvv19] {
        display: block;
        overflow: hidden;
        color: #263944;
        font-size: 12px;
        font-weight: 650;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.tankkarten-detail-breit[b-rewbvgvv19] {
    grid-column: span 2;
}

.tankkarten-modal-overlay[b-rewbvgvv19] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px;
    background: rgba(17, 24, 39, 0.56);
}

.tankkarten-dialog[b-rewbvgvv19],
.tankkarten-pin-dialog[b-rewbvgvv19] {
    width: min(460px, calc(100vw - 40px));
    padding: 20px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #adb8c2;
    border-radius: 7px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);
}

    .tankkarten-dialog h2[b-rewbvgvv19],
    .tankkarten-pin-dialog h2[b-rewbvgvv19] {
        margin: 0 0 10px;
        color: #1f303a;
        font-size: 18px;
    }

    .tankkarten-dialog p[b-rewbvgvv19],
    .tankkarten-pin-dialog p[b-rewbvgvv19] {
        color: #475b67;
        font-size: 13px;
        line-height: 1.45;
    }

.tankkarten-dialog-hinweis[b-rewbvgvv19] {
    color: #697985 !important;
    font-size: 11px !important;
}

.tankkarten-dialog-aktionen[b-rewbvgvv19] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

.tankkarten-pin-dialog[b-rewbvgvv19] {
    text-align: center;
}

.tankkarten-pin-wert[b-rewbvgvv19] {
    margin: 18px 0 12px;
    padding: 14px 10px;
    background: #eef3f7;
    border: 1px solid #c7d2da;
    border-radius: 6px;
    color: #17212b;
    font-family: Consolas, "Courier New", monospace;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.tankkarten-pin-hinweis[b-rewbvgvv19] {
    margin: 0 0 18px;
    color: #637480;
    font-size: 11px;
    line-height: 1.45;
}



/* ===================================================================
   Wiederherstellen-Dialog
   =================================================================== */

.tankkarten-wiederherstellen-dialog[b-rewbvgvv19] {
    width: min(760px, calc(100vw - 40px));
    max-height: min(720px, calc(100vh - 40px));
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 20px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #adb8c2;
    border-radius: 7px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);
}

.tankkarten-wiederherstellen-kopf[b-rewbvgvv19] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

    .tankkarten-wiederherstellen-kopf h2[b-rewbvgvv19] {
        margin: 0;
        color: #1f303a;
        font-size: 18px;
    }

    .tankkarten-wiederherstellen-kopf p[b-rewbvgvv19] {
        margin: 5px 0 0;
        color: #637480;
        font-size: 12px;
        line-height: 1.4;
    }

.tankkarten-wiederherstellen-anzahl[b-rewbvgvv19] {
    min-width: 34px;
    padding: 5px 8px;
    text-align: center;
    background: #eef3f7;
    border: 1px solid #c7d2da;
    border-radius: 999px;
    color: #43545f;
    font-size: 11px;
    font-weight: 700;
}

.tankkarten-wiederherstellen-status[b-rewbvgvv19],
.tankkarten-wiederherstellen-fehler[b-rewbvgvv19] {
    padding: 18px;
    border: 1px solid #d2dae0;
    border-radius: 5px;
    background: #f8fafb;
    color: #5e707b;
    font-size: 12px;
    line-height: 1.45;
}

.tankkarten-wiederherstellen-fehler[b-rewbvgvv19] {
    border-color: #efc2c2;
    background: #fff5f5;
    color: #9a3030;
}

.tankkarten-wiederherstellen-liste[b-rewbvgvv19] {
    min-height: 0;
    max-height: 430px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-y: auto;
    padding: 2px;
}

.tankkarten-wiederherstellen-zeile[b-rewbvgvv19] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(120px, 0.8fr)
                           minmax(135px, 1fr)
                           minmax(135px, 1fr)
                           minmax(145px, 0.9fr);
    gap: 12px;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 12px;
    text-align: left;
    background: #ffffff;
    border: 1px solid #d4dce2;
    border-radius: 4px;
    color: #334650;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

    .tankkarten-wiederherstellen-zeile:hover:not(:disabled)[b-rewbvgvv19] {
        background: #f4f7f9;
        border-color: #b9c7d1;
    }

    .tankkarten-wiederherstellen-zeile:disabled[b-rewbvgvv19] {
        cursor: default;
        opacity: 0.68;
    }

.tankkarten-wiederherstellen-zeile-ausgewaehlt[b-rewbvgvv19] {
    background: #edf4ff;
    border-color: #4f82e9;
    box-shadow: inset 3px 0 0 #2f6fed;
}

.tankkarten-wiederherstellen-nummer[b-rewbvgvv19] {
    color: #21343f;
    font-weight: 700;
}

.tankkarten-wiederherstellen-datum[b-rewbvgvv19] {
    color: #687985;
    font-size: 11px;
}


@media (max-width: 1050px) {
    .tankkarten-kopf[b-rewbvgvv19] {
        align-items: center;
        justify-content: flex-end;
    }

    .tankkarten-aktionen[b-rewbvgvv19] {
        justify-content: flex-end;
    }

    .tankkarten-detailraster[b-rewbvgvv19] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .tankkarten-werkzeugleiste[b-rewbvgvv19] {
        grid-template-columns: 1fr;
    }

    .tankkarten-anzahl[b-rewbvgvv19] {
        text-align: left;
    }

    .tankkarten-detailraster[b-rewbvgvv19] {
        grid-template-columns: 1fr;
    }

    .tankkarten-detail-breit[b-rewbvgvv19] {
        grid-column: auto;
    }
}


@media (max-width: 720px) {
    .tankkarten-wiederherstellen-dialog[b-rewbvgvv19] {
        width: min(100%, calc(100vw - 24px));
        max-height: calc(100vh - 24px);
        padding: 16px;
    }

    .tankkarten-wiederherstellen-zeile[b-rewbvgvv19] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .tankkarten-wiederherstellen-liste[b-rewbvgvv19] {
        max-height: 55vh;
    }
}
/* /Components/Pages/Fachbereiche/Tankkarten/TankkartenEditor.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – TankkartenEditor
   =================================================================== */

.tankkarten-editor[b-knrlh7tes1] {
    width: min(920px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    background: #eef1f4;
    border: 1px solid #adb8c2;
    border-radius: 7px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26);
}

.tankkarten-editor-kopf[b-knrlh7tes1] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 22px;
    background: #ffffff;
    border-bottom: 1px solid #c7d0d8;
}

    .tankkarten-editor-kopf h2[b-knrlh7tes1] {
        margin: 0;
        color: #17212b;
        font-size: 20px;
        font-weight: 700;
    }

    .tankkarten-editor-kopf p[b-knrlh7tes1] {
        margin: 3px 0 0;
        color: #5c6c77;
        font-size: 12px;
    }

.tankkarten-editor-aktiv[b-knrlh7tes1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #30434f;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.tankkarten-editor-inhalt[b-knrlh7tes1] {
    min-height: 0;
    overflow-y: auto;
    padding: 16px 18px 20px;
}

.tankkarten-editor-abschnitt[b-knrlh7tes1] {
    margin-bottom: 14px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #cbd4dc;
    border-radius: 6px;
}

    .tankkarten-editor-abschnitt:last-child[b-knrlh7tes1] {
        margin-bottom: 0;
    }

    .tankkarten-editor-abschnitt h3[b-knrlh7tes1] {
        margin: 0 0 12px;
        color: #263944;
        font-size: 13px;
        font-weight: 750;
    }

.tankkarten-editor-raster[b-knrlh7tes1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

    .tankkarten-editor-raster label:not(.tankkarten-editor-check)[b-knrlh7tes1] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .tankkarten-editor-raster label > span:first-child[b-knrlh7tes1] {
        color: #536671;
        font-size: 10px;
        font-weight: 700;
    }

    .tankkarten-editor-raster input[type="text"][b-knrlh7tes1],
    .tankkarten-editor-raster input[type="password"][b-knrlh7tes1],
    .tankkarten-editor-raster input[type="date"][b-knrlh7tes1],
    .tankkarten-editor-raster input[type="number"][b-knrlh7tes1],
    .tankkarten-editor-raster select[b-knrlh7tes1],
    .tankkarten-editor-raster textarea[b-knrlh7tes1] {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        border: 1px solid #acbac4;
        border-radius: 4px;
        background: #ffffff;
        color: #253742;
        font: inherit;
        font-size: 13px;
    }

    .tankkarten-editor-raster input[b-knrlh7tes1],
    .tankkarten-editor-raster select[b-knrlh7tes1] {
        height: 34px;
        padding: 0 9px;
    }

    .tankkarten-editor-raster textarea[b-knrlh7tes1] {
        min-height: 82px;
        padding: 8px 9px;
        resize: vertical;
    }

    .tankkarten-editor-raster input:focus[b-knrlh7tes1],
    .tankkarten-editor-raster select:focus[b-knrlh7tes1],
    .tankkarten-editor-raster textarea:focus[b-knrlh7tes1] {
        outline: none;
        border-color: #6f96dc;
        box-shadow: 0 0 0 2px rgba(47, 111, 237, 0.10);
    }

    .tankkarten-editor-raster input:disabled[b-knrlh7tes1],
    .tankkarten-editor-raster select:disabled[b-knrlh7tes1],
    .tankkarten-editor-raster textarea:disabled[b-knrlh7tes1] {
        background: #f0f3f5;
        color: #687783;
    }

.tankkarten-editor-breit[b-knrlh7tes1],
.tankkarten-editor-bemerkungen[b-knrlh7tes1] {
    grid-column: 1 / -1;
}

.tankkarten-editor-check[b-knrlh7tes1] {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: end;
    color: #344955;
    font-size: 12px;
    font-weight: 600;
}

    .tankkarten-editor-check input[b-knrlh7tes1] {
        width: 15px;
        height: 15px;
        margin: 0;
    }

.tankkarten-editor-hinweis[b-knrlh7tes1] {
    align-self: end;
    padding: 7px 9px;
    background: #f4f7f9;
    border: 1px solid #d7e0e6;
    border-radius: 4px;
    color: #60717d;
    font-size: 11px;
    line-height: 1.35;
}

.tankkarten-editor-meldung[b-knrlh7tes1] {
    margin-bottom: 14px;
    padding: 9px 11px;
    border: 1px solid #d1d9df;
    border-radius: 5px;
    font-size: 12px;
}

.tankkarten-editor-meldung-fehler[b-knrlh7tes1] {
    background: #fffafa;
    border-color: #e7c6c6;
    color: #993c3c;
}

.tankkarten-editor-fuss[b-knrlh7tes1] {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 18px;
    background: #ffffff;
    border-top: 1px solid #c7d0d8;
}

.tankkarten-editor-button[b-knrlh7tes1] {
    min-width: 100px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid #b6c1ca;
    border-radius: 4px;
    background: #ffffff;
    color: #30434f;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.tankkarten-editor-button-primaer[b-knrlh7tes1] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.tankkarten-editor-button:disabled[b-knrlh7tes1] {
    opacity: 0.55;
    cursor: default;
}

@media (max-width: 700px) {
    .tankkarten-editor[b-knrlh7tes1] {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }

    .tankkarten-editor-raster[b-knrlh7tes1] {
        grid-template-columns: 1fr;
    }

    .tankkarten-editor-breit[b-knrlh7tes1],
    .tankkarten-editor-bemerkungen[b-knrlh7tes1] {
        grid-column: auto;
    }
}
/* /Components/Pages/Fachbereiche/Tankvorgaenge/Tankvorgaenge.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Tankvorgänge
   =================================================================== */

.tankvorgaenge-seite[b-0rlw0cr5mm] {
    width: 100%;
    min-width: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tankvorgaenge-kopf[b-0rlw0cr5mm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.tankvorgaenge-aktionen[b-0rlw0cr5mm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.tankvorgaenge-aktion[b-0rlw0cr5mm] {
    min-width: 86px;
    height: 34px;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid #b8c4cd;
    border-radius: 4px;
    background: #ffffff;
    color: #30424e;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.tankvorgaenge-aktion:hover:not(:disabled)[b-0rlw0cr5mm] {
    background: #f1f4f6;
    border-color: #9facb7;
}

.tankvorgaenge-aktion-primaer[b-0rlw0cr5mm] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.tankvorgaenge-aktion-primaer:hover:not(:disabled)[b-0rlw0cr5mm] {
    border-color: #1d4ed8;
    background: #1d4ed8;
}

.tankvorgaenge-aktion-gefahr[b-0rlw0cr5mm] {
    border-color: #d1a4a4;
    color: #9d3434;
}

.tankvorgaenge-aktion-gefahr:hover:not(:disabled)[b-0rlw0cr5mm] {
    background: #fff3f3;
    border-color: #c78383;
}

.tankvorgaenge-aktion:disabled[b-0rlw0cr5mm] {
    opacity: 0.5;
    cursor: default;
}

.tankvorgaenge-werkzeugleiste[b-0rlw0cr5mm] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) 210px auto;
    align-items: end;
    gap: 12px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #cfd8df;
    border-radius: 6px;
}

.tankvorgaenge-suche[b-0rlw0cr5mm],
.tankvorgaenge-filter[b-0rlw0cr5mm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tankvorgaenge-suche label[b-0rlw0cr5mm],
.tankvorgaenge-filter label[b-0rlw0cr5mm] {
    color: #536671;
    font-size: 10px;
    font-weight: 700;
}

.tankvorgaenge-suche input[b-0rlw0cr5mm],
.tankvorgaenge-filter select[b-0rlw0cr5mm] {
    height: 34px;
    box-sizing: border-box;
    padding: 0 9px;
    border: 1px solid #aebbc5;
    border-radius: 4px;
    background: #ffffff;
    color: #243640;
    font: inherit;
    font-size: 12px;
}

.tankvorgaenge-anzahl[b-0rlw0cr5mm] {
    min-width: 72px;
    text-align: right;
    color: #60717d;
}

.tankvorgaenge-anzahl span[b-0rlw0cr5mm] {
    display: block;
    color: #1f303a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.tankvorgaenge-anzahl small[b-0rlw0cr5mm] {
    display: block;
    margin-top: 4px;
    font-size: 10px;
}

.tankvorgaenge-meldung[b-0rlw0cr5mm] {
    padding: 8px 11px;
    border: 1px solid #cfd8df;
    border-radius: 5px;
    font-size: 12px;
}

.tankvorgaenge-meldung-erfolg[b-0rlw0cr5mm] {
    background: #f4fbf6;
    border-color: #b9d9c2;
    color: #2f6a40;
}

.tankvorgaenge-meldung-fehler[b-0rlw0cr5mm] {
    background: #fffafa;
    border-color: #e7c6c6;
    color: #993c3c;
}

.tankvorgaenge-status[b-0rlw0cr5mm] {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #cfd8df;
    border-radius: 6px;
    color: #687985;
    font-size: 13px;
}

.tankvorgaenge-tabelle-rahmen[b-0rlw0cr5mm] {
    width: 100%;
    max-height: calc(100dvh - 330px);
    overflow: auto;
    background: #ffffff;
    border: 1px solid #cbd4dc;
    border-radius: 6px;
    scrollbar-gutter: stable;
}

.tankvorgaenge-tabelle[b-0rlw0cr5mm] {
    width: 100%;
    min-width: 1120px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #2b3d48;
    font-size: 12px;
}

.tankvorgaenge-tabelle thead th[b-0rlw0cr5mm] {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 36px;
    box-sizing: border-box;
    padding: 0 9px;
    background: #eaf0f4;
    border-bottom: 1px solid #c5d0d8;
    color: #3d515e;
    text-align: left;
    font-size: 10px;
    font-weight: 750;
    white-space: nowrap;
}

.tankvorgaenge-tabelle tbody tr[b-0rlw0cr5mm] {
    height: 30px;
    cursor: pointer;
}

.tankvorgaenge-tabelle tbody tr:nth-child(even)[b-0rlw0cr5mm] {
    background: #fafbfc;
}

.tankvorgaenge-tabelle tbody tr:hover[b-0rlw0cr5mm] {
    background: #eef5fb;
}

.tankvorgaenge-tabelle tbody tr.tankvorgaenge-zeile-ausgewaehlt[b-0rlw0cr5mm],
.tankvorgaenge-tabelle tbody tr.tankvorgaenge-zeile-ausgewaehlt:hover[b-0rlw0cr5mm] {
    background: #d8e8fb;
}

.tankvorgaenge-tabelle tbody td[b-0rlw0cr5mm] {
    height: 30px;
    box-sizing: border-box;
    padding: 0 9px;
    border-bottom: 1px solid #e2e8ed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tankvorgaenge-tabelle th:nth-child(1)[b-0rlw0cr5mm],
.tankvorgaenge-tabelle td:nth-child(1)[b-0rlw0cr5mm] { width: 13%; }

.tankvorgaenge-tabelle th:nth-child(2)[b-0rlw0cr5mm],
.tankvorgaenge-tabelle td:nth-child(2)[b-0rlw0cr5mm] { width: 18%; }

.tankvorgaenge-tabelle th:nth-child(3)[b-0rlw0cr5mm],
.tankvorgaenge-tabelle td:nth-child(3)[b-0rlw0cr5mm] { width: 8%; }

.tankvorgaenge-tabelle th:nth-child(4)[b-0rlw0cr5mm],
.tankvorgaenge-tabelle td:nth-child(4)[b-0rlw0cr5mm] { width: 15%; }

.tankvorgaenge-tabelle th:nth-child(5)[b-0rlw0cr5mm],
.tankvorgaenge-tabelle td:nth-child(5)[b-0rlw0cr5mm] { width: 10%; }

.tankvorgaenge-tabelle th:nth-child(6)[b-0rlw0cr5mm],
.tankvorgaenge-tabelle td:nth-child(6)[b-0rlw0cr5mm] { width: 10%; }

.tankvorgaenge-tabelle th:nth-child(7)[b-0rlw0cr5mm],
.tankvorgaenge-tabelle td:nth-child(7)[b-0rlw0cr5mm] { width: 10%; }

.tankvorgaenge-tabelle th:nth-child(8)[b-0rlw0cr5mm],
.tankvorgaenge-tabelle td:nth-child(8)[b-0rlw0cr5mm] { width: 16%; }

.tankvorgaenge-fahrzeug[b-0rlw0cr5mm] {
    color: #1d2e39;
    font-weight: 700;
}

.tankvorgaenge-art[b-0rlw0cr5mm] {
    display: inline-flex;
    min-width: 58px;
    height: 20px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 7px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 750;
}

.tankvorgaenge-art-tanken[b-0rlw0cr5mm] {
    background: #edf8f0;
    border-color: #b7d9c0;
    color: #2d6f3f;
}

.tankvorgaenge-art-laden[b-0rlw0cr5mm] {
    background: #eef5ff;
    border-color: #b9cdec;
    color: #315f9e;
}

.tankvorgaenge-detailkarte[b-0rlw0cr5mm] {
    padding: 13px 15px 15px;
    background: #ffffff;
    border: 1px solid #cbd4dc;
    border-radius: 6px;
}

.tankvorgaenge-detailkopf[b-0rlw0cr5mm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.tankvorgaenge-detailkopf h2[b-0rlw0cr5mm] {
    margin: 0;
    color: #243640;
    font-size: 13px;
    font-weight: 750;
}

.tankvorgaenge-detailraster[b-0rlw0cr5mm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px 22px;
}

.tankvorgaenge-detailraster > div[b-0rlw0cr5mm] {
    min-width: 0;
}

.tankvorgaenge-detailraster span[b-0rlw0cr5mm] {
    display: block;
    margin-bottom: 3px;
    color: #60717d;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.tankvorgaenge-detailraster strong[b-0rlw0cr5mm] {
    display: block;
    overflow: hidden;
    color: #263944;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tankvorgaenge-detail-breit[b-0rlw0cr5mm] {
    grid-column: span 2;
}

.tankvorgaenge-modal-overlay[b-0rlw0cr5mm] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px;
    background: rgba(17, 24, 39, 0.56);
}

.tankvorgaenge-editor[b-0rlw0cr5mm] {
    width: min(860px, calc(100vw - 40px));
    max-height: calc(100dvh - 40px);
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #adb8c2;
    border-radius: 7px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);
}

.tankvorgaenge-editor-kopf[b-0rlw0cr5mm] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #dde4e9;
}

.tankvorgaenge-editor-kopftext[b-0rlw0cr5mm] {
    min-width: 0;
}

.tankvorgaenge-editor-kopf h2[b-0rlw0cr5mm] {
    margin: 0;
    color: #1f303a;
    font-size: 18px;
}

.tankvorgaenge-editor-kopf p[b-0rlw0cr5mm] {
    margin: 4px 0 0;
    color: #637480;
    font-size: 11px;
}

.tankvorgaenge-editor-kopfaktionen[b-0rlw0cr5mm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
}

.tankvorgaenge-editor-raster[b-0rlw0cr5mm] {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.tankvorgaenge-editor-raster label[b-0rlw0cr5mm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tankvorgaenge-editor-raster label > span[b-0rlw0cr5mm] {
    color: #536671;
    font-size: 10px;
    font-weight: 700;
}

.tankvorgaenge-editor-raster input[b-0rlw0cr5mm],
.tankvorgaenge-editor-raster select[b-0rlw0cr5mm],
.tankvorgaenge-editor-raster textarea[b-0rlw0cr5mm] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #aebbc5;
    border-radius: 4px;
    background: #ffffff;
    color: #243640;
    font: inherit;
    font-size: 12px;
}

.tankvorgaenge-editor-raster input[b-0rlw0cr5mm],
.tankvorgaenge-editor-raster select[b-0rlw0cr5mm] {
    height: 34px;
    padding: 0 9px;
}

.tankvorgaenge-editor-raster textarea[b-0rlw0cr5mm] {
    resize: vertical;
    min-height: 74px;
    padding: 8px 9px;
}

.tankvorgaenge-editor-breit[b-0rlw0cr5mm] {
    grid-column: span 2;
}

.tankvorgaenge-check[b-0rlw0cr5mm] {
    flex-direction: row !important;
    align-items: center;
    gap: 8px !important;
    min-height: 34px;
    padding-top: 15px;
}

.tankvorgaenge-check input[b-0rlw0cr5mm] {
    width: auto;
    height: auto;
}

.tankvorgaenge-check span[b-0rlw0cr5mm] {
    font-size: 12px !important;
}

.tankvorgaenge-dialog[b-0rlw0cr5mm] {
    width: min(460px, calc(100vw - 40px));
    padding: 20px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #adb8c2;
    border-radius: 7px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);
}

.tankvorgaenge-dialog h2[b-0rlw0cr5mm] {
    margin: 0 0 10px;
    color: #1f303a;
    font-size: 18px;
}

.tankvorgaenge-dialog p[b-0rlw0cr5mm] {
    color: #475b67;
    font-size: 13px;
    line-height: 1.45;
}

.tankvorgaenge-dialog-hinweis[b-0rlw0cr5mm] {
    color: #697985 !important;
    font-size: 11px !important;
}

.tankvorgaenge-dialog-aktionen[b-0rlw0cr5mm] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

@media (max-width: 1050px) {
    .tankvorgaenge-detailraster[b-0rlw0cr5mm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .tankvorgaenge-editor-kopf[b-0rlw0cr5mm] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .tankvorgaenge-editor-kopfaktionen[b-0rlw0cr5mm] {
        justify-content: flex-start;
    }

    .tankvorgaenge-werkzeugleiste[b-0rlw0cr5mm] {
        grid-template-columns: 1fr;
    }

    .tankvorgaenge-anzahl[b-0rlw0cr5mm] {
        text-align: left;
    }

    .tankvorgaenge-detailraster[b-0rlw0cr5mm],
    .tankvorgaenge-editor-raster[b-0rlw0cr5mm] {
        grid-template-columns: 1fr;
    }

    .tankvorgaenge-detail-breit[b-0rlw0cr5mm],
    .tankvorgaenge-editor-breit[b-0rlw0cr5mm] {
        grid-column: auto;
    }

}
/* /Components/Pages/Fachbereiche/Verfuegbarkeit/FahrerFehlzeiten.razor.rz.scp.css */
.fehlzeiten[b-cpc1da2gd0] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-width: 0;
}

.fehlzeiten-kopf[b-cpc1da2gd0],
.fehlzeiten-liste-karte[b-cpc1da2gd0],
.fehlzeiten-detail[b-cpc1da2gd0],
.fehlzeiten-editor[b-cpc1da2gd0] {
    border: 1px solid #d4dde4;
    border-radius: 8px;
    background: #ffffff;
}

.fehlzeiten-kopf[b-cpc1da2gd0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
}

.fehlzeiten-kopf h2[b-cpc1da2gd0],
.fehlzeiten-detail h3[b-cpc1da2gd0],
.fehlzeiten-editor-kopf h3[b-cpc1da2gd0] {
    margin: 0;
    color: #263945;
    font-size: 0.86rem;
    font-weight: 750;
}

.fehlzeiten-kopf p[b-cpc1da2gd0],
.fehlzeiten-detail header p[b-cpc1da2gd0],
.fehlzeiten-editor-kopf p[b-cpc1da2gd0] {
    margin: 2px 0 0;
    color: #5c6d78;
    font-size: 0.66rem;
}

.fehlzeiten-aktionen[b-cpc1da2gd0] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.fehlzeiten button[b-cpc1da2gd0] {
    min-height: 31px;
    padding: 0.28rem 0.62rem;
    border: 1px solid #b6c6d0;
    border-radius: 5px;
    background: #ffffff;
    color: #344a57;
    font: inherit;
    font-size: 0.69rem;
    font-weight: 700;
    cursor: pointer;
}

.fehlzeiten button:hover:not(:disabled)[b-cpc1da2gd0] {
    background: #f1f6f9;
}

.fehlzeiten button:disabled[b-cpc1da2gd0] {
    opacity: 0.55;
    cursor: default;
}

.fehlzeiten button.fehlzeiten-primaer[b-cpc1da2gd0] {
    border-color: #82abc5;
    background: #eaf4fa;
    color: #245f87;
}

.fehlzeiten-aktionen .fehlzeiten-loeschen-button[b-cpc1da2gd0] {
    border-color: #d9a8a8;
    background: #fff7f7;
    color: #943939;
}

.fehlzeiten-meldung[b-cpc1da2gd0],
.fehlzeiten-hinweis[b-cpc1da2gd0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 0.7rem;
}

.fehlzeiten-meldung-erfolg[b-cpc1da2gd0] {
    border: 1px solid #9fcdb0;
    background: #f0faf4;
    color: #276440;
}

.fehlzeiten-meldung-fehler[b-cpc1da2gd0] {
    border: 1px solid #dfaaaa;
    background: #fff5f5;
    color: #8f3434;
}

.fehlzeiten-hinweis[b-cpc1da2gd0] {
    border: 1px solid #d7e0e6;
    background: #f8fafb;
    color: #586a76;
}

.fehlzeiten-liste-karte[b-cpc1da2gd0] {
    overflow: hidden;
}

.fehlzeiten-liste-kopf[b-cpc1da2gd0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-bottom: 1px solid #d8e0e5;
    background: #f5f8fa;
}

.fehlzeiten-liste-kopf strong[b-cpc1da2gd0] {
    color: #344650;
    font-size: 0.72rem;
}

.fehlzeiten-liste-kopf span[b-cpc1da2gd0] {
    color: #61737e;
    font-size: 0.65rem;
}

.fehlzeiten-leer[b-cpc1da2gd0] {
    padding: 14px 12px;
    color: #647681;
    font-size: 0.7rem;
}

.fehlzeiten-tabelle-rahmen[b-cpc1da2gd0] {
    max-height: 320px;
    overflow: auto;
}

.fehlzeiten-tabelle[b-cpc1da2gd0] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.68rem;
}

.fehlzeiten-tabelle thead th[b-cpc1da2gd0] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 7px 8px;
    border-bottom: 1px solid #cbd6dd;
    background: #edf3f6;
    color: #40535f;
    text-align: left;
    font-weight: 750;
}

.fehlzeiten-tabelle thead th:nth-child(1)[b-cpc1da2gd0] {
    width: 135px;
}

.fehlzeiten-tabelle thead th:nth-child(2)[b-cpc1da2gd0],
.fehlzeiten-tabelle thead th:nth-child(3)[b-cpc1da2gd0] {
    width: 105px;
}

.fehlzeiten-tabelle thead th:nth-child(4)[b-cpc1da2gd0] {
    width: 65px;
}

.fehlzeiten-tabelle thead th:nth-child(5)[b-cpc1da2gd0] {
    width: 95px;
}

.fehlzeiten-tabelle tbody td[b-cpc1da2gd0] {
    padding: 7px 8px;
    border-bottom: 1px solid #e0e6ea;
    color: #324650;
    vertical-align: middle;
}

.fehlzeiten-tabelle tbody tr[b-cpc1da2gd0] {
    cursor: pointer;
}

.fehlzeiten-tabelle tbody tr:hover[b-cpc1da2gd0] {
    background: #f5f9fb;
}

.fehlzeiten-tabelle tbody tr.fehlzeiten-zeile-ausgewaehlt[b-cpc1da2gd0] {
    background: #e9f4fa;
}

.fehlzeiten-art[b-cpc1da2gd0] {
    font-weight: 750;
}

.fehlzeiten-bemerkung[b-cpc1da2gd0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fehlzeiten-badge[b-cpc1da2gd0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 0.61rem;
    font-weight: 750;
}

.fehlzeiten-badge-geplant[b-cpc1da2gd0] {
    background: #edf4fb;
    color: #315f83;
}

.fehlzeiten-badge-aktuell[b-cpc1da2gd0] {
    background: #fff1f1;
    color: #9b3939;
}

.fehlzeiten-badge-beendet[b-cpc1da2gd0] {
    background: #f0f2f4;
    color: #65727c;
}

.fehlzeiten-detail[b-cpc1da2gd0],
.fehlzeiten-editor[b-cpc1da2gd0] {
    padding: 10px 12px;
}

.fehlzeiten-detail header[b-cpc1da2gd0],
.fehlzeiten-editor-kopf[b-cpc1da2gd0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.fehlzeiten-detail-raster[b-cpc1da2gd0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
}

.fehlzeiten-detail-raster > div[b-cpc1da2gd0] {
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid #dbe3e8;
    border-radius: 6px;
    background: #f8fafb;
}

.fehlzeiten-detail-raster span[b-cpc1da2gd0] {
    display: block;
    margin-bottom: 2px;
    color: #62747f;
    font-size: 0.6rem;
}

.fehlzeiten-detail-raster strong[b-cpc1da2gd0] {
    display: block;
    color: #314550;
    font-size: 0.69rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.fehlzeiten-detail-breit[b-cpc1da2gd0] {
    grid-column: 1 / -1;
}

.fehlzeiten-formular-raster[b-cpc1da2gd0] {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr 0.7fr;
    gap: 8px 10px;
}

.fehlzeiten-feld[b-cpc1da2gd0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.fehlzeiten-feld label[b-cpc1da2gd0],
.fehlzeiten-feld-info span[b-cpc1da2gd0] {
    color: #4e616d;
    font-size: 0.63rem;
    font-weight: 700;
}

.fehlzeiten-feld input[b-cpc1da2gd0],
.fehlzeiten-feld select[b-cpc1da2gd0],
.fehlzeiten-feld textarea[b-cpc1da2gd0] {
    width: 100%;
    box-sizing: border-box;
    min-height: 31px;
    padding: 5px 7px;
    border: 1px solid #bdcad3;
    border-radius: 5px;
    background: #ffffff;
    color: #293e49;
    font: inherit;
    font-size: 0.7rem;
}

.fehlzeiten-feld textarea[b-cpc1da2gd0] {
    min-height: 70px;
    resize: vertical;
}

.fehlzeiten-feld input:focus[b-cpc1da2gd0],
.fehlzeiten-feld select:focus[b-cpc1da2gd0],
.fehlzeiten-feld textarea:focus[b-cpc1da2gd0] {
    outline: 2px solid #c7e0ef;
    outline-offset: 1px;
    border-color: #75a8c7;
}

.fehlzeiten-feld-info[b-cpc1da2gd0] {
    justify-content: flex-end;
    padding-bottom: 5px;
}

.fehlzeiten-feld-info strong[b-cpc1da2gd0] {
    min-height: 31px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 5px 7px;
    border: 1px solid #d4dde3;
    border-radius: 5px;
    background: #f7f9fa;
    color: #334a56;
    font-size: 0.7rem;
}

.fehlzeiten-feld-breit[b-cpc1da2gd0] {
    grid-column: 1 / -1;
}

.fehlzeiten-formular-fehler[b-cpc1da2gd0] {
    margin-top: 9px;
    padding: 7px 8px;
    border: 1px solid #dda7a7;
    border-radius: 6px;
    background: #fff5f5;
    color: #913535;
    font-size: 0.68rem;
}

.fehlzeiten-editor-hinweis[b-cpc1da2gd0] {
    margin-top: 9px;
    padding: 7px 8px;
    border: 1px solid #d5dfe5;
    border-radius: 6px;
    background: #f7fafb;
    color: #586b77;
    font-size: 0.64rem;
}

.fehlzeiten-editor-aktionen[b-cpc1da2gd0] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 10px;
}

.fehlzeiten-loeschbestaetigung[b-cpc1da2gd0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border: 1px solid #dca6a6;
    border-radius: 8px;
    background: #fff6f6;
}

.fehlzeiten-loeschbestaetigung > div:first-child[b-cpc1da2gd0] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fehlzeiten-loeschbestaetigung strong[b-cpc1da2gd0] {
    color: #8d3030;
    font-size: 0.73rem;
}

.fehlzeiten-loeschbestaetigung span[b-cpc1da2gd0] {
    color: #674e4e;
    font-size: 0.66rem;
}

.fehlzeiten-loeschbestaetigung small[b-cpc1da2gd0] {
    color: #765d5d;
    font-size: 0.62rem;
}

.fehlzeiten-loeschbestaetigung-aktionen[b-cpc1da2gd0] {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
}

.fehlzeiten-loeschbestaetigung-aktionen .fehlzeiten-loeschen-bestaetigen[b-cpc1da2gd0] {
    border-color: #c96f6f;
    background: #fff0f0;
    color: #962f2f;
}

@media (max-width: 1050px) {
    .fehlzeiten-formular-raster[b-cpc1da2gd0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .fehlzeiten-kopf[b-cpc1da2gd0],
    .fehlzeiten-detail header[b-cpc1da2gd0],
    .fehlzeiten-editor-kopf[b-cpc1da2gd0],
    .fehlzeiten-loeschbestaetigung[b-cpc1da2gd0],
    .fehlzeiten-meldung[b-cpc1da2gd0] {
        align-items: stretch;
        flex-direction: column;
    }

    .fehlzeiten-aktionen[b-cpc1da2gd0] {
        flex-wrap: wrap;
    }

    .fehlzeiten-formular-raster[b-cpc1da2gd0],
    .fehlzeiten-detail-raster[b-cpc1da2gd0] {
        grid-template-columns: 1fr;
    }

    .fehlzeiten-feld-breit[b-cpc1da2gd0],
    .fehlzeiten-detail-breit[b-cpc1da2gd0] {
        grid-column: auto;
    }

    .fehlzeiten-loeschbestaetigung-aktionen[b-cpc1da2gd0] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Fachbereiche/Verfuegbarkeit/Verfuegbarkeit.razor.rz.scp.css */
/* ===================================================================
   Fahrerverfügbarkeit – Web
   =================================================================== */

.verfuegbarkeit-seite[b-va9wvxkopu] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}


/* ===================================================================
   Werkzeugleiste
   =================================================================== */

.verfuegbarkeit-werkzeugleiste[b-va9wvxkopu] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 9px;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
}

.verfuegbarkeit-ansichtswahl[b-va9wvxkopu] {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 2px;
    background: #edf1f4;
    border-radius: 6px;
}

.verfuegbarkeit-ansicht-button[b-va9wvxkopu],
.verfuegbarkeit-aktion[b-va9wvxkopu],
.verfuegbarkeit-wochenaktionen button[b-va9wvxkopu] {
    min-height: 32px;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #44505b;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 650;
    cursor: pointer;
}

.verfuegbarkeit-ansicht-button[b-va9wvxkopu] {
    min-width: 110px;
    border-color: transparent;
    background: transparent;
}

.verfuegbarkeit-ansicht-button-aktiv[b-va9wvxkopu] {
    background: #ffffff;
    border-color: #d2dae1;
    color: #1f2d38;
    box-shadow: 0 1px 2px rgba(19, 35, 50, 0.07);
}

.verfuegbarkeit-aktion[b-va9wvxkopu] {
    padding: 0.35rem 0.75rem;
}

.verfuegbarkeit-ansicht-button:disabled[b-va9wvxkopu],
.verfuegbarkeit-aktion:disabled[b-va9wvxkopu],
.verfuegbarkeit-wochenaktionen button:disabled[b-va9wvxkopu] {
    opacity: 0.58;
    cursor: default;
}


/* ===================================================================
   Steuerung
   =================================================================== */

.verfuegbarkeit-steuerung[b-va9wvxkopu] {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(150px, 190px) 1fr;
    align-items: end;
    gap: 12px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
}

.verfuegbarkeit-steuerung-woche[b-va9wvxkopu] {
    grid-template-columns: minmax(250px, 1fr) minmax(160px, 190px) auto minmax(210px, auto);
}

.verfuegbarkeit-steuerfeld[b-va9wvxkopu] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.verfuegbarkeit-steuerfeld label[b-va9wvxkopu],
.verfuegbarkeit-steuerinfo-label[b-va9wvxkopu] {
    color: #6f7c88;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.verfuegbarkeit-steuerfeld input[b-va9wvxkopu],
.verfuegbarkeit-steuerfeld select[b-va9wvxkopu] {
    width: 100%;
    height: 34px;
    min-height: 34px;
    box-sizing: border-box;
    padding: 0.34rem 0.5rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #26313b;
    font: inherit;
    font-size: 0.8rem;
    line-height: 1.2;
}

.verfuegbarkeit-steuerfeld input:focus[b-va9wvxkopu],
.verfuegbarkeit-steuerfeld select:focus[b-va9wvxkopu] {
    outline: 2px solid rgba(55, 114, 157, 0.18);
    outline-offset: 1px;
    border-color: #8aa9bf;
}

.verfuegbarkeit-steuerinfo[b-va9wvxkopu] {
    min-height: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 2px;
    color: #26313b;
}

.verfuegbarkeit-steuerinfo strong[b-va9wvxkopu] {
    font-size: 0.8rem;
    font-weight: 700;
}

.verfuegbarkeit-wochenaktionen[b-va9wvxkopu] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.verfuegbarkeit-wochenaktionen button[b-va9wvxkopu] {
    padding: 0.3rem 0.62rem;
}

.verfuegbarkeit-wochenaktionen button:first-child[b-va9wvxkopu],
.verfuegbarkeit-wochenaktionen button:last-child[b-va9wvxkopu] {
    width: 34px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.05rem;
}


/* ===================================================================
   Meldungen
   =================================================================== */

.verfuegbarkeit-status[b-va9wvxkopu] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    color: #6c7883;
    text-align: center;
    font-size: 0.84rem;
}

.verfuegbarkeit-status-fehler[b-va9wvxkopu] {
    border-color: #efc1c1;
    background: #fff8f8;
    color: #a52a2a;
}


/* ===================================================================
   Legende
   =================================================================== */

.verfuegbarkeit-legende[b-va9wvxkopu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 6px 10px;
    color: #65717c;
    font-size: 0.72rem;
}

.verfuegbarkeit-legende > span[b-va9wvxkopu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.verfuegbarkeit-legende-farbe[b-va9wvxkopu] {
    width: 17px;
    height: 7px;
    display: inline-block;
    border-radius: 999px;
}

.verfuegbarkeit-status-verfuegbar[b-va9wvxkopu] {
    background: #16a34a;
}

.verfuegbarkeit-status-eingeschraenkt[b-va9wvxkopu] {
    background: #d97706;
}

.verfuegbarkeit-status-nicht[b-va9wvxkopu] {
    background: #dc2626;
}

.verfuegbarkeit-ausserhalb[b-va9wvxkopu] {
    background: repeating-linear-gradient(
        -45deg,
        #d9dee3,
        #d9dee3 3px,
        #eef1f4 3px,
        #eef1f4 6px
    );
    border: 1px solid #ccd3d9;
}


/* ===================================================================
   Grafische Übersicht
   =================================================================== */

.verfuegbarkeit-grafik[b-va9wvxkopu] {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    overflow: hidden;
}

.verfuegbarkeit-achse-kopf[b-va9wvxkopu],
.verfuegbarkeit-zeile[b-va9wvxkopu] {
    display: grid;
    grid-template-columns: 205px minmax(760px, 1fr);
}

.verfuegbarkeit-achse-kopf[b-va9wvxkopu] {
    min-height: 36px;
    background: #eef2f5;
    border-bottom: 1px solid #d9e0e6;
}

.verfuegbarkeit-achse-beschriftung[b-va9wvxkopu] {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-right: 1px solid #d8dfe5;
    color: #5f6c77;
    font-size: 0.69rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.verfuegbarkeit-achse[b-va9wvxkopu] {
    position: relative;
    min-width: 760px;
}

.verfuegbarkeit-achse-marke[b-va9wvxkopu] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #65727d;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.verfuegbarkeit-achse-marke:first-child[b-va9wvxkopu] {
    transform: translate(0, -50%);
}

.verfuegbarkeit-achse-marke:last-child[b-va9wvxkopu] {
    transform: translate(-100%, -50%);
}

.verfuegbarkeit-grafik-zeilen[b-va9wvxkopu] {
    max-height: calc(100vh - 305px);
    overflow: auto;
    scrollbar-width: thin;
}

.verfuegbarkeit-zeile[b-va9wvxkopu] {
    min-height: 38px;
    border-bottom: 1px solid #edf0f3;
}

.verfuegbarkeit-zeile:last-child[b-va9wvxkopu] {
    border-bottom: 0;
}

.verfuegbarkeit-zeile-beschriftung[b-va9wvxkopu] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 4px 12px;
    border-right: 1px solid #edf0f3;
    background: #ffffff;
    position: sticky;
    left: 0;
    z-index: 5;
}

.verfuegbarkeit-zeile-beschriftung strong[b-va9wvxkopu] {
    overflow: hidden;
    color: #26313b;
    font-size: 0.78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verfuegbarkeit-zeile-beschriftung span[b-va9wvxkopu] {
    overflow: hidden;
    color: #7a8690;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verfuegbarkeit-zeitleiste[b-va9wvxkopu] {
    position: relative;
    min-width: 760px;
    min-height: 54px;
    overflow: hidden;
    background: #fbfcfd;
}

.verfuegbarkeit-rasterlinie[b-va9wvxkopu] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e5eaee;
    pointer-events: none;
}

.verfuegbarkeit-intervall[b-va9wvxkopu] {
    position: absolute;
    top: 10.5px;
    height: 17px;
    min-width: 2px;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 2;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.verfuegbarkeit-intervall-verfuegbar[b-va9wvxkopu] {
    background: #16a34a;
}

.verfuegbarkeit-intervall-eingeschraenkt[b-va9wvxkopu] {
    background: #d97706;
}

.verfuegbarkeit-intervall-nicht[b-va9wvxkopu] {
    background: #dc2626;
}

.verfuegbarkeit-intervall-fehlzeit[b-va9wvxkopu] {
    top: 10.5px;
    height: 17px;
    background: rgba(220, 38, 38, 0.9);
    z-index: 4;
    border: 1px solid rgba(126, 18, 18, 0.42);
}

.verfuegbarkeit-intervall-unbekannt[b-va9wvxkopu] {
    background: #94a3b8;
}

.verfuegbarkeit-keine-erfassung[b-va9wvxkopu] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #a1aab2;
    font-size: 0.68rem;
    white-space: nowrap;
}

.verfuegbarkeit-ausserhalb-bereich[b-va9wvxkopu] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 3px;
    background: repeating-linear-gradient(
        -45deg,
        rgba(214, 220, 225, 0.78),
        rgba(214, 220, 225, 0.78) 4px,
        rgba(239, 242, 245, 0.82) 4px,
        rgba(239, 242, 245, 0.82) 8px
    );
    color: #87919a;
    font-size: 0.58rem;
    z-index: 3;
    pointer-events: none;
}

.verfuegbarkeit-ausserhalb-links[b-va9wvxkopu] {
    left: 0;
}

.verfuegbarkeit-ausserhalb-rechts[b-va9wvxkopu] {
    right: 0;
}


/* ===================================================================
   Leerzustand / Fußzeile
   =================================================================== */

.verfuegbarkeit-leerhinweis[b-va9wvxkopu] {
    min-height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem;
    color: #8a949e;
    text-align: center;
    font-size: 0.8rem;
}

.verfuegbarkeit-fusszeile[b-va9wvxkopu] {
    padding: 1px 3px 0;
    color: #7c8791;
    font-size: 0.7rem;
}


/* ===================================================================
   Responsive Darstellung
   =================================================================== */

@media (max-width: 1080px) {
    .verfuegbarkeit-steuerung[b-va9wvxkopu],
    .verfuegbarkeit-steuerung-woche[b-va9wvxkopu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .verfuegbarkeit-steuerinfo[b-va9wvxkopu] {
        align-items: flex-start;
    }

    .verfuegbarkeit-achse-kopf[b-va9wvxkopu],
    .verfuegbarkeit-zeile[b-va9wvxkopu] {
        grid-template-columns: 180px minmax(760px, 1fr);
    }
}

@media (max-width: 720px) {
    .verfuegbarkeit-werkzeugleiste[b-va9wvxkopu] {
        align-items: stretch;
        flex-direction: column;
    }

    .verfuegbarkeit-ansichtswahl[b-va9wvxkopu] {
        width: 100%;
    }

    .verfuegbarkeit-ansicht-button[b-va9wvxkopu] {
        flex: 1 1 50%;
    }

    .verfuegbarkeit-steuerung[b-va9wvxkopu],
    .verfuegbarkeit-steuerung-woche[b-va9wvxkopu] {
        grid-template-columns: 1fr;
    }

    .verfuegbarkeit-wochenaktionen[b-va9wvxkopu] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Fachbereiche/Verfuegbarkeit/Verfuegbarkeitsprofile.razor.rz.scp.css */
.profile[b-ot1um0s6ht] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-width: 0;
}

.profile-kopf[b-ot1um0s6ht],
.profile-liste-karte[b-ot1um0s6ht],
.profile-detail[b-ot1um0s6ht],
.profile-editor[b-ot1um0s6ht] {
    border: 1px solid #d5dde4;
    border-radius: 8px;
    background: #ffffff;
}

.profile-kopf[b-ot1um0s6ht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
}

.profile-kopf h2[b-ot1um0s6ht],
.profile-editor-kopf h3[b-ot1um0s6ht],
.profile-detail h3[b-ot1um0s6ht] {
    margin: 0;
    color: #263540;
    font-size: 0.86rem;
    font-weight: 750;
}

.profile-kopf p[b-ot1um0s6ht],
.profile-editor-kopf p[b-ot1um0s6ht],
.profile-detail header p[b-ot1um0s6ht] {
    margin: 2px 0 0;
    color: #61707c;
    font-size: 0.66rem;
}

.profile-aktionen[b-ot1um0s6ht] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.profile button[b-ot1um0s6ht] {
    min-height: 31px;
    padding: 0.28rem 0.62rem;
    border: 1px solid #b8c8d3;
    border-radius: 5px;
    background: #ffffff;
    color: #344754;
    font: inherit;
    font-size: 0.69rem;
    font-weight: 700;
    cursor: pointer;
}

.profile button:hover:not(:disabled)[b-ot1um0s6ht] {
    background: #f2f7fa;
}

.profile button:disabled[b-ot1um0s6ht] {
    opacity: 0.55;
    cursor: default;
}

.profile button.profile-primaer[b-ot1um0s6ht] {
    border-color: #82abc5;
    background: #eaf4fa;
    color: #245f87;
}

.profile-meldung[b-ot1um0s6ht],
.profile-hinweis[b-ot1um0s6ht] {
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 0.7rem;
}

.profile-meldung-erfolg[b-ot1um0s6ht] {
    border: 1px solid #9fcdb0;
    background: #f0faf4;
    color: #276440;
}

.profile-meldung-fehler[b-ot1um0s6ht] {
    border: 1px solid #dfaaaa;
    background: #fff5f5;
    color: #963737;
}

.profile-hinweis[b-ot1um0s6ht] {
    border: 1px solid #d8e0e6;
    background: #f8fafb;
    color: #596975;
}

.profile-liste-karte[b-ot1um0s6ht] {
    overflow: hidden;
}

.profile-liste-kopf[b-ot1um0s6ht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-bottom: 1px solid #d9e0e5;
    background: #f6f8fa;
}

.profile-liste-kopf strong[b-ot1um0s6ht] {
    color: #34434e;
    font-size: 0.72rem;
}

.profile-liste-kopf span[b-ot1um0s6ht] {
    color: #667681;
    font-size: 0.65rem;
}

.profile-leer[b-ot1um0s6ht] {
    padding: 14px 12px;
    color: #687783;
    font-size: 0.7rem;
}

.profile-tabelle-rahmen[b-ot1um0s6ht] {
    max-height: 270px;
    overflow: auto;
}

.profile-tabelle[b-ot1um0s6ht] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.68rem;
}

.profile-tabelle thead th[b-ot1um0s6ht] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 7px 8px;
    border-bottom: 1px solid #cfd8df;
    background: #eef3f6;
    color: #43535f;
    text-align: left;
    font-weight: 750;
}

.profile-tabelle tbody td[b-ot1um0s6ht] {
    padding: 7px 8px;
    border-bottom: 1px solid #e1e6ea;
    color: #334550;
    vertical-align: middle;
}

.profile-tabelle tbody tr[b-ot1um0s6ht] {
    cursor: pointer;
}

.profile-tabelle tbody tr:hover[b-ot1um0s6ht] {
    background: #f6f9fb;
}

.profile-tabelle tbody tr.profile-zeile-ausgewaehlt[b-ot1um0s6ht] {
    background: #eaf4fa;
}

.profile-version[b-ot1um0s6ht] {
    width: 72px;
    font-weight: 750;
}

.profile-badge[b-ot1um0s6ht] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 750;
}

.profile-badge-aktiv[b-ot1um0s6ht] {
    background: #e9f7ee;
    color: #247043;
}

.profile-badge-inaktiv[b-ot1um0s6ht] {
    background: #f1f3f5;
    color: #68737d;
}

.profile-detail[b-ot1um0s6ht],
.profile-editor[b-ot1um0s6ht] {
    padding: 10px 12px;
}

.profile-detail header[b-ot1um0s6ht],
.profile-editor-kopf[b-ot1um0s6ht] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.profile-detail-raster[b-ot1um0s6ht],
.profile-formular-raster[b-ot1um0s6ht] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px 10px;
}

.profile-detail-raster > div[b-ot1um0s6ht] {
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid #dce3e8;
    border-radius: 6px;
    background: #f8fafb;
}

.profile-detail-raster span[b-ot1um0s6ht] {
    display: block;
    margin-bottom: 2px;
    color: #687783;
    font-size: 0.6rem;
}

.profile-detail-raster strong[b-ot1um0s6ht] {
    display: block;
    overflow-wrap: anywhere;
    color: #32434e;
    font-size: 0.69rem;
    font-weight: 700;
}

.profile-detail-breit[b-ot1um0s6ht],
.profile-feld-breit[b-ot1um0s6ht] {
    grid-column: 1 / -1;
}

.profile-aktiv[b-ot1um0s6ht],
.profile-schaltergruppe label[b-ot1um0s6ht] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #3e4f5a;
    font-size: 0.68rem;
    font-weight: 650;
}

.profile-feld[b-ot1um0s6ht] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.profile-feld label[b-ot1um0s6ht] {
    color: #4f606c;
    font-size: 0.63rem;
    font-weight: 700;
}

.profile-feld small[b-ot1um0s6ht] {
    color: #7a8790;
    font-size: 0.58rem;
}

.profile-feld input[b-ot1um0s6ht],
.profile-feld textarea[b-ot1um0s6ht] {
    width: 100%;
    box-sizing: border-box;
    min-height: 31px;
    padding: 5px 7px;
    border: 1px solid #bfcbd4;
    border-radius: 5px;
    background: #ffffff;
    color: #293b47;
    font: inherit;
    font-size: 0.7rem;
}

.profile-feld textarea[b-ot1um0s6ht] {
    min-height: 70px;
    resize: vertical;
}

.profile-feld input:focus[b-ot1um0s6ht],
.profile-feld textarea:focus[b-ot1um0s6ht] {
    outline: 2px solid #c8e0ef;
    outline-offset: 1px;
    border-color: #76a9c8;
}

.profile-schaltergruppe[b-ot1um0s6ht] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 31px;
    padding-top: 17px;
}

.profile-formular-fehler[b-ot1um0s6ht] {
    margin-top: 9px;
    padding: 7px 8px;
    border: 1px solid #dfa9a9;
    border-radius: 6px;
    background: #fff5f5;
    color: #963737;
    font-size: 0.68rem;
}

.profile-editor-aktionen[b-ot1um0s6ht] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 10px;
}

@media (max-width: 1050px) {
    .profile-detail-raster[b-ot1um0s6ht],
    .profile-formular-raster[b-ot1um0s6ht] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .profile-kopf[b-ot1um0s6ht],
    .profile-detail header[b-ot1um0s6ht],
    .profile-editor-kopf[b-ot1um0s6ht] {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-aktionen[b-ot1um0s6ht] {
        flex-wrap: wrap;
    }

    .profile-detail-raster[b-ot1um0s6ht],
    .profile-formular-raster[b-ot1um0s6ht] {
        grid-template-columns: 1fr;
    }

    .profile-detail-breit[b-ot1um0s6ht],
    .profile-feld-breit[b-ot1um0s6ht] {
        grid-column: auto;
    }

    .profile-schaltergruppe[b-ot1um0s6ht] {
        padding-top: 4px;
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ===================================================================
   Profilprüfung
   =================================================================== */

.profile-aktionen .profile-pruefung-button[b-ot1um0s6ht] {
    border-color: #aebbc5;
    background: #f7f9fa;
    color: #3c515e;
}

.profile-pruefung[b-ot1um0s6ht] {
    overflow: hidden;
    border: 1px solid #cfd9e0;
    border-radius: 8px;
    background: #ffffff;
}

.profile-pruefung-kopf[b-ot1um0s6ht] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #d7e0e6;
    background: #f6f9fb;
}

.profile-pruefung-kopf h3[b-ot1um0s6ht] {
    margin: 0;
    color: #2d404c;
    font-size: 0.8rem;
    font-weight: 750;
}

.profile-pruefung-kopf p[b-ot1um0s6ht] {
    margin: 2px 0 0;
    color: #5f707c;
    font-size: 0.65rem;
}

.profile-pruefung-status[b-ot1um0s6ht],
.profile-pruefung-fehler[b-ot1um0s6ht],
.profile-pruefung-ok[b-ot1um0s6ht] {
    margin: 10px 12px;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 0.68rem;
}

.profile-pruefung-status[b-ot1um0s6ht] {
    border: 1px solid #cfdbe3;
    background: #f7fafc;
    color: #4e616e;
}

.profile-pruefung-fehler[b-ot1um0s6ht] {
    border: 1px solid #dda7a7;
    background: #fff5f5;
    color: #923737;
}

.profile-pruefung-ok[b-ot1um0s6ht] {
    border: 1px solid #a8ceb5;
    background: #f1faf4;
    color: #2d6743;
}

.profile-pruefung-zusammenfassung[b-ot1um0s6ht] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 12px;
}

.profile-pruefung-zusammenfassung > div[b-ot1um0s6ht] {
    padding: 7px 9px;
    border: 1px solid #d8e0e5;
    border-radius: 6px;
    background: #f8fafb;
}

.profile-pruefung-zusammenfassung span[b-ot1um0s6ht] {
    display: block;
    color: #647580;
    font-size: 0.59rem;
}

.profile-pruefung-zusammenfassung strong[b-ot1um0s6ht] {
    display: block;
    margin-top: 1px;
    color: #293e4b;
    font-size: 0.82rem;
}

.profile-pruefung-tabelle-rahmen[b-ot1um0s6ht] {
    max-height: 340px;
    overflow: auto;
    border-top: 1px solid #dbe2e7;
}

.profile-pruefung-tabelle[b-ot1um0s6ht] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.66rem;
}

.profile-pruefung-tabelle thead th[b-ot1um0s6ht] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 7px 8px;
    border-bottom: 1px solid #cbd6dd;
    background: #edf3f6;
    color: #40535f;
    text-align: left;
    font-weight: 750;
}

.profile-pruefung-tabelle thead th:nth-child(1)[b-ot1um0s6ht] {
    width: 18%;
}

.profile-pruefung-tabelle thead th:nth-child(2)[b-ot1um0s6ht] {
    width: 8%;
}

.profile-pruefung-tabelle thead th:nth-child(3)[b-ot1um0s6ht] {
    width: 16%;
}

.profile-pruefung-tabelle thead th:nth-child(4)[b-ot1um0s6ht] {
    width: 20%;
}

.profile-pruefung-tabelle tbody td[b-ot1um0s6ht] {
    padding: 7px 8px;
    border-bottom: 1px solid #e1e6ea;
    color: #344752;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.profile-pruefung-tabelle tbody tr:nth-child(even)[b-ot1um0s6ht] {
    background: #fafbfc;
}

.profile-pruefung-wert[b-ot1um0s6ht] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.64rem;
}

.profile-pruefung-badge[b-ot1um0s6ht] {
    display: inline-flex;
    max-width: 100%;
    padding: 2px 6px;
    border-radius: 999px;
    line-height: 1.25;
    font-size: 0.6rem;
    font-weight: 750;
}

.profile-pruefung-badge-deutlich[b-ot1um0s6ht] {
    background: #fff0f0;
    color: #9a3737;
}

.profile-pruefung-badge-hinweis[b-ot1um0s6ht] {
    background: #fff8e7;
    color: #7b5b17;
}

@media (max-width: 720px) {
    .profile-pruefung-kopf[b-ot1um0s6ht] {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-pruefung-zusammenfassung[b-ot1um0s6ht] {
        grid-template-columns: 1fr;
    }
}



/* ===================================================================
   Verfügbarkeitsprofil löschen
   =================================================================== */

.profile-aktionen .profile-loeschen-button[b-ot1um0s6ht] {
    border-color: #d9a8a8;
    background: #fff7f7;
    color: #943939;
}

.profile-loeschbestaetigung[b-ot1um0s6ht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border: 1px solid #dca6a6;
    border-radius: 8px;
    background: #fff6f6;
}

.profile-loeschbestaetigung > div:first-child[b-ot1um0s6ht] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.profile-loeschbestaetigung strong[b-ot1um0s6ht] {
    color: #8e3030;
    font-size: 0.73rem;
}

.profile-loeschbestaetigung span[b-ot1um0s6ht] {
    color: #684f4f;
    font-size: 0.66rem;
}

.profile-loeschbestaetigung small[b-ot1um0s6ht] {
    color: #795f5f;
    font-size: 0.62rem;
}

.profile-loeschbestaetigung-aktionen[b-ot1um0s6ht] {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
}

.profile-loeschbestaetigung-aktionen button[b-ot1um0s6ht] {
    min-height: 30px;
    padding: 0.26rem 0.58rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #44505b;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 650;
    cursor: pointer;
}

.profile-loeschbestaetigung-aktionen .profile-loeschen-bestaetigen[b-ot1um0s6ht] {
    border-color: #c96f6f;
    background: #fff0f0;
    color: #962f2f;
}

@media (max-width: 720px) {
    .profile-loeschbestaetigung[b-ot1um0s6ht] {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-loeschbestaetigung-aktionen[b-ot1um0s6ht] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Fachbereiche/Verfuegbarkeit/Wochenplanung.razor.rz.scp.css */
/* ===================================================================
   Wochenplanung – Fahrerverfügbarkeit
   =================================================================== */

.wochenplanung[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* ===================================================================
   Steuerung
   =================================================================== */

.wochenplanung-steuerung[b-rt2c6bs8jm] {
    display: grid;
    grid-template-columns:
        minmax(260px, 1fr)
        minmax(150px, 185px)
        auto
        minmax(205px, auto)
        auto;
    align-items: end;
    gap: 10px;
    padding: 9px 11px;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
}

.wochenplanung-feld[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wochenplanung-feld label[b-rt2c6bs8jm],
.wochenplanung-info span[b-rt2c6bs8jm],
.wochenplanung-plan-kopf span[b-rt2c6bs8jm],
.wochenplanung-detail-kopf span[b-rt2c6bs8jm] {
    color: #6f7c88;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.wochenplanung-feld input[b-rt2c6bs8jm],
.wochenplanung-feld select[b-rt2c6bs8jm],
.wochenplanung-steuerung select[b-rt2c6bs8jm],
.wochenplanung-steuerung input[b-rt2c6bs8jm] {
    width: 100%;
    min-height: 32px;
    box-sizing: border-box;
    padding: 0.3rem 0.48rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #26313b;
    font: inherit;
    font-size: 0.76rem;
}

.wochenplanung-wochenaktionen[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.wochenplanung-wochenaktionen button[b-rt2c6bs8jm],
.wochenplanung-aktualisieren[b-rt2c6bs8jm],
.wochenplanung-kein-plan button[b-rt2c6bs8jm],
.wochenplanung-detail button[b-rt2c6bs8jm] {
    min-height: 32px;
    padding: 0.3rem 0.6rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #44505b;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 650;
    cursor: pointer;
}

.wochenplanung-wochenaktionen button:first-child[b-rt2c6bs8jm],
.wochenplanung-wochenaktionen button:last-child[b-rt2c6bs8jm] {
    width: 32px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
}

.wochenplanung-info[b-rt2c6bs8jm] {
    min-height: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 1px;
}

.wochenplanung-info strong[b-rt2c6bs8jm] {
    color: #26313b;
    font-size: 0.74rem;
}


/* ===================================================================
   Meldungen / Leerzustände
   =================================================================== */

.wochenplanung-status[b-rt2c6bs8jm],
.wochenplanung-leer[b-rt2c6bs8jm] {
    padding: 0.8rem 0.9rem;
    border: 1px solid #dfe4e8;
    border-radius: 7px;
    background: #ffffff;
    color: #76828d;
    font-size: 0.75rem;
}

.wochenplanung-fehlender-tag[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dfe4e8;
    border-radius: 7px;
    background: #ffffff;
}

.wochenplanung-fehlender-tag > div[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wochenplanung-fehlender-tag strong[b-rt2c6bs8jm] {
    color: #3d4954;
    font-size: 0.74rem;
}

.wochenplanung-fehlender-tag span[b-rt2c6bs8jm] {
    color: #76828d;
    font-size: 0.68rem;
    line-height: 1.35;
}

.wochenplanung-fehlender-tag button[b-rt2c6bs8jm] {
    flex: 0 0 auto;
    min-height: 31px;
}

.wochenplanung-meldung[b-rt2c6bs8jm] {
    padding: 0.52rem 0.7rem;
    border-radius: 6px;
    font-size: 0.72rem;
}

.wochenplanung-meldung-erfolg[b-rt2c6bs8jm] {
    border: 1px solid #b9dfc5;
    background: #f3fbf5;
    color: #27653a;
}

.wochenplanung-meldung-fehler[b-rt2c6bs8jm] {
    border: 1px solid #efc1c1;
    background: #fff7f7;
    color: #a52a2a;
}

.wochenplanung-kein-plan[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    background: #ffffff;
}

.wochenplanung-kein-plan > div[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wochenplanung-kein-plan strong[b-rt2c6bs8jm] {
    color: #2f3b46;
    font-size: 0.78rem;
}

.wochenplanung-kein-plan span[b-rt2c6bs8jm] {
    color: #7a8690;
    font-size: 0.69rem;
}


/* ===================================================================
   Plan-Kopf
   =================================================================== */

.wochenplanung-plan-kopf[b-rt2c6bs8jm] {
    display: grid;
    grid-template-columns: 1fr 150px 270px auto;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    background: #ffffff;
}

.wochenplanung-plan-kopf > div[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wochenplanung-plan-kopf strong[b-rt2c6bs8jm] {
    overflow: hidden;
    color: #2f3b46;
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wochenplanung-plan-aktionen[b-rt2c6bs8jm] {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.wochenplanung-plan-aktionen button[b-rt2c6bs8jm] {
    min-height: 31px;
    padding: 0.28rem 0.62rem;
    border: 1px solid #9abbd2;
    border-radius: 5px;
    background: #f2f8fc;
    color: #245f87;
    font: inherit;
    font-size: 0.69rem;
    font-weight: 700;
    cursor: pointer;
}

.wochenplanung-plan-aktionen .wochenplanung-plan-loeschen[b-rt2c6bs8jm] {
    border-color: #ddb0b0;
    background: #fff7f7;
    color: #9a3939;
}

.wochenplanung-plan-loeschbestaetigung[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border: 1px solid #dca6a6;
    border-radius: 8px;
    background: #fff6f6;
}

.wochenplanung-plan-loeschbestaetigung > div:first-child[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-plan-loeschbestaetigung strong[b-rt2c6bs8jm] {
    color: #8e3030;
    font-size: 0.73rem;
}

.wochenplanung-plan-loeschbestaetigung span[b-rt2c6bs8jm] {
    color: #745c5c;
    font-size: 0.66rem;
}

.wochenplanung-plan-loeschbestaetigung small[b-rt2c6bs8jm] {
    color: #8b7373;
    font-size: 0.62rem;
}

.wochenplanung-plan-loeschbestaetigung-aktionen[b-rt2c6bs8jm] {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
}

.wochenplanung-plan-loeschbestaetigung-aktionen button[b-rt2c6bs8jm] {
    min-height: 30px;
    padding: 0.26rem 0.58rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #44505b;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 650;
    cursor: pointer;
}

.wochenplanung-plan-loeschbestaetigung-aktionen
.wochenplanung-plan-loeschen-bestaetigen[b-rt2c6bs8jm] {
    border-color: #c96f6f;
    background: #fff0f0;
    color: #962f2f;
}


/* ===================================================================
   Wochenübertragung
   =================================================================== */

.wochenplanung-uebertragung[b-rt2c6bs8jm] {
    padding: 9px 10px;
    border: 1px solid #cfdbe4;
    border-radius: 8px;
    background: #f8fbfd;
}

.wochenplanung-uebertragung-kopf[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0e7ec;
}

.wochenplanung-uebertragung-kopf > div[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-uebertragung-kopf span[b-rt2c6bs8jm],
.wochenplanung-uebertragung-info span[b-rt2c6bs8jm] {
    color: #6f7c88;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.wochenplanung-uebertragung-kopf strong[b-rt2c6bs8jm],
.wochenplanung-uebertragung-info strong[b-rt2c6bs8jm] {
    color: #2f3b46;
    font-size: 0.74rem;
}

.wochenplanung-uebertragung-kopf button[b-rt2c6bs8jm],
.wochenplanung-uebertragung button[b-rt2c6bs8jm] {
    min-height: 30px;
    padding: 0.26rem 0.58rem;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #ffffff;
    color: #44505b;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 650;
    cursor: pointer;
}

.wochenplanung-uebertragung-inhalt[b-rt2c6bs8jm] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 170px minmax(245px, 1fr) auto;
    align-items: end;
    gap: 9px;
    padding-top: 8px;
}

.wochenplanung-uebertragung-info[b-rt2c6bs8jm] {
    min-width: 0;
    min-height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.wochenplanung-uebertragen[b-rt2c6bs8jm] {
    border-color: #8db3cf !important;
    background: #eef6fc !important;
    color: #245f87 !important;
}

.wochenplanung-uebertragung-hinweis[b-rt2c6bs8jm] {
    margin-top: 7px;
    color: #788590;
    font-size: 0.64rem;
}

.wochenplanung-uebertragung-konflikt[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding: 8px 9px;
    border: 1px solid #dfb26e;
    border-radius: 6px;
    background: #fff9ef;
}

.wochenplanung-uebertragung-konflikt > div:first-child[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-uebertragung-konflikt strong[b-rt2c6bs8jm] {
    color: #8a5815;
    font-size: 0.72rem;
}

.wochenplanung-uebertragung-konflikt span[b-rt2c6bs8jm],
.wochenplanung-uebertragung-konflikt small[b-rt2c6bs8jm] {
    color: #806c50;
    font-size: 0.64rem;
}

.wochenplanung-uebertragung-konflikt-aktionen[b-rt2c6bs8jm] {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
}

.wochenplanung-ersetzen[b-rt2c6bs8jm] {
    border-color: #d0a05a !important;
    background: #fff5e5 !important;
    color: #81520f !important;
}


/* ===================================================================
   Arbeitsbereich
   =================================================================== */

.wochenplanung-arbeitsbereich[b-rt2c6bs8jm] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(500px, 1.15fr) minmax(390px, 0.85fr);
    gap: 10px;
    align-items: start;
}


/* ===================================================================
   Tagestabelle
   =================================================================== */

.wochenplanung-tage[b-rt2c6bs8jm] {
    overflow: hidden;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    background: #ffffff;
}

.wochenplanung-tage table[b-rt2c6bs8jm] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.72rem;
}

.wochenplanung-tage thead[b-rt2c6bs8jm] {
    background: #eef2f5;
}

.wochenplanung-tage th[b-rt2c6bs8jm] {
    height: 30px;
    padding: 0 0.55rem;
    border-bottom: 1px solid #d9e0e6;
    color: #65727d;
    text-align: left;
    font-size: 0.64rem;
    font-weight: 800;
    text-transform: uppercase;
}

.wochenplanung-tage th:nth-child(1)[b-rt2c6bs8jm] {
    width: 31%;
}

.wochenplanung-tage th:nth-child(2)[b-rt2c6bs8jm] {
    width: 17%;
}

.wochenplanung-tage th:nth-child(3)[b-rt2c6bs8jm] {
    width: 23%;
}

.wochenplanung-tage th:nth-child(4)[b-rt2c6bs8jm] {
    width: 29%;
}

.wochenplanung-tagzeile[b-rt2c6bs8jm] {
    height: 43px;
    cursor: pointer;
    background: #ffffff;
}

.wochenplanung-tagzeile:hover[b-rt2c6bs8jm] {
    background: #f4f8fb;
}

.wochenplanung-tagzeile td[b-rt2c6bs8jm] {
    padding: 0.28rem 0.55rem;
    border-bottom: 1px solid #edf0f3;
    color: #53606c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wochenplanung-tagzeile:last-child td[b-rt2c6bs8jm] {
    border-bottom: 0;
}

.wochenplanung-tagzeile td:first-child strong[b-rt2c6bs8jm],
.wochenplanung-tagzeile td:first-child span[b-rt2c6bs8jm] {
    display: block;
}

.wochenplanung-tagzeile td:first-child strong[b-rt2c6bs8jm] {
    color: #26313b;
    font-size: 0.73rem;
}

.wochenplanung-tagzeile td:first-child span[b-rt2c6bs8jm] {
    margin-top: 1px;
    color: #8a949d;
    font-size: 0.62rem;
}

.wochenplanung-tagzeile-aktiv[b-rt2c6bs8jm] {
    background: #e9f3fb;
}

.wochenplanung-tagzeile-aktiv td:first-child[b-rt2c6bs8jm] {
    box-shadow: inset 3px 0 0 #37729d;
}

.wochenplanung-tagzeile-fehlzeit[b-rt2c6bs8jm] {
    background: #fff7f7;
}


/* ===================================================================
   Detailbereich
   =================================================================== */

.wochenplanung-detail[b-rt2c6bs8jm] {
    min-width: 0;
    padding: 10px;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    background: #ffffff;
}

.wochenplanung-detail-kopf[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
}

.wochenplanung-detail-kopf > div[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-detail-kopf strong[b-rt2c6bs8jm] {
    color: #26313b;
    font-size: 0.78rem;
}

.wochenplanung-fehlzeit-badge[b-rt2c6bs8jm] {
    padding: 0.26rem 0.48rem;
    border: 1px solid #e5adad;
    border-radius: 999px;
    background: #fff1f1;
    color: #a52a2a !important;
    font-size: 0.62rem !important;
    text-transform: none !important;
    white-space: nowrap;
}

.wochenplanung-tagformular[b-rt2c6bs8jm] {
    display: grid;
    grid-template-columns: 105px 150px minmax(0, 1fr);
    align-items: end;
    gap: 7px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7ebee;
}

.wochenplanung-tagformular > *[b-rt2c6bs8jm] {
    min-width: 0;
}

.wochenplanung-tag-aktionen[b-rt2c6bs8jm] {
    grid-column: 3;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.wochenplanung-tag-aktionen button[b-rt2c6bs8jm] {
    min-height: 30px;
}

.wochenplanung-checkbox[b-rt2c6bs8jm] {
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #47535e;
    font-size: 0.72rem;
    font-weight: 650;
}

.wochenplanung-checkbox input[b-rt2c6bs8jm] {
    width: 15px;
    height: 15px;
}

.wochenplanung-speichern[b-rt2c6bs8jm] {
    border-color: #8db3cf !important;
    background: #eef6fc !important;
    color: #245f87 !important;
}

.wochenplanung-loeschen[b-rt2c6bs8jm] {
    border-color: #e0b7b7 !important;
    color: #a43939 !important;
}

.wochenplanung-loeschbestaetigung[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding: 8px 9px;
    border: 1px solid #e3b5b5;
    border-radius: 6px;
    background: #fff7f7;
}

.wochenplanung-loeschbestaetigung > div:first-child[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-loeschbestaetigung strong[b-rt2c6bs8jm] {
    color: #8f2f2f;
    font-size: 0.72rem;
}

.wochenplanung-loeschbestaetigung span[b-rt2c6bs8jm] {
    color: #7c6363;
    font-size: 0.64rem;
}

.wochenplanung-loeschbestaetigung-aktionen[b-rt2c6bs8jm] {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
}

.wochenplanung-loeschen-bestaetigen[b-rt2c6bs8jm] {
    border-color: #cc7777 !important;
    background: #fff0f0 !important;
    color: #992f2f !important;
}


/* ===================================================================
   Tag übernehmen
   =================================================================== */

.wochenplanung-tag-uebernehmen[b-rt2c6bs8jm] {
    margin-top: 9px;
    padding: 9px;
    border: 1px solid #cfdbe4;
    border-radius: 7px;
    background: #f7fafc;
}

.wochenplanung-tag-uebernehmen-kopf[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #e0e7ec;
}

.wochenplanung-tag-uebernehmen-kopf > div[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-tag-uebernehmen-kopf span[b-rt2c6bs8jm],
.wochenplanung-tag-uebernehmen-quelle span[b-rt2c6bs8jm] {
    color: #6f7c88;
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.wochenplanung-tag-uebernehmen-kopf strong[b-rt2c6bs8jm],
.wochenplanung-tag-uebernehmen-quelle strong[b-rt2c6bs8jm] {
    color: #2f3b46;
    font-size: 0.72rem;
}

.wochenplanung-tag-uebernehmen-quelle[b-rt2c6bs8jm] {
    display: grid;
    grid-template-columns: 1fr 100px 1fr;
    gap: 8px;
    margin-top: 8px;
}

.wochenplanung-tag-uebernehmen-quelle > div[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-tag-uebernehmen-hinweis[b-rt2c6bs8jm] {
    margin-top: 8px;
    color: #6f7d88;
    font-size: 0.64rem;
}

.wochenplanung-tag-uebernehmen-ziele[b-rt2c6bs8jm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin-top: 8px;
}

.wochenplanung-tag-uebernehmen-ziel[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 7px 8px;
    border: 1px solid #dce4ea;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
}

.wochenplanung-tag-uebernehmen-ziel input[b-rt2c6bs8jm] {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    margin-top: 2px;
}

.wochenplanung-tag-uebernehmen-ziel > span[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wochenplanung-tag-uebernehmen-ziel strong[b-rt2c6bs8jm] {
    color: #34414c;
    font-size: 0.69rem;
}

.wochenplanung-tag-uebernehmen-ziel small[b-rt2c6bs8jm] {
    overflow: hidden;
    color: #7a8791;
    font-size: 0.62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wochenplanung-tag-uebernehmen-ziel-gesperrt[b-rt2c6bs8jm] {
    background: #f4f5f6;
    cursor: default;
    opacity: 0.66;
}

.wochenplanung-tag-uebernehmen-aktionen[b-rt2c6bs8jm] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 8px;
}

.wochenplanung-tag-uebernehmen-bestaetigung[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding: 8px 9px;
    border: 1px solid #dfb26e;
    border-radius: 6px;
    background: #fff9ef;
}

.wochenplanung-tag-uebernehmen-bestaetigung > div:first-child[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-tag-uebernehmen-bestaetigung strong[b-rt2c6bs8jm] {
    color: #8a5815;
    font-size: 0.71rem;
}

.wochenplanung-tag-uebernehmen-bestaetigung span[b-rt2c6bs8jm],
.wochenplanung-tag-uebernehmen-bestaetigung small[b-rt2c6bs8jm] {
    color: #806c50;
    font-size: 0.63rem;
}

.wochenplanung-tag-uebernehmen-bestaetigung-aktionen[b-rt2c6bs8jm] {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
}


/* ===================================================================
   Zeitfenster
   =================================================================== */

.wochenplanung-zeitfenster-kopf[b-rt2c6bs8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 10px 0 7px;
}

.wochenplanung-zeitfenster-kopf > div[b-rt2c6bs8jm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wochenplanung-zeitfenster-kopf strong[b-rt2c6bs8jm] {
    color: #2f3b46;
    font-size: 0.76rem;
}

.wochenplanung-zeitfenster-kopf span[b-rt2c6bs8jm] {
    color: #8a949d;
    font-size: 0.62rem;
}

.wochenplanung-zeitfenster-liste[b-rt2c6bs8jm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wochenplanung-zeitfenster-zeile[b-rt2c6bs8jm] {
    min-width: 0;
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 5px 6px;
    border: 1px solid #e2e7eb;
    border-radius: 5px;
    background: #f9fbfc;
}

.wochenplanung-zeitfenster-zeile strong[b-rt2c6bs8jm] {
    color: #25313b;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
}

.wochenplanung-zeitfenster-zeile > span[b-rt2c6bs8jm] {
    overflow: hidden;
    color: #707d88;
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wochenplanung-zeitfenster-zeile > div[b-rt2c6bs8jm] {
    display: flex;
    gap: 4px;
}

.wochenplanung-zeitfenster-zeile button[b-rt2c6bs8jm] {
    min-height: 27px;
    padding: 0.2rem 0.44rem;
    font-size: 0.64rem;
}

.wochenplanung-zeitfenster-editor[b-rt2c6bs8jm] {
    display: grid;
    grid-template-columns: 90px 90px minmax(0, 1fr);
    gap: 7px;
    margin-top: 8px;
    padding: 8px;
    border: 1px solid #cfdbe4;
    border-radius: 6px;
    background: #f6f9fb;
}

.wochenplanung-editor-aktionen[b-rt2c6bs8jm] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}


/* ===================================================================
   Zustände
   =================================================================== */

.wochenplanung button:disabled[b-rt2c6bs8jm],
.wochenplanung input:disabled[b-rt2c6bs8jm],
.wochenplanung select:disabled[b-rt2c6bs8jm] {
    opacity: 0.58;
    cursor: default;
}


/* ===================================================================
   Responsive
   =================================================================== */

@media (max-width: 1180px) {
    .wochenplanung-steuerung[b-rt2c6bs8jm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wochenplanung-info[b-rt2c6bs8jm] {
        align-items: flex-start;
    }

    .wochenplanung-plan-kopf[b-rt2c6bs8jm] {
        grid-template-columns: 1fr 140px 240px;
    }

    .wochenplanung-plan-aktionen[b-rt2c6bs8jm] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .wochenplanung-uebertragung-inhalt[b-rt2c6bs8jm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wochenplanung-arbeitsbereich[b-rt2c6bs8jm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .wochenplanung-steuerung[b-rt2c6bs8jm],
    .wochenplanung-plan-kopf[b-rt2c6bs8jm],
    .wochenplanung-tagformular[b-rt2c6bs8jm],
    .wochenplanung-zeitfenster-editor[b-rt2c6bs8jm] {
        grid-template-columns: 1fr;
    }

    .wochenplanung-kein-plan[b-rt2c6bs8jm],
    .wochenplanung-detail-kopf[b-rt2c6bs8jm],
    .wochenplanung-zeitfenster-kopf[b-rt2c6bs8jm],
    .wochenplanung-loeschbestaetigung[b-rt2c6bs8jm],
    .wochenplanung-uebertragung-kopf[b-rt2c6bs8jm],
    .wochenplanung-uebertragung-konflikt[b-rt2c6bs8jm],
    .wochenplanung-tag-uebernehmen-kopf[b-rt2c6bs8jm],
    .wochenplanung-tag-uebernehmen-bestaetigung[b-rt2c6bs8jm],
    .wochenplanung-fehlender-tag[b-rt2c6bs8jm],
    .wochenplanung-plan-loeschbestaetigung[b-rt2c6bs8jm] {
        align-items: stretch;
        flex-direction: column;
    }

    .wochenplanung-plan-loeschbestaetigung-aktionen[b-rt2c6bs8jm] {
        justify-content: flex-end;
    }

    .wochenplanung-tag-aktionen[b-rt2c6bs8jm] {
        grid-column: auto;
        justify-content: flex-end;
    }

    .wochenplanung-tag-uebernehmen-quelle[b-rt2c6bs8jm],
    .wochenplanung-tag-uebernehmen-ziele[b-rt2c6bs8jm] {
        grid-template-columns: 1fr;
    }

    .wochenplanung-tag-uebernehmen-bestaetigung-aktionen[b-rt2c6bs8jm] {
        justify-content: flex-end;
    }

    .wochenplanung-uebertragung-inhalt[b-rt2c6bs8jm] {
        grid-template-columns: 1fr;
    }

    .wochenplanung-uebertragung-konflikt-aktionen[b-rt2c6bs8jm] {
        justify-content: flex-end;
    }

    .wochenplanung-loeschbestaetigung-aktionen[b-rt2c6bs8jm] {
        justify-content: flex-end;
    }

    .wochenplanung-tage[b-rt2c6bs8jm] {
        overflow-x: auto;
    }

    .wochenplanung-tage table[b-rt2c6bs8jm] {
        min-width: 680px;
    }

    .wochenplanung-editor-aktionen[b-rt2c6bs8jm] {
        grid-column: auto;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Dashboard
   Kompakter Seitenaufbau nach der Windows-/Online-Referenz
   ===================================================================

   Zweck:
   - Optik der Web-Dashboardseite
   - Anlehnung an die bestehende Windows-/Online-Dashboardansicht
   - Datenstand und Aktualisieren oberhalb der Kennzahlen
   - Kompakte Kennzahlenkarten
   - Ereignis- und Handlungsbedarfspanels
   - Responsive Anpassung für kleinere Browserfenster

   Diese Datei gehört zu:
   Fuhrpark.Web\Components\Pages\Home.razor
   =================================================================== */


/* ===================================================================
   Seitencontainer
   =================================================================== */

.dashboard-seite[b-akt3hx0bgv] {
    width: 100%;
    max-width: 1380px;
    min-height: 0;
    margin: 0 auto;
    display: grid;
    grid-template-rows: auto auto 320px;
    gap: 14px;
    align-content: start;
}

.dashboard-laden[b-akt3hx0bgv] {
    padding: 1rem;
    color: #66727f;
    font-size: 0.95rem;
}


/* ===================================================================
   Datenstand / Aktualisieren
   =================================================================== */

.dashboard-statuszeile[b-akt3hx0bgv] {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.dashboard-statusinfo[b-akt3hx0bgv] {
    min-width: 160px;
    text-align: right;
}

.dashboard-statusinfo-stand[b-akt3hx0bgv] {
    color: #25313c;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.25;
}

.dashboard-statusinfo-quelle[b-akt3hx0bgv] {
    margin-top: 0.15rem;
    color: #8a949e;
    font-size: 0.66rem;
    line-height: 1.2;
}

.dashboard-aktualisieren[b-akt3hx0bgv] {
    min-width: 112px;
    min-height: 34px;
    padding: 0.38rem 0.8rem;
    border: 1px solid #cfd7de;
    border-radius: 0;
    background: #ffffff;
    color: #26313b;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

    .dashboard-aktualisieren:hover:not(:disabled)[b-akt3hx0bgv] {
        background: #f7f9fb;
        border-color: #bcc6cf;
    }

    .dashboard-aktualisieren:focus-visible[b-akt3hx0bgv] {
        outline: 2px solid #2f6fed;
        outline-offset: 2px;
    }

    .dashboard-aktualisieren:disabled[b-akt3hx0bgv] {
        opacity: 0.62;
        cursor: default;
    }


/* ===================================================================
   Kennzahlen-Kacheln
   =================================================================== */

.dashboard-kacheln[b-akt3hx0bgv] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.7rem;
    margin-bottom: 0;
}

.dashboard-kachel[b-akt3hx0bgv] {
    min-width: 0;
    min-height: 94px;
    padding: 0.72rem 0.9rem 0.64rem;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025);
}

.dashboard-kachel-label[b-akt3hx0bgv] {
    color: #6f7c88;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.025em;
}

.dashboard-kachel-wert[b-akt3hx0bgv] {
    margin-top: 0.3rem;
    color: #14202b;
    font-size: 1.68rem;
    font-weight: 650;
    line-height: 1;
}

.dashboard-kachel-hinweis[b-akt3hx0bgv] {
    margin-top: 0.32rem;
    color: #707c87;
    font-size: 0.7rem;
    line-height: 1.25;
}


/* ===================================================================
   Ereignisse / Handlungsbedarf
   =================================================================== */

.dashboard-hauptzeile[b-akt3hx0bgv] {
    min-height: 0;
    height: 320px;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(330px, 1fr);
    gap: 0.95rem;
    margin-bottom: 0;
}

.dashboard-panel[b-akt3hx0bgv] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 8px;
    overflow: hidden;
}

.dashboard-panel-kopf[b-akt3hx0bgv] {
    min-height: 62px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.82rem 0.9rem 0.68rem;
    border-bottom: 1px solid #edf0f3;
}

    .dashboard-panel-kopf h2[b-akt3hx0bgv] {
        margin: 0;
        color: #26313b;
        font-size: 1rem;
        font-weight: 700;
    }

    .dashboard-panel-kopf p[b-akt3hx0bgv] {
        margin: 0.2rem 0 0;
        color: #7b8792;
        font-size: 0.74rem;
    }

    .dashboard-panel-kopf > span[b-akt3hx0bgv] {
        flex: 0 0 auto;
        padding-top: 0.08rem;
        color: #87929c;
        font-size: 0.7rem;
    }

.dashboard-leerzustand[b-akt3hx0bgv] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #8a949e;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.45;
}

.dashboard-leerzustand-titel[b-akt3hx0bgv] {
    color: #49545f;
    font-size: 0.88rem;
    font-weight: 700;
}

.dashboard-leerzustand-text[b-akt3hx0bgv] {
    margin-top: 0.35rem;
    color: #8a949e;
    font-size: 0.76rem;
    font-weight: 400;
}

.dashboard-ereignisse-tabelle-rahmen[b-akt3hx0bgv] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
}

.dashboard-ereignisse-tabelle[b-akt3hx0bgv] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.75rem;
}

    .dashboard-ereignisse-tabelle thead th[b-akt3hx0bgv] {
        position: sticky;
        top: 0;
        z-index: 2;
        padding: 0.5rem 0.62rem;
        background: #eef2f5;
        border-bottom: 1px solid #dfe5ea;
        color: #44505b;
        text-align: left;
        font-weight: 700;
        white-space: nowrap;
    }

    .dashboard-ereignisse-tabelle tbody td[b-akt3hx0bgv] {
        padding: 0.48rem 0.62rem;
        border-bottom: 1px solid #edf0f3;
        color: #394550;
        vertical-align: top;
    }

    .dashboard-ereignisse-tabelle tbody tr:last-child td[b-akt3hx0bgv] {
        border-bottom: 0;
    }

.dashboard-ereignis-datum[b-akt3hx0bgv] {
    white-space: nowrap;
}

.dashboard-ereignis-titel[b-akt3hx0bgv] {
    font-weight: 600;
}


/* ===================================================================
   Niedrige Desktopfenster
   =================================================================== */

@media (min-width: 1181px) and (max-height: 760px) {
    .dashboard-seite[b-akt3hx0bgv] {
        grid-template-rows: auto auto 285px;
        gap: 10px;
    }

    .dashboard-statuszeile[b-akt3hx0bgv] {
        min-height: 38px;
    }

    .dashboard-kachel[b-akt3hx0bgv] {
        min-height: 82px;
        padding: 0.58rem 0.78rem 0.52rem;
    }

    .dashboard-kachel-wert[b-akt3hx0bgv] {
        margin-top: 0.22rem;
        font-size: 1.52rem;
    }

    .dashboard-kachel-hinweis[b-akt3hx0bgv] {
        margin-top: 0.22rem;
        font-size: 0.67rem;
    }

    .dashboard-hauptzeile[b-akt3hx0bgv] {
        height: 285px;
    }

    .dashboard-panel-kopf[b-akt3hx0bgv] {
        min-height: 54px;
        padding: 0.62rem 0.8rem 0.54rem;
    }
}


/* ===================================================================
   Responsive Verhalten
   =================================================================== */

@media (max-width: 1180px) {
    .dashboard-seite[b-akt3hx0bgv] {
        display: block;
    }

    .dashboard-statuszeile[b-akt3hx0bgv] {
        margin-bottom: 12px;
    }

    .dashboard-kacheln[b-akt3hx0bgv] {
        margin-bottom: 12px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-hauptzeile[b-akt3hx0bgv] {
        height: auto;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-bottom: 12px;
    }

    .dashboard-panel[b-akt3hx0bgv] {
        min-height: 300px;
        height: auto;
    }
}


@media (max-width: 760px) {
    .dashboard-statuszeile[b-akt3hx0bgv] {
        justify-content: space-between;
    }

    .dashboard-statusinfo[b-akt3hx0bgv] {
        min-width: 0;
        text-align: left;
    }

    .dashboard-kacheln[b-akt3hx0bgv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-kachel[b-akt3hx0bgv] {
        min-height: 88px;
    }

    .dashboard-kachel-wert[b-akt3hx0bgv] {
        font-size: 1.75rem;
    }
}


@media (max-width: 480px) {
    .dashboard-statuszeile[b-akt3hx0bgv] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-aktualisieren[b-akt3hx0bgv] {
        width: 100%;
    }

    .dashboard-kacheln[b-akt3hx0bgv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-panel-kopf[b-akt3hx0bgv] {
        display: block;
    }

        .dashboard-panel-kopf > span[b-akt3hx0bgv] {
            display: block;
            margin-top: 0.45rem;
        }
}
/* /Components/Pages/ModulPlatzhalter.razor.rz.scp.css */
.modul-platzhalter[b-0949sndona] {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    text-align: center;
}

.modul-platzhalter-symbol[b-0949sndona] {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
    font-size: 28px;
    font-weight: 600;
}

.modul-platzhalter h1[b-0949sndona] {
    margin: 0;
    color: #111827;
    font-size: 24px;
    font-weight: 650;
}

.modul-platzhalter-haupttext[b-0949sndona] {
    margin: 12px 0 0;
    color: #374151;
    font-size: 15px;
    font-weight: 600;
}

.modul-platzhalter-hinweis[b-0949sndona] {
    max-width: 560px;
    margin: 8px 0 0;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.5;
}
/* /Components/Pages/Verwaltung/Eistellungen/Auswahllisten.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Einstellungen / Auswahllisten
   =================================================================== */

.einstellungen-seite[b-hj4ee491pq] {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    container-type: inline-size;
}


/* ===================================================================
   Seitenkopf
   =================================================================== */

.einstellungen-kopf[b-hj4ee491pq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

    .einstellungen-kopf h1[b-hj4ee491pq] {
        margin: 0;
        color: #26313b;
        font-size: 1.28rem;
        font-weight: 700;
    }

    .einstellungen-kopf p[b-hj4ee491pq] {
        margin: 0.18rem 0 0;
        color: #76838e;
        font-size: 0.72rem;
    }


/* ===================================================================
   Einstellungsregister
   =================================================================== */

.einstellungen-register[b-hj4ee491pq] {
    min-height: 36px;
    display: flex;
    align-items: end;
    gap: 3px;
    padding: 0 6px;
    border-bottom: 1px solid #cfd7de;
}

.einstellungen-register-eintrag[b-hj4ee491pq] {
    min-height: 34px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    padding: 0.42rem 0.82rem;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: transparent;
    color: #65727d;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 650;
}

.einstellungen-register-link[b-hj4ee491pq] {
    text-decoration: none;
    cursor: pointer;
}

    .einstellungen-register-link:hover[b-hj4ee491pq],
    .einstellungen-register-link:focus-visible[b-hj4ee491pq] {
        background: #f3f6f8;
        color: #26313b;
        outline: none;
    }

.einstellungen-register-eintrag-aktiv[b-hj4ee491pq] {
    position: relative;
    bottom: -1px;
    background: #ffffff;
    border-color: #cfd7de;
    color: #26313b;
    cursor: default;
}

.einstellungen-register-eintrag-inaktiv[b-hj4ee491pq] {
    opacity: 0.56;
}


/* ===================================================================
   Hauptbereich
   =================================================================== */

.auswahllisten-bereich[b-hj4ee491pq] {
    min-width: 0;
    padding: 12px;
    background: #f7f9fa;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

.auswahllisten-bereich-kopf[b-hj4ee491pq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 10px;
}

    .auswahllisten-bereich-kopf h2[b-hj4ee491pq] {
        margin: 0;
        color: #2d3944;
        font-size: 0.94rem;
        font-weight: 700;
    }

    .auswahllisten-bereich-kopf p[b-hj4ee491pq] {
        margin: 0.15rem 0 0;
        color: #7a8792;
        font-size: 0.68rem;
    }


/* ===================================================================
   Werkzeugleiste
   =================================================================== */

.auswahllisten-werkzeugleiste[b-hj4ee491pq] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(155px, 210px) minmax(145px, 185px) auto auto;
    align-items: end;
    gap: 10px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

.auswahllisten-filterfeld[b-hj4ee491pq] {
    min-width: 0;
}

    .auswahllisten-filterfeld label[b-hj4ee491pq] {
        display: block;
        margin: 0 0 3px;
        color: #63717c;
        font-size: 0.61rem;
        font-weight: 700;
    }

    .auswahllisten-filterfeld input[b-hj4ee491pq],
    .auswahllisten-filterfeld select[b-hj4ee491pq] {
        width: 100%;
        height: 34px;
        box-sizing: border-box;
        padding: 0 0.62rem;
        border: 1px solid #cfd7de;
        border-radius: 4px;
        background: #ffffff;
        color: #34414c;
        font: inherit;
        font-size: 0.72rem;
        outline: none;
    }

        .auswahllisten-filterfeld input:focus[b-hj4ee491pq],
        .auswahllisten-filterfeld select:focus[b-hj4ee491pq] {
            border-color: #6f9fc7;
            box-shadow: 0 0 0 2px rgba(79, 137, 184, 0.12);
        }

.auswahllisten-anzahl[b-hj4ee491pq] {
    min-width: 94px;
    height: 34px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 0 0.25rem;
    box-sizing: border-box;
    white-space: nowrap;
}

    .auswahllisten-anzahl strong[b-hj4ee491pq] {
        color: #26313b;
        font-size: 0.86rem;
        line-height: 1;
    }

    .auswahllisten-anzahl span[b-hj4ee491pq] {
        margin-top: 2px;
        color: #7b8792;
        font-size: 0.58rem;
    }

.auswahllisten-aktionen[b-hj4ee491pq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: max-content;
}

.auswahllisten-aktion[b-hj4ee491pq] {
    min-height: 34px;
    padding: 0.38rem 0.78rem;
    border: 1px solid #bcc7d0;
    border-radius: 0;
    background: #ffffff;
    color: #33414c;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
}

    .auswahllisten-aktion:hover:not(:disabled)[b-hj4ee491pq] {
        background: #f2f5f7;
    }

    .auswahllisten-aktion:disabled[b-hj4ee491pq] {
        opacity: 0.48;
        cursor: default;
    }

.auswahllisten-aktion-primaer[b-hj4ee491pq] {
    border-color: #2868c7;
    background: #2f6fda;
    color: #ffffff;
}

    .auswahllisten-aktion-primaer:hover:not(:disabled)[b-hj4ee491pq] {
        background: #2865c9;
    }

.auswahllisten-aktion-sekundaer[b-hj4ee491pq] {
    color: #7b8792;
}

.auswahllisten-aktion-gefahr[b-hj4ee491pq] {
    border-color: #d8aaaa;
    color: #a23b3b;
}


/* ===================================================================
   Status / Hinweise
   =================================================================== */

.auswahllisten-status[b-hj4ee491pq],
.auswahllisten-hinweis[b-hj4ee491pq] {
    margin-top: 10px;
    padding: 0.52rem 0.68rem;
    border: 1px solid #dfe5e9;
    border-radius: 5px;
    background: #ffffff;
    color: #66737f;
    font-size: 0.7rem;
}

.auswahllisten-status-erfolg[b-hj4ee491pq] {
    border-color: #bcd9c5;
    background: #f4fbf6;
    color: #34724a;
}

.auswahllisten-status-fehler[b-hj4ee491pq],
.auswahllisten-hinweis-fehler[b-hj4ee491pq],
.auswahllisten-formular-fehler[b-hj4ee491pq] {
    border-color: #e5b3b3;
    background: #fff5f5;
    color: #9b2c2c;
}


/* ===================================================================
   Tabelle
   =================================================================== */

.auswahllisten-tabelle-rahmen[b-hj4ee491pq] {
    max-height: calc(100dvh - 370px);
    min-height: 210px;
    margin-top: 10px;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-gutter: stable;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

.auswahllisten-tabelle[b-hj4ee491pq] {
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #46535f;
    font-size: 0.71rem;
}

    .auswahllisten-tabelle thead th[b-hj4ee491pq] {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 30px;
        padding: 0 0.65rem;
        border-bottom: 1px solid #d6dde3;
        background: #eef2f4;
        color: #5f6d78;
        text-align: left;
        font-size: 0.63rem;
        font-weight: 750;
        white-space: nowrap;
    }

    .auswahllisten-tabelle tbody tr[b-hj4ee491pq] {
        height: 30px;
        background: #ffffff;
        cursor: pointer;
    }

        .auswahllisten-tabelle tbody tr:nth-child(even)[b-hj4ee491pq] {
            background: #fafbfc;
        }

        .auswahllisten-tabelle tbody tr:hover[b-hj4ee491pq] {
            background: #eef5fb;
        }

        .auswahllisten-tabelle tbody tr.auswahllisten-zeile-ausgewaehlt[b-hj4ee491pq] {
            background: #dcecf9;
        }

    .auswahllisten-tabelle td[b-hj4ee491pq] {
        height: 30px;
        max-height: 30px;
        padding: 0 0.65rem;
        overflow: hidden;
        border-bottom: 1px solid #edf0f2;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

        .auswahllisten-tabelle th:nth-child(1)[b-hj4ee491pq],
        .auswahllisten-tabelle td:nth-child(1)[b-hj4ee491pq] {
            width: 22%;
        }

        .auswahllisten-tabelle th:nth-child(2)[b-hj4ee491pq],
        .auswahllisten-tabelle td:nth-child(2)[b-hj4ee491pq] {
            width: auto;
        }

        .auswahllisten-tabelle th:nth-child(3)[b-hj4ee491pq],
        .auswahllisten-tabelle td:nth-child(3)[b-hj4ee491pq] {
            width: 105px;
            text-align: right;
        }

        .auswahllisten-tabelle th:nth-child(4)[b-hj4ee491pq],
        .auswahllisten-tabelle td:nth-child(4)[b-hj4ee491pq] {
            width: 92px;
        }

        .auswahllisten-tabelle th:nth-child(5)[b-hj4ee491pq],
        .auswahllisten-tabelle td:nth-child(5)[b-hj4ee491pq] {
            width: 72px;
            text-align: right;
        }

.auswahllisten-kategorie[b-hj4ee491pq] {
    color: #556470;
    font-weight: 650;
}

.auswahllisten-bezeichnung[b-hj4ee491pq] {
    color: #26313b;
    font-weight: 650;
}

.auswahllisten-reihenfolge[b-hj4ee491pq],
.auswahllisten-version[b-hj4ee491pq] {
    font-variant-numeric: tabular-nums;
}

.auswahllisten-status-badge[b-hj4ee491pq] {
    display: inline-flex;
    align-items: center;
    min-height: 19px;
    padding: 0 0.42rem;
    border-radius: 10px;
    font-size: 0.59rem;
    font-weight: 750;
}

.auswahllisten-status-badge-aktiv[b-hj4ee491pq] {
    border: 1px solid #b7d9c0;
    background: #f1faf3;
    color: #377249;
}

.auswahllisten-status-badge-inaktiv[b-hj4ee491pq] {
    border: 1px solid #d4d9dd;
    background: #f5f6f7;
    color: #77818a;
}


/* ===================================================================
   Detailkarte
   =================================================================== */

.auswahllisten-detailkarte[b-hj4ee491pq] {
    margin-top: 10px;
    padding: 0.75rem 0.85rem;
    background: #ffffff;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

    .auswahllisten-detailkarte h3[b-hj4ee491pq] {
        margin: 0 0 0.62rem;
        color: #2d3944;
        font-size: 0.8rem;
        font-weight: 700;
    }

.auswahllisten-detailraster[b-hj4ee491pq] {
    display: grid;
    grid-template-columns: minmax(130px, 0.8fr) minmax(180px, 1.3fr) 110px 100px 115px minmax(240px, 1.6fr);
    gap: 0.7rem 1rem;
}

    .auswahllisten-detailraster > div[b-hj4ee491pq] {
        min-width: 0;
    }

    .auswahllisten-detailraster span[b-hj4ee491pq] {
        display: block;
        margin-bottom: 2px;
        color: #7b8792;
        font-size: 0.59rem;
        font-weight: 650;
    }

    .auswahllisten-detailraster strong[b-hj4ee491pq] {
        display: block;
        overflow: hidden;
        color: #35414c;
        font-size: 0.7rem;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.auswahllisten-detail-guid strong[b-hj4ee491pq] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.64rem;
}


/* ===================================================================
   Dialog
   =================================================================== */

.auswahllisten-dialog-hintergrund[b-hj4ee491pq] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(27, 36, 43, 0.44);
}

.auswahllisten-dialog[b-hj4ee491pq] {
    width: min(720px, 100%);
    max-height: calc(100dvh - 40px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #cfd7de;
    border-radius: 8px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.20);
}

.auswahllisten-dialog-kopf[b-hj4ee491pq] {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1rem;
    background: #ffffff;
    border-bottom: 1px solid #d9e0e6;
}

    .auswahllisten-dialog-kopf h2[b-hj4ee491pq],
    .auswahllisten-loeschen-dialog h2[b-hj4ee491pq] {
        margin: 0;
        color: #26313b;
        font-size: 1rem;
        font-weight: 700;
    }

    .auswahllisten-dialog-kopf p[b-hj4ee491pq] {
        margin: 0.15rem 0 0;
        color: #7b8792;
        font-size: 0.66rem;
    }

.auswahllisten-aktiv-schalter[b-hj4ee491pq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    color: #52616d;
    font-size: 0.68rem;
    font-weight: 650;
    white-space: nowrap;
}

    .auswahllisten-aktiv-schalter input[b-hj4ee491pq] {
        width: 16px;
        height: 16px;
        accent-color: #2f6fda;
    }

.auswahllisten-dialog-inhalt[b-hj4ee491pq] {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1rem;
}

.auswahllisten-formular-fehler[b-hj4ee491pq] {
    margin-bottom: 0.8rem;
    padding: 0.52rem 0.65rem;
    border: 1px solid #e5b3b3;
    border-radius: 5px;
    font-size: 0.69rem;
}

.auswahllisten-formular-raster[b-hj4ee491pq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1rem;
}

.auswahllisten-formular-feld[b-hj4ee491pq] {
    min-width: 0;
}

    .auswahllisten-formular-feld label[b-hj4ee491pq] {
        display: block;
        margin-bottom: 4px;
        color: #52616d;
        font-size: 0.66rem;
        font-weight: 700;
    }

    .auswahllisten-formular-feld input[b-hj4ee491pq] {
        width: 100%;
        height: 34px;
        box-sizing: border-box;
        padding: 0 0.62rem;
        border: 1px solid #cfd7de;
        border-radius: 4px;
        background: #ffffff;
        color: #34414c;
        font: inherit;
        font-size: 0.72rem;
        outline: none;
    }

        .auswahllisten-formular-feld input:focus[b-hj4ee491pq] {
            border-color: #6f9fc7;
            box-shadow: 0 0 0 2px rgba(79, 137, 184, 0.12);
        }

    .auswahllisten-formular-feld small[b-hj4ee491pq] {
        display: block;
        margin-top: 4px;
        color: #89949d;
        font-size: 0.59rem;
    }

.auswahllisten-formular-feld-klein[b-hj4ee491pq] {
    max-width: 180px;
}

.auswahllisten-kategorie-vorschlaege[b-hj4ee491pq] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px;
}

.auswahllisten-kategorie-vorschlag[b-hj4ee491pq] {
    min-height: 24px;
    padding: 0.16rem 0.5rem;
    border: 1px solid #d5dce2;
    border-radius: 12px;
    background: #f7f9fa;
    color: #5d6b76;
    font: inherit;
    font-size: 0.59rem;
    cursor: pointer;
}

    .auswahllisten-kategorie-vorschlag:hover[b-hj4ee491pq] {
        background: #edf3f7;
    }

.auswahllisten-dialog-fuss[b-hj4ee491pq] {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1rem;
    border-top: 1px solid #d9e0e6;
    background: #f8fafb;
}

    .auswahllisten-dialog-fuss > span[b-hj4ee491pq] {
        color: #7c8993;
        font-size: 0.62rem;
    }

    .auswahllisten-dialog-fuss > div[b-hj4ee491pq] {
        display: flex;
        gap: 8px;
    }

.auswahllisten-dialog-button[b-hj4ee491pq] {
    min-height: 34px;
    padding: 0.38rem 0.85rem;
    border: 1px solid #bcc7d0;
    background: #ffffff;
    color: #33414c;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 650;
    cursor: pointer;
}

    .auswahllisten-dialog-button:disabled[b-hj4ee491pq] {
        opacity: 0.48;
        cursor: default;
    }

.auswahllisten-dialog-button-primaer[b-hj4ee491pq] {
    border-color: #2868c7;
    background: #2f6fda;
    color: #ffffff;
}


/* ===================================================================
   Löschen-Dialog
   =================================================================== */

.auswahllisten-loeschen-dialog[b-hj4ee491pq] {
    width: min(520px, 100%);
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #cfd7de;
    border-radius: 8px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.20);
}

    .auswahllisten-loeschen-dialog p[b-hj4ee491pq] {
        color: #53606c;
        font-size: 0.73rem;
        line-height: 1.5;
    }

.auswahllisten-loeschen-hinweis[b-hj4ee491pq] {
    padding: 0.55rem 0.62rem;
    border: 1px solid #ead9b2;
    background: #fffaf0;
    color: #75643a !important;
}

.auswahllisten-loeschen-aktionen[b-hj4ee491pq] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 1rem;
}


/* ===================================================================
   Responsive – tatsächliche Inhaltsbreite
   =================================================================== */

@container (max-width: 1280px) {
    .auswahllisten-werkzeugleiste[b-hj4ee491pq] {
        grid-template-columns: minmax(220px, 1fr) minmax(160px, 1fr) minmax(150px, 1fr) auto;
    }

    .auswahllisten-aktionen[b-hj4ee491pq] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .auswahllisten-detailraster[b-hj4ee491pq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@container (max-width: 820px) {
    .auswahllisten-werkzeugleiste[b-hj4ee491pq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .auswahllisten-suche[b-hj4ee491pq] {
        grid-column: 1 / -1;
    }

    .auswahllisten-anzahl[b-hj4ee491pq] {
        align-items: flex-start;
    }

    .auswahllisten-aktionen[b-hj4ee491pq] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        flex-wrap: wrap;
        min-width: 0;
    }

    .auswahllisten-detailraster[b-hj4ee491pq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .auswahllisten-formular-raster[b-hj4ee491pq] {
        grid-template-columns: 1fr;
    }

    .auswahllisten-formular-feld-klein[b-hj4ee491pq] {
        max-width: none;
    }
}


@container (max-width: 560px) {
    .auswahllisten-werkzeugleiste[b-hj4ee491pq] {
        grid-template-columns: 1fr;
    }

    .auswahllisten-suche[b-hj4ee491pq] {
        grid-column: auto;
    }

    .auswahllisten-aktionen[b-hj4ee491pq] {
        grid-column: auto;
    }

    .auswahllisten-detailraster[b-hj4ee491pq] {
        grid-template-columns: 1fr;
    }

    .auswahllisten-dialog-kopf[b-hj4ee491pq],
    .auswahllisten-dialog-fuss[b-hj4ee491pq] {
        align-items: flex-start;
        flex-direction: column;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}
/* /Components/Pages/Verwaltung/Eistellungen/Synchronisation.razor.rz.scp.css */
/* ===================================================================
   Fuhrpark.Web – Einstellungen / Synchronisation
   =================================================================== */

.einstellungen-seite[b-ulnrl2f038] {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    container-type: inline-size;
}


/* ===================================================================
   Seitenkopf
   =================================================================== */

.einstellungen-kopf[b-ulnrl2f038] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

    .einstellungen-kopf h1[b-ulnrl2f038] {
        margin: 0;
        color: #26313b;
        font-size: 1.28rem;
        font-weight: 700;
    }

    .einstellungen-kopf p[b-ulnrl2f038] {
        margin: 0.18rem 0 0;
        color: #76838e;
        font-size: 0.72rem;
    }


/* ===================================================================
   Einstellungsregister
   =================================================================== */

.einstellungen-register[b-ulnrl2f038] {
    min-height: 36px;
    display: flex;
    align-items: end;
    gap: 3px;
    padding: 0 6px;
    border-bottom: 1px solid #cfd7de;
}

.einstellungen-register-eintrag[b-ulnrl2f038] {
    min-height: 34px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    padding: 0.42rem 0.82rem;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: transparent;
    color: #65727d;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 650;
}

.einstellungen-register-link[b-ulnrl2f038] {
    text-decoration: none;
    cursor: pointer;
}

    .einstellungen-register-link:hover[b-ulnrl2f038],
    .einstellungen-register-link:focus-visible[b-ulnrl2f038] {
        background: #f3f6f8;
        color: #26313b;
        outline: none;
    }

.einstellungen-register-eintrag-aktiv[b-ulnrl2f038] {
    position: relative;
    bottom: -1px;
    background: #ffffff;
    border-color: #cfd7de;
    color: #26313b;
    cursor: default;
}


/* ===================================================================
   Hauptbereich
   =================================================================== */

.synchronisation-bereich[b-ulnrl2f038] {
    min-width: 0;
    padding: 12px;
    background: #f7f9fa;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
}

.synchronisation-bereich-kopf[b-ulnrl2f038] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 10px;
}

    .synchronisation-bereich-kopf h2[b-ulnrl2f038] {
        margin: 0;
        color: #2d3944;
        font-size: 0.94rem;
        font-weight: 700;
    }

    .synchronisation-bereich-kopf p[b-ulnrl2f038] {
        margin: 0.15rem 0 0;
        color: #7a8792;
        font-size: 0.68rem;
    }


/* ===================================================================
   Aktion
   =================================================================== */

.synchronisation-aktion[b-ulnrl2f038] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid #cbd5df;
    border-radius: 4px;
    background: #ffffff;
    color: #26313b;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 650;
    cursor: pointer;
}

    .synchronisation-aktion:hover:not(:disabled)[b-ulnrl2f038] {
        background: #f5f7f9;
    }

    .synchronisation-aktion:focus-visible[b-ulnrl2f038] {
        outline: 2px solid rgba(37, 99, 235, 0.22);
        outline-offset: 2px;
    }

    .synchronisation-aktion:disabled[b-ulnrl2f038] {
        opacity: 0.52;
        cursor: default;
    }


/* ===================================================================
   Kennzahlen
   =================================================================== */

.synchronisation-kennzahlen[b-ulnrl2f038] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.synchronisation-kennzahl[b-ulnrl2f038] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    background: #ffffff;
}

    .synchronisation-kennzahl > span[b-ulnrl2f038] {
        display: block;
        color: #71808c;
        font-size: 0.66rem;
        font-weight: 650;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .synchronisation-kennzahl > strong[b-ulnrl2f038] {
        display: block;
        margin-top: 4px;
        color: #26313b;
        font-size: 1.48rem;
        font-weight: 700;
        line-height: 1.05;
    }

    .synchronisation-kennzahl > small[b-ulnrl2f038] {
        display: block;
        margin-top: 5px;
        color: #87939d;
        font-size: 0.64rem;
    }


/* ===================================================================
   Clientlisten-Kopf
   =================================================================== */

.synchronisation-liste-kopf[b-ulnrl2f038] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin: 2px 0 7px;
}

    .synchronisation-liste-kopf h3[b-ulnrl2f038] {
        margin: 0;
        color: #33404b;
        font-size: 0.8rem;
        font-weight: 700;
    }

    .synchronisation-liste-kopf p[b-ulnrl2f038] {
        margin: 0.15rem 0 0;
        color: #7d8993;
        font-size: 0.66rem;
    }

    .synchronisation-liste-kopf > span[b-ulnrl2f038] {
        flex: 0 0 auto;
        color: #87939d;
        font-size: 0.64rem;
        white-space: nowrap;
    }


/* ===================================================================
   Hinweise
   =================================================================== */

.synchronisation-hinweis[b-ulnrl2f038] {
    display: flex;
    min-height: 120px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    background: #ffffff;
    color: #71808c;
    text-align: center;
    font-size: 0.75rem;
}

.synchronisation-hinweis-fehler[b-ulnrl2f038] {
    min-height: auto;
    justify-content: flex-start;
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    text-align: left;
}


/* ===================================================================
   Tabelle
   =================================================================== */

.synchronisation-tabelle-rahmen[b-ulnrl2f038] {
    min-height: 0;
    max-height: calc(100vh - 430px);
    overflow: auto;
    border: 1px solid #d9e0e6;
    border-radius: 6px;
    background: #ffffff;
    scrollbar-width: thin;
}

.synchronisation-tabelle[b-ulnrl2f038] {
    width: 100%;
    min-width: 980px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #34414c;
    font-size: 0.69rem;
}

    .synchronisation-tabelle th[b-ulnrl2f038],
    .synchronisation-tabelle td[b-ulnrl2f038] {
        padding: 8px 10px;
        border-bottom: 1px solid #e8edf1;
        text-align: left;
        vertical-align: middle;
    }

    .synchronisation-tabelle thead th[b-ulnrl2f038] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #eef2f5;
        color: #52616d;
        font-size: 0.64rem;
        font-weight: 700;
        white-space: nowrap;
        box-shadow: 0 1px 0 #d9e0e6;
    }

        .synchronisation-tabelle thead th:nth-child(1)[b-ulnrl2f038] {
            width: 18%;
        }

        .synchronisation-tabelle thead th:nth-child(2)[b-ulnrl2f038] {
            width: 17%;
        }

        .synchronisation-tabelle thead th:nth-child(3)[b-ulnrl2f038] {
            width: 15%;
        }

        .synchronisation-tabelle thead th:nth-child(4)[b-ulnrl2f038] {
            width: 10%;
        }

        .synchronisation-tabelle thead th:nth-child(5)[b-ulnrl2f038] {
            width: 8%;
        }

        .synchronisation-tabelle thead th:nth-child(6)[b-ulnrl2f038] {
            width: 18%;
        }

        .synchronisation-tabelle thead th:nth-child(7)[b-ulnrl2f038] {
            width: 14%;
        }

    .synchronisation-tabelle tbody tr:last-child td[b-ulnrl2f038] {
        border-bottom: none;
    }

    .synchronisation-tabelle tbody tr:hover td[b-ulnrl2f038] {
        background: #fafcfd;
    }

.synchronisation-clientname[b-ulnrl2f038] {
    color: #26313b;
    font-weight: 700;
}

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

.synchronisation-anwendung[b-ulnrl2f038],
.synchronisation-zeit[b-ulnrl2f038] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

    .synchronisation-anwendung small[b-ulnrl2f038],
    .synchronisation-zeit small[b-ulnrl2f038] {
        color: #87939d;
        font-size: 0.61rem;
    }


/* ===================================================================
   Status
   =================================================================== */

.synchronisation-status[b-ulnrl2f038] {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    box-sizing: border-box;
    padding: 2px 8px;
    border: 1px solid;
    border-radius: 999px;
    font-size: 0.63rem;
    font-weight: 700;
    white-space: nowrap;
}

.synchronisation-status-aktuell[b-ulnrl2f038] {
    border-color: #b7e4c7;
    background: #edf9f1;
    color: #247044;
}

.synchronisation-status-offen[b-ulnrl2f038] {
    border-color: #f2d39b;
    background: #fff8e8;
    color: #8a5a12;
}

.synchronisation-status-alt[b-ulnrl2f038] {
    border-color: #d3dae0;
    background: #f2f4f6;
    color: #66737e;
}


/* ===================================================================
   Legende
   =================================================================== */

.synchronisation-legende[b-ulnrl2f038] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 8px;
    color: #7b8791;
    font-size: 0.62rem;
}

    .synchronisation-legende > span[b-ulnrl2f038] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

.synchronisation-punkt[b-ulnrl2f038] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
}

.synchronisation-punkt-gruen[b-ulnrl2f038] {
    background: #46a66a;
}

.synchronisation-punkt-gelb[b-ulnrl2f038] {
    background: #d69b32;
}

.synchronisation-punkt-grau[b-ulnrl2f038] {
    background: #98a3ac;
}


/* ===================================================================
   Responsive Anpassungen
   =================================================================== */

@container (max-width: 980px) {
    .synchronisation-kennzahlen[b-ulnrl2f038] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .synchronisation-liste-kopf[b-ulnrl2f038] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}

@container (max-width: 620px) {
    .synchronisation-bereich-kopf[b-ulnrl2f038] {
        align-items: stretch;
        flex-direction: column;
    }

    .synchronisation-aktion[b-ulnrl2f038] {
        align-self: flex-start;
    }

    .synchronisation-kennzahlen[b-ulnrl2f038] {
        grid-template-columns: 1fr;
    }

    .einstellungen-register[b-ulnrl2f038] {
        overflow-x: auto;
        align-items: end;
    }

    .einstellungen-register-eintrag[b-ulnrl2f038] {
        white-space: nowrap;
    }
}
/* /Fachbereiche/Fahrer/Fahrer.razor.rz.scp.css */
.fahrer-seite[b-mq8yevnngb] {
    container-type: inline-size;
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto minmax(300px, 1fr) auto auto;
    gap: 12px;
    color: #1f2937;
}


/* ===================================================================
   Werkzeugleiste
   =================================================================== */

.fahrer-werkzeugleiste[b-mq8yevnngb] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.fahrer-suche[b-mq8yevnngb] {
    width: min(320px, 100%);
    min-width: 220px;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #ccd5de;
    border-radius: 5px;
    background: #ffffff;
    color: #6b7785;
    box-sizing: border-box;
}

    .fahrer-suche input[b-mq8yevnngb] {
        min-width: 0;
        flex: 1 1 auto;
        height: 100%;
        padding: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #1f2937;
        font: inherit;
        font-size: 13px;
    }

.fahrer-aktionen[b-mq8yevnngb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    flex: 0 0 auto;
}

.fahrer-aktion[b-mq8yevnngb] {
    min-width: 94px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid #c8d1da;
    border-radius: 0;
    background: #ffffff;
    color: #24313c;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
}

    .fahrer-aktion:hover:not(:disabled)[b-mq8yevnngb] {
        background: #f5f7f9;
    }

.fahrer-aktion-primaer[b-mq8yevnngb] {
    border-color: #2f6fed;
    background: #2f6fed;
    color: #ffffff;
    font-weight: 650;
}

    .fahrer-aktion-primaer:hover:not(:disabled)[b-mq8yevnngb] {
        background: #255fce;
    }

.fahrer-aktion-gefahr[b-mq8yevnngb] {
    border-color: #c74f4f;
    background: #c74f4f;
    color: #ffffff;
    font-weight: 650;
}

    .fahrer-aktion-gefahr:hover:not(:disabled)[b-mq8yevnngb] {
        background: #aa3f3f;
    }

.fahrer-aktion:disabled[b-mq8yevnngb] {
    opacity: 0.55;
    cursor: default;
}


/* ===================================================================
   Status
   =================================================================== */

.fahrer-meldung[b-mq8yevnngb] {
    padding: 8px 11px;
    border: 1px solid #bfdbfe;
    border-radius: 5px;
    background: #eff6ff;
    color: #1e4f8f;
    font-size: 11px;
}

.fahrer-status[b-mq8yevnngb],
.fahrer-leerhinweis[b-mq8yevnngb] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border: 1px solid #d8e0e7;
    border-radius: 6px;
    background: #ffffff;
    color: #718096;
    font-size: 12px;
    text-align: center;
}

.fahrer-status-fehler[b-mq8yevnngb] {
    border-color: #eccaca;
    background: #fffafa;
    color: #9b3f3f;
}

.fahrer-leerhinweis[b-mq8yevnngb] {
    min-height: 48px;
}


/* ===================================================================
   Fahrertabelle – Kopfzeile bleibt beim Scrollen stehen
   =================================================================== */

.fahrer-tabelle-rahmen[b-mq8yevnngb] {
    min-width: 0;
    min-height: 260px;
    max-height: calc(100dvh - 365px);
    overflow: auto;
    border: 1px solid #d3dbe3;
    border-radius: 6px;
    background: #ffffff;
    scrollbar-gutter: stable;
}

.fahrer-tabelle[b-mq8yevnngb] {
    width: 100%;
    min-width: 1000px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #24313c;
    font-size: 12px;
}

    .fahrer-tabelle th[b-mq8yevnngb] {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 44px;
        padding: 0 10px;
        border-bottom: 1px solid #d2dae2;
        background: #f8fafc;
        color: #334155;
        text-align: left;
        vertical-align: middle;
        font-weight: 600;
        white-space: nowrap;
    }

        .fahrer-tabelle th:nth-child(1)[b-mq8yevnngb] {
            width: 20%;
        }

        .fahrer-tabelle th:nth-child(2)[b-mq8yevnngb] {
            width: 12%;
        }

        .fahrer-tabelle th:nth-child(3)[b-mq8yevnngb] {
            width: 15%;
        }

        .fahrer-tabelle th:nth-child(4)[b-mq8yevnngb] {
            width: 12%;
        }

        .fahrer-tabelle th:nth-child(5)[b-mq8yevnngb] {
            width: 17%;
        }

        .fahrer-tabelle th:nth-child(6)[b-mq8yevnngb] {
            width: 17%;
        }

        .fahrer-tabelle th:nth-child(7)[b-mq8yevnngb] {
            width: 7%;
        }

    .fahrer-tabelle tbody tr[b-mq8yevnngb] {
        height: 30px;
        background: #ffffff;
        cursor: pointer;
    }

        .fahrer-tabelle tbody tr:nth-child(even)[b-mq8yevnngb] {
            background: #fbfcfd;
        }

        .fahrer-tabelle tbody tr:hover[b-mq8yevnngb] {
            background: #eff5fc;
        }

        .fahrer-tabelle tbody tr.fahrer-zeile-ausgewaehlt[b-mq8yevnngb],
        .fahrer-tabelle tbody tr.fahrer-zeile-ausgewaehlt:hover[b-mq8yevnngb] {
            background: #d9e9fb;
        }

    .fahrer-tabelle td[b-mq8yevnngb] {
        height: 30px;
        padding: 0 10px;
        overflow: hidden;
        border-bottom: 1px solid #e1e6eb;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

.fahrer-person[b-mq8yevnngb] {
    color: #173f8a;
}

.fahrer-spalte-aktiv[b-mq8yevnngb] {
    text-align: center !important;
}

    .fahrer-spalte-aktiv input[b-mq8yevnngb] {
        width: 14px;
        height: 14px;
        margin: 0;
        pointer-events: none;
    }


/* ===================================================================
   Detailkarte
   =================================================================== */

.fahrer-detailkarte[b-mq8yevnngb] {
    min-width: 0;
    padding: 15px 16px 14px;
    border: 1px solid #d3dbe3;
    border-radius: 7px;
    background: #ffffff;
}

    .fahrer-detailkarte h2[b-mq8yevnngb] {
        margin: 0 0 12px;
        color: #1f2937;
        font-size: 13px;
        font-weight: 700;
    }

.fahrer-detailraster[b-mq8yevnngb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 28px;
}

.fahrer-detailfeld[b-mq8yevnngb] {
    min-width: 0;
}

    .fahrer-detailfeld span[b-mq8yevnngb] {
        display: block;
        margin-bottom: 4px;
        overflow: hidden;
        color: #6f7b87;
        font-size: 9px;
        font-weight: 650;
        letter-spacing: 0.015em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fahrer-detailfeld strong[b-mq8yevnngb] {
        display: block;
        overflow: hidden;
        color: #18212b;
        font-size: 12px;
        font-weight: 650;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.fahrer-detail-leer[b-mq8yevnngb] {
    padding: 8px 0;
    color: #7a8793;
    font-size: 11px;
}

.fahrer-fusszeile[b-mq8yevnngb] {
    color: #718096;
    font-size: 11px;
}


/* ===================================================================
   Modaler Editor
   =================================================================== */

.fahrer-modal-overlay[b-mq8yevnngb] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 23, 42, 0.38);
    box-sizing: border-box;
}

.fahrer-modal-overlay-vorne[b-mq8yevnngb] {
    z-index: 950;
}

.fahrer-modal-fenster[b-mq8yevnngb] {
    width: min(100%, 746px);
    max-height: 100%;
}


/* ===================================================================
   Löschdialog
   =================================================================== */

.fahrer-loeschdialog[b-mq8yevnngb] {
    width: min(100%, 470px);
    padding: 22px;
    border: 1px solid #aeb9c4;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.28);
}

    .fahrer-loeschdialog h2[b-mq8yevnngb] {
        margin: 0 0 14px;
        color: #17212b;
        font-size: 18px;
    }

    .fahrer-loeschdialog p[b-mq8yevnngb] {
        margin: 0 0 10px;
        color: #334155;
        font-size: 13px;
        line-height: 1.5;
    }

.fahrer-loeschdialog-hinweis[b-mq8yevnngb] {
    color: #718096 !important;
    font-size: 11px !important;
}

.fahrer-loeschdialog-fehler[b-mq8yevnngb] {
    margin-top: 14px;
    padding: 9px 11px;
    border: 1px solid #efc7c7;
    border-radius: 5px;
    background: #fff7f7;
    color: #9b3030;
    font-size: 11px;
}

.fahrer-loeschdialog-aktionen[b-mq8yevnngb] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 20px;
}


/* ===================================================================
   Responsive innerhalb des Fachbereichs
   =================================================================== */

@container (max-width: 920px) {
    .fahrer-werkzeugleiste[b-mq8yevnngb] {
        align-items: stretch;
        flex-direction: column;
    }

    .fahrer-suche[b-mq8yevnngb] {
        width: 100%;
    }

    .fahrer-aktionen[b-mq8yevnngb] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .fahrer-detailraster[b-mq8yevnngb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fahrer-tabelle-rahmen[b-mq8yevnngb] {
        max-height: calc(100dvh - 420px);
    }
}

@container (max-width: 560px) {
    .fahrer-aktionen[b-mq8yevnngb] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fahrer-aktion[b-mq8yevnngb] {
        width: 100%;
        min-width: 0;
    }

    .fahrer-detailraster[b-mq8yevnngb] {
        grid-template-columns: 1fr;
    }
}
/* /Fachbereiche/Fahrer/FahrerEditor.razor.rz.scp.css */
.fahrer-editor[b-isu88hwk8r] {
    width: min(100%, 746px);
    height: min(730px, calc(100dvh - 48px));
    min-height: 560px;
    display: grid;
    grid-template-rows: 78px minmax(0, 1fr) 68px;
    overflow: hidden;
    border: 1px solid #aeb9c4;
    border-radius: 7px;
    background: #eef1f4;
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.26);
    color: #17212b;
    box-sizing: border-box;
}

.fahrer-editor-kopf[b-isu88hwk8r] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 0 24px;
    border-bottom: 1px solid #c8d0d8;
    background: #ffffff;
}

.fahrer-editor-kopftext[b-isu88hwk8r] {
    min-width: 0;
}

.fahrer-editor-kopf h1[b-isu88hwk8r] {
    margin: 0;
    color: #101827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.15;
}

.fahrer-editor-kopf p[b-isu88hwk8r] {
    margin: 6px 0 0;
    color: #718096;
    font-size: 12px;
}

.fahrer-editor-aktiv[b-isu88hwk8r] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #24313c;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
}

    .fahrer-editor-aktiv input[b-isu88hwk8r] {
        width: 15px;
        height: 15px;
        margin: 0;
    }

.fahrer-editor-inhalt[b-isu88hwk8r] {
    min-width: 0;
    min-height: 0;
    padding: 20px;
    overflow: auto;
}

.fahrer-editor-meldung[b-isu88hwk8r] {
    margin-bottom: 12px;
    padding: 9px 12px;
    border: 1px solid #d9e0e6;
    border-radius: 5px;
    background: #ffffff;
    font-size: 12px;
}

.fahrer-editor-meldung-fehler[b-isu88hwk8r] {
    border-color: #efc7c7;
    background: #fff7f7;
    color: #9b3030;
}

.fahrer-editor-registerrahmen[b-isu88hwk8r] {
    min-height: 100%;
    border: 1px solid #c9d1d9;
    border-radius: 6px;
    background: #ffffff;
}

.fahrer-editor-registerleiste[b-isu88hwk8r] {
    display: flex;
    align-items: flex-end;
    padding: 3px 3px 0;
    border-bottom: 1px solid #bfc8d2;
    background: #f3f4f6;
    border-radius: 6px 6px 0 0;
}

.fahrer-editor-register[b-isu88hwk8r] {
    min-height: 36px;
    padding: 0 18px;
    border: 1px solid #bfc8d2;
    border-bottom: 0;
    background: #e8eaed;
    color: #334155;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

    .fahrer-editor-register + .fahrer-editor-register[b-isu88hwk8r] {
        margin-left: -1px;
    }

    .fahrer-editor-register:hover:not(:disabled)[b-isu88hwk8r] {
        background: #f6f7f8;
    }

.fahrer-editor-register-aktiv[b-isu88hwk8r] {
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
    padding-bottom: 1px;
    background: #ffffff;
    color: #1f2937;
}

.fahrer-editor-registerinhalt[b-isu88hwk8r] {
    min-height: 370px;
    padding: 26px 26px 22px;
    box-sizing: border-box;
}

.fahrer-editor-formular[b-isu88hwk8r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px 24px;
}

.fahrer-editor-feld[b-isu88hwk8r] {
    min-width: 0;
}

.fahrer-editor-feld-voll[b-isu88hwk8r] {
    grid-column: 1 / -1;
}

.fahrer-editor-feld label[b-isu88hwk8r],
.fahrer-editor-bemerkungen label[b-isu88hwk8r] {
    display: block;
    margin-bottom: 7px;
    color: #26323d;
    font-size: 12px;
    font-weight: 650;
}

.fahrer-editor-feld input[b-isu88hwk8r],
.fahrer-editor-feld select[b-isu88hwk8r],
.fahrer-editor-bemerkungen textarea[b-isu88hwk8r] {
    width: 100%;
    border: 1px solid #c5ced7;
    border-radius: 0;
    background: #ffffff;
    color: #17212b;
    font: inherit;
    font-size: 13px;
    box-sizing: border-box;
    outline: none;
}

.fahrer-editor-feld input[b-isu88hwk8r],
.fahrer-editor-feld select[b-isu88hwk8r] {
    height: 35px;
    padding: 0 8px;
}

    .fahrer-editor-feld input:focus[b-isu88hwk8r],
    .fahrer-editor-feld select:focus[b-isu88hwk8r],
    .fahrer-editor-bemerkungen textarea:focus[b-isu88hwk8r] {
        border-color: #2f6fed;
        box-shadow: 0 0 0 1px rgba(47, 111, 237, 0.12);
    }

    .fahrer-editor-feld input:disabled[b-isu88hwk8r],
    .fahrer-editor-feld select:disabled[b-isu88hwk8r],
    .fahrer-editor-bemerkungen textarea:disabled[b-isu88hwk8r] {
        background: #f2f3f4;
        color: #4b5563;
    }

.fahrer-editor-feld small[b-isu88hwk8r] {
    display: block;
    margin-top: 6px;
    color: #66778a;
    font-size: 10.5px;
}

.fahrer-editor-pflicht[b-isu88hwk8r] {
    color: #b45309;
}

.fahrer-editor-hinweis[b-isu88hwk8r] {
    padding: 12px 13px;
    border: 1px solid #e0e5ea;
    border-radius: 5px;
    background: #f8fafc;
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
}

.fahrer-editor-bemerkungen textarea[b-isu88hwk8r] {
    min-height: 290px;
    padding: 10px;
    resize: vertical;
}

.fahrer-editor-fuss[b-isu88hwk8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 20px;
    border-top: 1px solid #c8d0d8;
    background: #ffffff;
}

.fahrer-editor-pflicht-hinweis[b-isu88hwk8r] {
    color: #7c8793;
    font-size: 10.5px;
}

.fahrer-editor-fuss-aktionen[b-isu88hwk8r] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fahrer-editor-aktion[b-isu88hwk8r] {
    min-width: 110px;
    height: 38px;
    padding: 0 18px;
    border: 1px solid #c3ccd5;
    background: #ffffff;
    color: #26323d;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

    .fahrer-editor-aktion:hover:not(:disabled)[b-isu88hwk8r] {
        background: #f5f7f9;
    }

.fahrer-editor-aktion-primaer[b-isu88hwk8r] {
    border-color: #2f6fed;
    background: #2f6fed;
    color: #ffffff;
    font-weight: 650;
}

    .fahrer-editor-aktion-primaer:hover:not(:disabled)[b-isu88hwk8r] {
        background: #255fce;
    }

.fahrer-editor-aktion:disabled[b-isu88hwk8r] {
    opacity: 0.62;
    cursor: default;
}

@media (max-width: 760px) {
    .fahrer-editor[b-isu88hwk8r] {
        width: calc(100vw - 20px);
        height: calc(100dvh - 20px);
        min-height: 0;
    }

    .fahrer-editor-kopf[b-isu88hwk8r] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 10px 16px;
    }

    .fahrer-editor-inhalt[b-isu88hwk8r] {
        padding: 12px;
    }

    .fahrer-editor-registerleiste[b-isu88hwk8r] {
        overflow-x: auto;
    }

    .fahrer-editor-register[b-isu88hwk8r] {
        flex: 0 0 auto;
    }

    .fahrer-editor-registerinhalt[b-isu88hwk8r] {
        padding: 18px;
    }

    .fahrer-editor-formular[b-isu88hwk8r] {
        grid-template-columns: 1fr;
    }

    .fahrer-editor-feld-voll[b-isu88hwk8r] {
        grid-column: auto;
    }
}