/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== App Root ===== */

.app-root[b-bheo4kgu3d] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 0;
}

/* ===== Header ===== */

.main-header[b-bheo4kgu3d] {
    height: 68px;
    z-index: 20;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
    flex-shrink: 0;
    position: relative;
}

.header-logo[b-bheo4kgu3d] {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.header-logo-img[b-bheo4kgu3d] {
    height: 60px;
    width: auto;
    image-rendering: optimizeQuality;
    -webkit-font-smoothing: antialiased;
    shape-rendering: geometricPrecision;
}

.header-title[b-bheo4kgu3d] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.header-spacer[b-bheo4kgu3d] {
    flex: 1;
}

.header-user[b-bheo4kgu3d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.375rem 0.5rem;
    border-radius: var(--radius);
    position: relative;
    user-select: none;
}

.header-user:hover[b-bheo4kgu3d] {
    background-color: var(--muted);
}

.header-user-name[b-bheo4kgu3d] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
}

.dropdown-overlay[b-bheo4kgu3d] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 49;
}

.header-dropdown[b-bheo4kgu3d] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.375rem;
    padding: 0.375rem 0;
    background-color: var(--popover);
    color: var(--popover-foreground);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    min-width: 240px;
    z-index: 50;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}

.header-dropdown-item[b-bheo4kgu3d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    color: var(--foreground);
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.header-dropdown-item:hover[b-bheo4kgu3d] {
    background-color: var(--muted);
    text-decoration: none;
}

.header-dropdown-separator[b-bheo4kgu3d] {
    height: 1px;
    background-color: var(--border);
    margin: 0.25rem 0;
}

.header-dropdown-item-danger[b-bheo4kgu3d] {
    color: var(--destructive);
}

.header-dropdown-item-danger:hover[b-bheo4kgu3d] {
    background-color: #fee2e2;
    color: var(--destructive);
}

/* ===== Layout with sidebar ===== */

[b-bheo4kgu3d] .layout {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

[b-bheo4kgu3d] .sidebar {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.14);
}

.sidebar-header[b-bheo4kgu3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: #ffffff;
    border-bottom: 1px solid var(--sidebar-border);
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    flex-shrink: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.sidebar-header-collapsed[b-bheo4kgu3d] {
    justify-content: center;
    padding: 1rem 0.5rem;
}

.sidebar-header-collapsed .sidebar-header-label[b-bheo4kgu3d] {
    display: none;
}

.sidebar-header-label[b-bheo4kgu3d] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
}

.sidebar-toggle-btn[b-bheo4kgu3d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    color: var(--muted-foreground);
    cursor: pointer;
    border-radius: var(--radius);
    transition: background-color 0.15s ease;
    flex-shrink: 0;
}

.sidebar-toggle-btn:hover[b-bheo4kgu3d] {
    background-color: var(--muted);
    color: var(--foreground);
}

.sidebar-nav[b-bheo4kgu3d] {
    flex: 1;
    overflow-y: auto;
    /* Kein waagerechter Rollbalken, wenn ein Eintrag breiter ist als die (eingeklappte) Sidebar. */
    overflow-x: hidden;
}

/* ===== Sidebar App Info ===== */

.sidebar-app-info[b-bheo4kgu3d] {
    padding: 1rem 1.5rem;
    background-color: var(--card);
    border-top: 1px solid var(--border);
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    line-height: 1.6;
    flex-shrink: 0;
    overflow: hidden;
}

.sidebar-text[b-bheo4kgu3d] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.1s ease;
}

.sidebar-version[b-bheo4kgu3d] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
}

/* ===== Sidebar Resize Handle ===== */

.sidebar-resize-handle[b-bheo4kgu3d] {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    cursor: col-resize;
    z-index: 15;
    transition: background-color 0.15s ease;
}

.sidebar-resize-handle:hover[b-bheo4kgu3d] {
    background-color: rgba(12, 93, 166, 0.5);
}

/* ===== Main Content ===== */

.main-content[b-bheo4kgu3d] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
}

[b-bheo4kgu3d] .action-bar {
    z-index: 5;
    flex-shrink: 0;
}

.action-bar-spacer[b-bheo4kgu3d] {
    flex: 1;
}

[b-bheo4kgu3d] .ablage-title {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    min-height: 2.5rem;
    flex: 0 1 auto;
    overflow: hidden;
}

[b-bheo4kgu3d] .ablage-title-name {
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
    padding: 0;
    line-height: 1.2;
    border: none;
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-bheo4kgu3d] .ablage-title-pfad {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    line-height: 1;
    height: 0.6875rem;
    min-width: 0;
}

[b-bheo4kgu3d] .ablage-title-pfad-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: monospace;
}

[b-bheo4kgu3d] .ablage-pfad-copy {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--muted-foreground);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    flex-shrink: 0;
    height: 0.6875rem;
    min-height: 0;
    overflow: visible;
    line-height: 0;
    transition: color 0.15s ease;
}

[b-bheo4kgu3d] .ablage-pfad-copy:hover {
    color: var(--primary);
}

[b-bheo4kgu3d] .ablage-pfad-copy svg {
    width: 13px;
    height: 13px;
    overflow: visible;
}

[b-bheo4kgu3d] .content-area {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
    position: relative;
}

/* ---- Jahr-Umschalter (Modul-Kontext) ---- */
.header-jahr[b-bheo4kgu3d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: 1.5rem;
    padding-left: 1.5rem;
    border-left: 1px solid var(--border);
    color: var(--muted-foreground);
}

.header-jahr-label[b-bheo4kgu3d] {
    font-size: 0.875rem;
}

.header-jahr-select[b-bheo4kgu3d] {
    width: auto;
    min-width: 84px;
}

.header-jahr-btn[b-bheo4kgu3d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--border);
    background: var(--card);
    color: var(--foreground);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.header-jahr-btn:hover:not(:disabled)[b-bheo4kgu3d] {
    background: var(--secondary);
    color: var(--primary);
}

.header-jahr-btn:disabled[b-bheo4kgu3d] {
    opacity: 0.4;
    cursor: default;
}

/* Eingeklappt: Der Fuss (Name, Version, Copyright) passt nicht in 64px - ausblenden statt abschneiden. */
.sidebar-collapsed .sidebar-app-info[b-bheo4kgu3d] {
    display: none;
}

/* Kennzeichen statt Firmenlogo (privates Werkzeug, Muster DS.FitnessHub) */
.brand-mark[b-bheo4kgu3d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* Abmelden ist ein Formular (POST); der Knopf sieht aus wie die anderen Menuepunkte. */
.header-dropdown-form[b-bheo4kgu3d] {
    margin: 0;
}

.header-dropdown-form .header-dropdown-item[b-bheo4kgu3d] {
    width: 100%;
    border: none;
    background: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
/* ===== Responsiv (Paket 11, Vorbild DLV.Zugkasse) ===== */

/* Laptop: Kopfzeile enger. */
@media (max-width: 1440px) {
    .header-jahr[b-bheo4kgu3d] {
        margin-left: 1rem;
        padding-left: 1rem;
    }
}

/* Schmales Fenster (Tablet): Bezeichnungen weg, Bedienelemente bleiben. */
@media (max-width: 1100px) {
    .header-title[b-bheo4kgu3d],
    .header-jahr-label[b-bheo4kgu3d],
    .header-user-name[b-bheo4kgu3d] {
        display: none;
    }

    .header-jahr[b-bheo4kgu3d] {
        margin-left: 0.75rem;
        padding-left: 0.75rem;
    }

    [b-bheo4kgu3d] .content-area {
        padding: 1.25rem;
    }
}

/* Mobil (unter 700 px): Menü-Knopf und Off-Canvas statt Reitern und Seitenleiste. */
.header-menue[b-bheo4kgu3d] {
    display: none;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 40px;
    height: 40px;
    margin-right: 0.25rem;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--foreground);
    cursor: pointer;
}

.mobil-overlay[b-bheo4kgu3d] {
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgba(0, 0, 0, 0.35);
}

.mobil-menue[b-bheo4kgu3d] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 901;
    display: flex;
    flex-direction: column;
    width: min(18rem, 85vw);
    overflow-y: auto;
    background: var(--sidebar);
    color: var(--sidebar-foreground);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.3);
    animation: mobil-ein-b-bheo4kgu3d 0.18s ease-out;
}

@keyframes mobil-ein-b-bheo4kgu3d {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

.mobil-kopf[b-bheo4kgu3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem 0.5rem;
    border-left: 4px solid var(--primary);
}

.mobil-titel[b-bheo4kgu3d] {
    font-weight: var(--font-weight-medium);
    font-size: 1rem;
}

.mobil-zu[b-bheo4kgu3d] {
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0.25rem;
}

.mobil-abschnitt[b-bheo4kgu3d] {
    padding: 1rem 1rem 0.375rem;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.6;
}

.mobil-trenner[b-bheo4kgu3d] {
    margin: 0.75rem 1rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.mobil-menue[b-bheo4kgu3d]  .mobil-eintrag {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    padding: 0 1rem;
    color: inherit;
    text-decoration: none;
}

.mobil-menue[b-bheo4kgu3d]  .mobil-eintrag.active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 3px 0 0 var(--primary);
}

@media (max-width: 700px) {
    .header-menue[b-bheo4kgu3d] {
        display: inline-flex;
    }

    .main-header[b-bheo4kgu3d]  .module-tabs,
    .sidebar[b-bheo4kgu3d] {
        display: none !important;
    }

    .main-header[b-bheo4kgu3d] {
        padding: 0 0.5rem;
        gap: 0.5rem;
    }

    .header-jahr[b-bheo4kgu3d] {
        margin-left: auto;
        padding-left: 0;
        border-left: none;
    }

    .header-jahr-btn[b-bheo4kgu3d],
    .header-jahr[b-bheo4kgu3d]  svg {
        display: none;
    }

    .header-jahr-select[b-bheo4kgu3d] {
        min-width: 0;
    }

    .brand-mark[b-bheo4kgu3d] {
        width: 36px;
        height: 36px;
    }

    .header-user[b-bheo4kgu3d] {
        padding: 0.375rem 0.25rem;
    }

    [b-bheo4kgu3d] .content-area {
        padding: 0.75rem;
    }
}
/* /Components/Layout/ModuleTabs.razor.rz.scp.css */
.module-tabs[b-45sw3g5imx] {
    display: flex;
    align-self: stretch;
    align-items: stretch;
    margin-left: 1.75rem;
    gap: 0.15rem;
}

/* NavLink rendert das <a> in EIGENEM CSS-Scope -> via ::deep hineinstylen. */
.module-tabs[b-45sw3g5imx]  .module-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 1.1rem;
    color: var(--muted-foreground);
    text-decoration: none;
    font-size: 0.9rem;
    white-space: nowrap;
    transition: color 0.15s ease, background-color 0.15s ease;
}

/* Animierter Unterstrich: waechst beim Aktivieren aus der Mitte. */
.module-tabs[b-45sw3g5imx]  .module-tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--primary);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.2s ease;
}

.module-tabs[b-45sw3g5imx]  .module-tab:hover {
    color: var(--foreground);
    background: var(--secondary);
}

.module-tabs[b-45sw3g5imx]  .module-tab.active {
    color: var(--primary);
    background: color-mix(in srgb, var(--primary) 8%, transparent);
}

.module-tabs[b-45sw3g5imx]  .module-tab.active::after {
    transform: scaleX(1);
}

/* Laptop: Reiter etwas enger. */
@media (max-width: 1440px) {
    .module-tabs[b-45sw3g5imx]  .module-tab {
        padding: 0 0.9rem;
    }
}

/* Unter Desktopbreite: Reiter nur als Icon (Name im Tooltip), damit Jahr und Benutzer Platz behalten. */
@media (max-width: 1280px) {
    .module-tabs[b-45sw3g5imx] {
        margin-left: 1rem;
    }

    .module-tabs[b-45sw3g5imx]  .module-tab {
        padding: 0 0.85rem;
    }

    .module-tabs[b-45sw3g5imx]  .module-tab-label {
        display: none;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-1newqb6qyy] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.5rem 0;
    min-height: 100%;
}

/* Bereichs-Nav (§3.18): schiebt Exit-Link ans untere Ende */
.nav-bottom[b-1newqb6qyy] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

[b-1newqb6qyy] .nav-link-exit {
    color: var(--sidebar-foreground);
    opacity: 0.75;
}

[b-1newqb6qyy] .nav-link-exit:hover {
    opacity: 1;
}

/* Icon darf nicht schrumpfen */
[b-1newqb6qyy] .nav-icon {
    flex-shrink: 0;
}

/* Text wird per overflow hidden abgeschnitten wenn Sidebar schrumpft.
   ::deep, damit auch NavLinks in Unterkomponenten (NavSubMenu, NavTreeNode)
   erfasst werden. */
[b-1newqb6qyy] .nav-link-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    transition: opacity 0.15s ease;
}

/* Collapsed: Text unsichtbar, Icons zentriert */
.nav-collapsed[b-1newqb6qyy]  .nav-link-text {
    opacity: 0;
    width: 0;
    overflow: hidden;
}

.nav-collapsed[b-1newqb6qyy]  .nav-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
}

/* Separator between Ablagen and admin links */
.nav-separator[b-1newqb6qyy] {
    height: 1px;
    background-color: var(--sidebar-border);
    margin: 0.5rem 1rem;
}

/* ===== Nav-SubMenu (flache Untermenue-Gruppe) ===== */

[b-1newqb6qyy] .nav-submenu {
    display: flex;
    flex-direction: column;
}

/* Toggle-only Header (ohne Href) - ganze Zeile klappt auf/zu */
[b-1newqb6qyy] .nav-submenu-header {
    cursor: pointer;
    user-select: none;
}

/* Split-Header (mit Href): Link links + Chevron-Button rechts in einer Zeile */
[b-1newqb6qyy] .nav-submenu-header-row {
    display: flex;
    align-items: stretch;
}

[b-1newqb6qyy] .nav-submenu-header-link {
    flex: 1;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[b-1newqb6qyy] .nav-submenu-toggle {
    background: none;
    border: none;
    color: var(--sidebar-foreground);
    cursor: pointer;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    border-radius: 0 var(--radius) var(--radius) 0;
    transition: background-color 0.15s ease;
    flex-shrink: 0;
}

[b-1newqb6qyy] .nav-submenu-toggle:hover {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
}

[b-1newqb6qyy] .nav-submenu-chevron {
    margin-left: auto;
    transition: transform 0.15s ease;
    flex-shrink: 0;
}

[b-1newqb6qyy] .nav-submenu-chevron-open {
    transform: rotate(90deg);
}

/* Aufgeklappter Kinder-Block - dunklerer Hintergrund unterstreicht die Gruppe */
[b-1newqb6qyy] .nav-submenu-children {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.25rem 0;
    background-color: var(--sidebar-submenu);
    border-top: 1px solid var(--sidebar-border);
    border-bottom: 1px solid var(--sidebar-border);
}

/* Kinder eingerueckt - Abstand passt zur Icon-Breite im Header */
[b-1newqb6qyy] .nav-submenu-children .nav-link {
    padding-left: 2.75rem;
    border-radius: 0;
}

/* Collapsed Sidebar: Kinder, Chevron, Toggle-Button ausblenden; Header bleibt als Icon */
.nav-collapsed[b-1newqb6qyy]  .nav-submenu-children,
.nav-collapsed[b-1newqb6qyy]  .nav-submenu-chevron,
.nav-collapsed[b-1newqb6qyy]  .nav-submenu-toggle {
    display: none;
}

.nav-collapsed[b-1newqb6qyy]  .nav-submenu-header-link {
    border-radius: var(--radius);
}


.nav-section-label[b-1newqb6qyy] {
    padding: 0.5rem 1rem 0.35rem;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--sidebar-foreground, #b0b0b0);
    opacity: 0.7;
}

/* Bereichsueberschrift: bei schmaler Sidebar mit Auslassungspunkten kuerzen statt hart abschneiden ... */
.nav-section-label[b-1newqb6qyy] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ... und eingeklappt ganz ausblenden - dort ist nur Platz fuer Icons. Eine feine Linie haelt den Abstand. */
.nav-collapsed .nav-section-label[b-1newqb6qyy] {
    height: 0;
    margin: 0.25rem 0.75rem 0.5rem;
    padding: 0;
    border-top: 1px solid var(--sidebar-border);
    font-size: 0;
}
/* /Components/Pages/AbgabeModus.razor.rz.scp.css */
.am[b-x9f806tif0] {
    outline: none;
}

.am-raster[b-x9f806tif0] {
    display: grid;
    grid-template-columns: 18rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

.am-formulare[b-x9f806tif0] {
    list-style: none;
    margin: 0;
    padding: 0.4rem 0;
}

.am-formulare li[b-x9f806tif0] {
    padding: 0.6rem 0.9rem;
    cursor: pointer;
    border-bottom: 1px solid var(--border);
}

.am-formulare li:last-child[b-x9f806tif0] {
    border-bottom: none;
}

.am-formulare li.aktiv[b-x9f806tif0] {
    background: var(--accent);
    box-shadow: inset 3px 0 0 var(--primary);
}

.am-fname[b-x9f806tif0] {
    font-size: 0.875rem;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    gap: 0.4rem;
}

.am-balken[b-x9f806tif0] {
    height: 4px;
    margin: 0.4rem 0 0.2rem;
    background: var(--muted);
    border-radius: 2px;
    overflow: hidden;
}

.am-balken span[b-x9f806tif0] {
    display: block;
    height: 100%;
    background: var(--primary);
}

.am-zahl[b-x9f806tif0] {
    font-size: 0.75rem;
}

.am-formular[b-x9f806tif0] {
    padding: 0 0 0.75rem;
}

.am-kopf[b-x9f806tif0] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0.9rem 1.25rem 0.5rem;
}

.am-titel[b-x9f806tif0] {
    font-size: 1.1rem;
    font-weight: 500;
}

.am-tasten[b-x9f806tif0] {
    font-size: 0.78rem;
}

.am-tabelle[b-x9f806tif0] {
    width: 100%;
    border-collapse: collapse;
}

.am-tabelle td[b-x9f806tif0] {
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--border);
    vertical-align: middle;
}

.am-zeile[b-x9f806tif0] {
    width: 5.5rem;
    padding-left: 1.25rem !important;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.am-kz[b-x9f806tif0] {
    width: 6rem;
    white-space: nowrap;
}

.am-kz span[b-x9f806tif0] {
    display: inline-block;
    min-width: 2.6rem;
    padding: 0 0.35rem;
    border: 1px solid var(--primary);
    color: var(--primary);
    text-align: center;
    font-size: 0.85rem;
}

.am-wer[b-x9f806tif0] {
    width: 4rem;
    color: var(--muted-foreground);
}

.am-wert[b-x9f806tif0] {
    width: 11rem;
    text-align: right;
}

.am-haken[b-x9f806tif0] {
    width: 9rem;
    padding-right: 1.25rem !important;
    white-space: nowrap;
}

.am-haken label[b-x9f806tif0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    cursor: pointer;
}

tr.am-naechste td[b-x9f806tif0] {
    background: #eff6ff;
}

tr.am-naechste td:first-child[b-x9f806tif0] {
    box-shadow: inset 3px 0 0 var(--primary);
}

tr.am-erledigt td[b-x9f806tif0] {
    color: var(--muted-foreground);
}

.am-fertig[b-x9f806tif0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem 0;
}

.ah-kopieren[b-x9f806tif0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.1rem 0.4rem;
    border: 1px solid transparent;
    background: none;
    font: inherit;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    cursor: copy;
}

.ah-kopieren:hover[b-x9f806tif0] {
    border-color: var(--border);
    background: var(--muted);
}

.ah-kopieren.kopiert[b-x9f806tif0] {
    color: #166534;
}

/* Responsiv (Paket 11): auf dem Handy Formularliste über den Werten */
@media (max-width: 700px) {
    .am-raster[b-x9f806tif0] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/AbgabeSeite.razor.rz.scp.css */
.ab-raster[b-4cs7df4899] {
    display: grid;
    grid-template-columns: 26rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

@media (max-width: 1100px) {
    .ab-raster[b-4cs7df4899] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.ab-karte[b-4cs7df4899] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ab-kopf[b-4cs7df4899] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.ab-kopf .ab-titel[b-4cs7df4899] {
    margin-right: auto;
}

.ab-titel[b-4cs7df4899] {
    font-weight: 600;
}

/* Spalten dürfen unter die Mindestbreite von Datums- und Dateifeld schrumpfen; sonst ragen sie bei 1366 px über die Karte (U2) */
.ab-form[b-4cs7df4899] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ab-form[b-4cs7df4899]  .form-input {
    width: 100%;
    min-width: 0;
}

.ab-form > label:first-child[b-4cs7df4899],
.ab-drop[b-4cs7df4899] {
    grid-column: 1 / -1;
}

.ab-drop[b-4cs7df4899] {
    min-height: 4.5rem;
    min-width: 0;
    font-size: 0.85rem;
}

.ab-check[b-4cs7df4899] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.5rem;
}

.ab-befund[b-4cs7df4899] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.ab-meldung[b-4cs7df4899] {
    margin: 0;
    color: var(--destructive);
}

.ab-nachreichen[b-4cs7df4899] {
    position: relative;
    cursor: pointer;
}

.ab-nachreichen[b-4cs7df4899]  .ab-datei {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
/* /Components/Pages/AbgleichSeite.razor.rz.scp.css */
.ag-erledigt td[b-1d3d4u5w4k] {
    color: var(--muted-foreground);
}

.ag-diff[b-1d3d4u5w4k] {
    color: #9a6700;
    font-weight: 500;
}

.cell-actions[b-1d3d4u5w4k] {
    white-space: nowrap;
}
/* /Components/Pages/AblageSeite.razor.rz.scp.css */
.ab-hinweis[b-4ygc3b9qrc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.ab-raster[b-4ygc3b9qrc] {
    display: grid;
    grid-template-columns: 16rem minmax(0, 1fr) 22rem;
    gap: 0.75rem;
    align-items: start;
}

.ab-baum[b-4ygc3b9qrc] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
}

.ab-knoten[b-4ygc3b9qrc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    padding: 0.35rem 0.75rem;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    color: var(--foreground);
    font-size: 0.875rem;
}

.ab-knoten:hover[b-4ygc3b9qrc] {
    background: var(--muted);
}

.ab-knoten.aktiv[b-4ygc3b9qrc] {
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: var(--primary);
}

.ab-ebene1[b-4ygc3b9qrc] {
    padding-left: 1.5rem;
}

.ab-ebene2[b-4ygc3b9qrc] {
    padding-left: 2.75rem;
}

.ab-zahl[b-4ygc3b9qrc] {
    margin-left: auto;
    color: var(--muted-foreground);
    font-size: 0.75rem;
}

.ab-detail[b-4ygc3b9qrc] {
    padding: 1rem;
}

.ab-titel[b-4ygc3b9qrc] {
    margin: 0 0 0.75rem;
    font-size: 1.125rem;
    font-weight: 500;
}

.ab-daten[b-4ygc3b9qrc] {
    display: grid;
    grid-template-columns: 6rem 1fr;
    gap: 0.25rem 0.5rem;
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
}

.ab-daten dt[b-4ygc3b9qrc] {
    color: var(--muted-foreground);
}

.ab-daten dd[b-4ygc3b9qrc] {
    margin: 0;
}

.ab-pfad[b-4ygc3b9qrc] {
    word-break: break-all;
}

.ab-knoepfe[b-4ygc3b9qrc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.ab-frage[b-4ygc3b9qrc] {
    font-size: 0.875rem;
}

.ab-verwendet[b-4ygc3b9qrc] {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.875rem;
}

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

/* Responsiv (Paket 11): schmal Ordner und Liste, Details darunter; auf dem Handy untereinander */
@media (max-width: 1280px) {
    .ab-raster[b-4ygc3b9qrc] {
        grid-template-columns: 14rem minmax(0, 1fr);
    }

    .ab-raster > :nth-child(3)[b-4ygc3b9qrc] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .ab-raster[b-4ygc3b9qrc] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Tablet (Paket 11b, Vorbild Journal der Zugkasse): Art unter der Bezeichnung; unter 900 px fällt die Spalte Datei weg
   (eine fehlende Datei steht dann als Badge unter der Bezeichnung). */
.ab-unter[b-4ygc3b9qrc] {
    display: none;
    font-size: 0.78rem;
}

.ab-unter .badge[b-4ygc3b9qrc] {
    margin-left: 0.4rem;
}

.ab-unter-datei[b-4ygc3b9qrc] {
    display: none;
}

@media (max-width: 1100px) {
    .ab-liste th:nth-child(3)[b-4ygc3b9qrc],
    .ab-liste tbody td:nth-child(3)[b-4ygc3b9qrc] {
        display: none;
    }

    .ab-unter[b-4ygc3b9qrc] {
        display: block;
        margin-top: 0.15rem;
    }
}

@media (max-width: 900px) {
    .ab-liste th:nth-child(4)[b-4ygc3b9qrc],
    .ab-liste tbody td:nth-child(4)[b-4ygc3b9qrc] {
        display: none;
    }

    .ab-unter-datei[b-4ygc3b9qrc] {
        display: inline-flex;
    }
}
/* /Components/Pages/AbmeldenBestaetigen.razor.rz.scp.css */
/* Kennzeichen wie auf der Anmeldeseite (Login.razor.css) */
.login-logo-box[b-aebpr7an27] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    background-color: var(--primary);
    color: var(--primary-foreground);
}

.login-logo-text[b-aebpr7an27] {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.02em;
}

.ab-text[b-aebpr7an27] {
    margin: 0 0 1.25rem;
    text-align: center;
    color: var(--muted-foreground);
}

.ab-zurueck[b-aebpr7an27] {
    margin-top: 0.75rem;
}
/* /Components/Pages/AltbestandSeite.razor.rz.scp.css */
.alt-ordner[b-tj47b2cbe1] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.alt-wahl[b-tj47b2cbe1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.alt-meldung[b-tj47b2cbe1],
.alt-fehler[b-tj47b2cbe1] {
    color: var(--destructive);
    font-size: 0.85rem;
}

.alt-tabelle[b-tj47b2cbe1] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.alt-kopf[b-tj47b2cbe1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.alt-pfad[b-tj47b2cbe1] {
    max-width: 38rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alt-blass td[b-tj47b2cbe1] {
    color: var(--muted-foreground);
}

.alt-balken[b-tj47b2cbe1] {
    height: 6px;
    background: var(--muted);
    border-radius: 3px;
    overflow: hidden;
}

.alt-balken span[b-tj47b2cbe1] {
    display: block;
    height: 100%;
    background: var(--primary);
}

.alt-ergebnis[b-tj47b2cbe1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

/* /Components/Pages/AnlageSeite.razor.rz.scp.css */
.an-pruefung[b-b60j0j4i7z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
}

.an-raster[b-b60j0j4i7z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30rem;
    gap: 0.75rem;
    align-items: start;
}

.an-liste[b-b60j0j4i7z] {
    padding: 0.25rem 0 0.5rem;
}

.an-abschnitt[b-b60j0j4i7z] {
    padding: 0.75rem 1rem 0.25rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted-foreground);
}

.an-zeile[b-b60j0j4i7z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 1rem;
    border-top: 1px solid var(--border);
}

.an-nr[b-b60j0j4i7z] {
    width: 3.5rem;
    flex-shrink: 0;
    color: var(--muted-foreground);
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.an-bez[b-b60j0j4i7z] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.an-pos[b-b60j0j4i7z] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.3rem 1rem 0.3rem 4.5rem;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-size: 0.875rem;
}

.an-pos:hover[b-b60j0j4i7z] {
    background: var(--muted);
}

.an-pos.aktiv[b-b60j0j4i7z] {
    background: color-mix(in srgb, var(--primary) 10%, transparent);
}

.an-wer[b-b60j0j4i7z] {
    width: 4rem;
    color: var(--muted-foreground);
}

.an-wert[b-b60j0j4i7z] {
    min-width: 8rem;
    font-variant-numeric: tabular-nums;
}

.an-form[b-b60j0j4i7z] {
    padding: 1rem;
}

.an-titel[b-b60j0j4i7z] {
    margin: 0 0 0.25rem;
    font-size: 1.125rem;
    font-weight: 500;
}

.an-hinweis[b-b60j0j4i7z] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
}

.an-felder[b-b60j0j4i7z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.an-felder label[b-b60j0j4i7z] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.an-felder .an-voll[b-b60j0j4i7z] {
    grid-column: 1 / -1;
}

.an-zahl[b-b60j0j4i7z] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.an-rechnen[b-b60j0j4i7z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    font-size: 0.85rem;
}

.an-fehler[b-b60j0j4i7z] {
    margin: 0.5rem 0 0;
    color: var(--destructive);
}

.an-knoepfe[b-b60j0j4i7z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.an-frage[b-b60j0j4i7z] {
    font-size: 0.875rem;
}

/* Tablet (Paket 11b): Formular schmaler; Positionszeilen umbrechen statt zu verrutschen (Status und Belegzeichen unter den Wert) */
@media (max-width: 1100px) {
    .an-raster[b-b60j0j4i7z] {
        grid-template-columns: minmax(0, 1fr) 22rem;
    }

    .an-pos[b-b60j0j4i7z] {
        flex-wrap: wrap;
        padding-left: 2rem;
        row-gap: 0.2rem;
    }

    .an-nr[b-b60j0j4i7z] {
        width: 2.75rem;
    }
}

/* Unter 900 px: Formular unter der Liste */
@media (max-width: 900px) {
    .an-raster[b-b60j0j4i7z] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/AusfuellhilfeSeite.razor.rz.scp.css */
.ah[b-zq88c1voiq] {
    outline: none;
}

.ah-reiter[b-zq88c1voiq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border);
}

.ah-reiter-knopf[b-zq88c1voiq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.9rem;
    border: none;
    border-bottom: 2px solid transparent;
    background: none;
    font: inherit;
    font-size: 0.9rem;
    color: var(--muted-foreground);
    cursor: pointer;
}

.ah-reiter-knopf:hover[b-zq88c1voiq] {
    color: var(--foreground);
}

.ah-reiter-knopf.aktiv[b-zq88c1voiq] {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.ah-formular[b-zq88c1voiq] {
    padding: 0 0 0.75rem;
    border-top: 3px solid var(--primary);
}

.ah-kopf[b-zq88c1voiq] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.25rem 0.25rem;
}

.ah-titel[b-zq88c1voiq] {
    font-size: 1.15rem;
    font-weight: 500;
}

.ah-ungeprueft-kopf[b-zq88c1voiq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #9a6700;
}

.ah-spaltenkopf[b-zq88c1voiq] {
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--muted-foreground);
}

.ah-zelle-offen[b-zq88c1voiq] {
    background: #fff5f5;
}

.ah-zelle-geschaetzt[b-zq88c1voiq] {
    background: #fffbea;
}

.ah-abschnitt[b-zq88c1voiq] {
    padding: 1rem 1.25rem 0.35rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

.ah-tabelle[b-zq88c1voiq] {
    width: 100%;
    border-collapse: collapse;
}

.ah-tabelle td[b-zq88c1voiq] {
    padding: 0.45rem 0.75rem;
    border-top: 1px solid var(--border);
    vertical-align: top;
}

.ah-zeile[b-zq88c1voiq] {
    width: 5.5rem;
    white-space: nowrap;
    padding-left: 1.25rem !important;
    color: var(--muted-foreground);
    font-variant-numeric: tabular-nums;
}

.ah-kz[b-zq88c1voiq] {
    width: 7.5rem;
    white-space: nowrap;
}

.ah-kz span[b-zq88c1voiq] {
    display: inline-block;
    min-width: 2.6rem;
    padding: 0 0.35rem;
    border: 1px solid var(--primary);
    color: var(--primary);
    text-align: center;
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
}

.ah-ungeprueft[b-zq88c1voiq] {
    margin-left: 0.35rem;
    color: #9a6700;
    vertical-align: middle;
}

.ah-grund[b-zq88c1voiq] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.ah-wer[b-zq88c1voiq] {
    width: 4rem;
    color: var(--muted-foreground);
}

.ah-wert[b-zq88c1voiq] {
    width: 11rem;
    text-align: right;
}

.ah-kopieren[b-zq88c1voiq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.1rem 0.4rem;
    border: 1px solid transparent;
    background: none;
    font: inherit;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    cursor: copy;
}

.ah-kopieren:hover[b-zq88c1voiq] {
    border-color: var(--border);
    background: var(--muted);
}

.ah-kopieren.kopiert[b-zq88c1voiq] {
    color: #166534;
}

.ah-status[b-zq88c1voiq] {
    width: 9rem;
    padding-right: 1.25rem !important;
    white-space: nowrap;
}

.ah-beleg[b-zq88c1voiq] {
    margin-left: 0.35rem;
    color: var(--muted-foreground);
    vertical-align: middle;
}

tr.ah-offen td[b-zq88c1voiq] {
    background: #fff5f5;
}

tr.ah-geschaetzt td[b-zq88c1voiq] {
    background: #fffbea;
}

.ah-fehler[b-zq88c1voiq] {
    margin-top: 0.75rem;
    color: var(--destructive);
}
/* /Components/Pages/BenutzerEinstellung.razor.rz.scp.css */
.bn-hinweis[b-h6vxc5fnxu] {
    margin: 0 0 1rem;
    max-width: 60rem;
    font-size: 0.9rem;
}

.bn-name[b-h6vxc5fnxu] {
    font-weight: 600;
}

.bn-form[b-h6vxc5fnxu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.bn-form label[b-h6vxc5fnxu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.bn-form label.bn-check[b-h6vxc5fnxu] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    align-self: end;
    padding-bottom: 0.55rem;
    font-size: 0.875rem;
    color: var(--foreground);
}

.bn-fehler[b-h6vxc5fnxu] {
    margin: 0.5rem 0 0;
    color: var(--destructive);
}
/* /Components/Pages/BescheideSeite.razor.rz.scp.css */
.bs-raster[b-ce68xgitnq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24rem;
    gap: 0.75rem;
    margin-top: 0.75rem;
    align-items: start;
}

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

.bs-pruefung[b-ce68xgitnq],
.bs-frist[b-ce68xgitnq] {
    padding: 1rem;
}

.bs-titel[b-ce68xgitnq] {
    font-weight: 600;
    margin-bottom: 0.6rem;
}

.bs-fristkette[b-ce68xgitnq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    font-size: 0.85rem;
}

.bs-fristkette li[b-ce68xgitnq] {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    gap: 0 0.6rem;
}

.bs-fristkette li .muted[b-ce68xgitnq] {
    grid-column: 2;
    font-size: 0.78rem;
}

.bs-datum[b-ce68xgitnq] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.bs-fristende[b-ce68xgitnq] {
    margin-top: 0.9rem;
    padding-top: 0.7rem;
    border-top: 1px solid var(--border);
}

.bs-erstattung[b-ce68xgitnq] {
    color: var(--success, #15803d);
}

.bs-vorbehalt[b-ce68xgitnq] {
    margin-left: 0.4rem;
}

.bs-form[b-ce68xgitnq] {
    display: grid;
    grid-template-columns: 30rem minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.bs-fristvorschau[b-ce68xgitnq] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.2rem 0.75rem;
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
    background: var(--muted);
    border-radius: var(--radius, 6px);
}

.bs-check[b-ce68xgitnq] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.5rem;
}

.bs-drop[b-ce68xgitnq] {
    min-height: 4rem;
    font-size: 0.85rem;
}

.bs-werte[b-ce68xgitnq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.bs-objekt[b-ce68xgitnq] {
    width: 6rem;
}

.bs-loeschen[b-ce68xgitnq] {
    margin-right: auto;
}
/* /Components/Pages/DruckvorlageEditor.razor.rz.scp.css */
/* Splitscreen fuellt den Inhaltsbereich (Kopf 68px, Aktionsleiste, Innenabstand). */
.de[b-3koohj23c7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: calc(100vh - 68px - 4rem - 64px);
    min-height: 34rem;
}

.de-leiste[b-3koohj23c7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.de-titel[b-3koohj23c7] {
    font-weight: 600;
    font-size: 1.0625rem;
}

.de-luecke[b-3koohj23c7] {
    flex: 1;
}

.de-leiste .btn.aktiv[b-3koohj23c7] {
    border-color: var(--primary);
    color: var(--primary);
}

.de-panel[b-3koohj23c7] {
    flex-shrink: 0;
    max-height: 38vh;
    overflow-y: auto;
    padding: 0.75rem 1rem;
}

.de-hilfe[b-3koohj23c7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.de-block-titel[b-3koohj23c7] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.de-split[b-3koohj23c7] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.de-quelle[b-3koohj23c7],
.de-vorschau[b-3koohj23c7] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0.5rem 0.75rem 0.75rem;
}

.de-reiter[b-3koohj23c7] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border);
    margin-bottom: 0.5rem;
    flex-shrink: 0;
}

.de-reiter-knopf[b-3koohj23c7] {
    padding: 0.4rem 0.85rem;
    border: none;
    border-bottom: 2px solid transparent;
    background: none;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
    color: var(--muted-foreground);
}

.de-reiter-knopf.aktiv[b-3koohj23c7] {
    border-bottom-color: var(--primary);
    color: var(--foreground);
    font-weight: 600;
}

.de-text[b-3koohj23c7] {
    flex: 1;
    min-height: 0;
    width: 100%;
    resize: none;
    font-family: Consolas, "Cascadia Mono", "Courier New", monospace;
    font-size: 0.8125rem;
    line-height: 1.45;
    white-space: pre;
    tab-size: 2;
}

.de-versteckt[b-3koohj23c7] {
    display: none;
}

.de-aktionen[b-3koohj23c7] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
    flex-shrink: 0;
}

.de-notiz[b-3koohj23c7] {
    flex: 1 1 14rem;
}

.de-fehler[b-3koohj23c7] {
    margin: 0.4rem 0 0;
    color: var(--destructive);
    font-size: 0.8125rem;
    white-space: pre-wrap;
}

.de-vorschau-kopf[b-3koohj23c7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-bottom: 0.5rem;
}

.de-beispiel[b-3koohj23c7] {
    max-width: 26rem;
}

.de-vorschau-fehler[b-3koohj23c7] {
    margin: 0 0 0.5rem;
    max-height: 6rem;
    overflow-y: auto;
    flex-shrink: 0;
}

.de-pdf[b-3koohj23c7] {
    flex: 1;
    min-height: 0;
}

.de-jahr[b-3koohj23c7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.de-jahr .form-input[b-3koohj23c7] {
    width: 7rem;
}

.de-klein[b-3koohj23c7] {
    margin: 0;
    font-size: 0.75rem;
}

.de-liste[b-3koohj23c7] {
    margin: 0;
    font-size: 0.75rem;
}

.de-liste dt[b-3koohj23c7] {
    margin-top: 0.4rem;
}

.de-liste dd[b-3koohj23c7] {
    margin: 0.1rem 0 0;
    color: var(--muted-foreground);
}

.de-liste code[b-3koohj23c7],
.de-klein code[b-3koohj23c7] {
    padding: 0 0.25rem;
    border-radius: 3px;
    background: var(--muted);
}

.de-versionen[b-3koohj23c7] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
}

.de-versionen li[b-3koohj23c7] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--border);
}

.de-versionen li:last-child[b-3koohj23c7] {
    border-bottom: none;
}

@media (max-width: 900px) {
    .de[b-3koohj23c7] {
        height: auto;
    }

    .de-split[b-3koohj23c7],
    .de-hilfe[b-3koohj23c7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .de-text[b-3koohj23c7] {
        min-height: 50vh;
    }

    .de-pdf[b-3koohj23c7] {
        height: 70vh;
    }
}
/* /Components/Pages/EigenbelegeSeite.razor.rz.scp.css */
.eb-am[b-vk7etgw0l7] {
    margin-left: 0.4rem;
    font-size: 0.8rem;
}

.eb-meldung[b-vk7etgw0l7] {
    margin-top: 0.75rem;
    color: var(--destructive);
}
/* /Components/Pages/Eingang.razor.rz.scp.css */
.eg-raster[b-drh4p2cyp7] {
    display: grid;
    grid-template-columns: 22rem 26rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: stretch;
    height: calc(100vh - 15rem);
    min-height: 32rem;
}

.eg-liste[b-drh4p2cyp7],
.eg-formular[b-drh4p2cyp7] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.75rem;
    overflow: auto;
}

.eg-pdf[b-drh4p2cyp7] {
    overflow: hidden;
    display: flex;
}

.eg-drop[b-drh4p2cyp7] {
    min-height: 4rem;
    font-size: 0.82rem;
}

.eg-meldung[b-drh4p2cyp7] {
    font-size: 0.82rem;
    color: var(--muted-foreground);
}

.eg-eintraege[b-drh4p2cyp7] {
    list-style: none;
    margin: 0;
    padding: 0;
    outline: none;
}

.eg-eintraege:focus-visible[b-drh4p2cyp7] {
    outline: 2px solid var(--primary);
}

.eg-eintrag[b-drh4p2cyp7] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.55rem 0.5rem;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
}

.eg-eintrag.aktiv[b-drh4p2cyp7] {
    background: var(--accent);
    box-shadow: inset 3px 0 0 var(--primary);
}

.eg-eintrag-text[b-drh4p2cyp7] {
    min-width: 0;
}

.eg-titel[b-drh4p2cyp7] {
    font-weight: 500;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eg-zeile[b-drh4p2cyp7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.4rem;
    font-size: 0.78rem;
    margin-top: 0.15rem;
}

.eg-nichts[b-drh4p2cyp7],
.eg-kopf[b-drh4p2cyp7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.eg-datei[b-drh4p2cyp7] {
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eg-hinweis[b-drh4p2cyp7] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: var(--muted-foreground);
}

.eg-warn[b-drh4p2cyp7] {
    color: #9a6700;
}

.eg-felder[b-drh4p2cyp7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.eg-feld[b-drh4p2cyp7] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.25rem 0.4rem;
    border-radius: var(--radius, 6px);
}

.eg-vorschlag[b-drh4p2cyp7] {
    background: #fffbea;
    box-shadow: inset 3px 0 0 #d97706;
}

.eg-feldname[b-drh4p2cyp7] {
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.eg-herkunft[b-drh4p2cyp7] {
    margin-left: 0.35rem;
    padding: 0 0.35rem;
    border-radius: 9999px;
    background: #fef3c7;
    color: #854d0e;
    font-size: 0.7rem;
}

.eg-profil[b-drh4p2cyp7] {
    font-size: 0.82rem;
}

.eg-profil dl[b-drh4p2cyp7] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.15rem 0.6rem;
    margin: 0.4rem 0 0;
}

.eg-profil dt[b-drh4p2cyp7] {
    color: var(--muted-foreground);
}

.eg-profil dd[b-drh4p2cyp7] {
    margin: 0;
}

.eg-duplikate[b-drh4p2cyp7] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.eg-duplikat[b-drh4p2cyp7] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border: none;
    background: none;
    padding: 0.2rem 0;
    font: inherit;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
}

.eg-aktionen[b-drh4p2cyp7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border);
}

.eg-loeschen[b-drh4p2cyp7] {
    margin-left: auto;
}

.eg-filter[b-drh4p2cyp7] {
    align-self: flex-start;
}

.eg-start[b-drh4p2cyp7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
}

.eg-gross[b-drh4p2cyp7] {
    min-height: 14rem;
}

.eg-wege[b-drh4p2cyp7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.eg-wege > div[b-drh4p2cyp7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.eg-wege > div > span[b-drh4p2cyp7] {
    font-weight: 500;
}

.eg-pl-form[b-drh4p2cyp7] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 0.75rem;
    align-items: end;
    margin-bottom: 0.75rem;
}

.eg-stapel[b-drh4p2cyp7] {
    max-height: 22rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding-left: 1rem;
}

.eg-stapel-link[b-drh4p2cyp7] {
    background: none;
    border: 0;
    padding: 0;
    color: var(--primary);
    cursor: pointer;
    text-align: left;
    margin-right: 0.5rem;
}

/* Responsiv (Paket 11): unter Desktopbreite Liste und Formular nebeneinander, PDF darunter; auf dem Handy untereinander */
@media (max-width: 1280px) {
    .eg-raster[b-drh4p2cyp7] {
        grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
    }

    .eg-raster > :nth-child(3)[b-drh4p2cyp7] {
        grid-column: 1 / -1;
    }
}

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

    .eg-raster > *[b-drh4p2cyp7] {
        min-width: 0;
    }
}

/* Unter Desktopbreite: Titel in der Liste zweizeilig statt abgeschnitten (UI-Rundgang 11) */
@media (max-width: 1280px) {
    .eg-titel[b-drh4p2cyp7] {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 700px) {
    .eg-datei[b-drh4p2cyp7] {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* Abgelehnte Dateien aus dem Eingangsordner (Paket 12d) */
.eg-abgelehnt[b-drh4p2cyp7] {
    margin-bottom: 0.75rem;
    overflow-x: auto;
}

.eg-abgelehnt-kopf[b-drh4p2cyp7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.9rem;
    background-color: #fef9c3;
    color: #854d0e;
    font-weight: var(--font-weight-medium);
}

.eg-abgelehnt .cell-actions[b-drh4p2cyp7] {
    white-space: nowrap;
}
/* /Components/Pages/ElsterImport.razor.rz.scp.css */
.ei-start[b-cpsq46fr14] {
    max-width: 52rem;
}

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

.ei-person .form-label[b-cpsq46fr14] {
    margin: 0;
}

.ei-person select[b-cpsq46fr14] {
    width: auto;
    min-width: 16rem;
}

.ei-optionen[b-cpsq46fr14] {
    margin-bottom: 0.75rem;
}

.ei-kopf td[b-cpsq46fr14] {
    background: var(--muted);
    font-weight: 500;
}

.ei-kopf td > *[b-cpsq46fr14] {
    vertical-align: middle;
    margin-right: 0.4rem;
}

.ei-weiter[b-cpsq46fr14] {
    display: flex;
    gap: 0.5rem;
}

.ei-fehler[b-cpsq46fr14] {
    color: var(--destructive);
    margin: 0.5rem 0;
}

.ei-eingang[b-cpsq46fr14] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
}
/* /Components/Pages/FragenSeite.razor.rz.scp.css */
.fr-gruppe[b-xeawz728z2] {
    margin-top: 0.9rem;
    padding: 0.4rem 0;
}

.fr-gruppenkopf[b-xeawz728z2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem 0.6rem;
    font-weight: 600;
    border-bottom: 1px solid var(--border);
}

.fr-frage[b-xeawz728z2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.7rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.fr-frage:last-child[b-xeawz728z2] {
    border-bottom: none;
}

.fr-titel[b-xeawz728z2] {
    font-weight: 500;
}

.fr-detail[b-xeawz728z2] {
    margin-top: 0.15rem;
    font-size: 0.8rem;
}

.fr-antworten[b-xeawz728z2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem 1.25rem;
}

.fr-eingabe[b-xeawz728z2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.fr-textfeld[b-xeawz728z2] {
    width: 14rem;
}

.fr-ok[b-xeawz728z2] {
    color: #166534;
    display: inline-flex;
}

.fr-ohne > summary[b-xeawz728z2] {
    cursor: pointer;
    list-style: none;
}

.fr-ohne > summary[b-xeawz728z2]::-webkit-details-marker {
    display: none;
}

.fr-ohne[open][b-xeawz728z2]  .fr-pfeil {
    transform: rotate(90deg);
}

.fr-ohne-grund[b-xeawz728z2] {
    font-weight: 400;
    font-size: 0.8rem;
}

.fr-alle[b-xeawz728z2] {
    margin-left: auto;
}
/* /Components/Pages/FristenSeite.razor.rz.scp.css */
/* Tablet (Paket 11b, Vorbild Journal der Zugkasse): Erklärung und Art stehen unter der Bezeichnung statt in eigenen Spalten. */
.fr-unter[b-mt35u2rd5q] {
    display: none;
    font-size: 0.78rem;
}

@media (max-width: 1100px) {
    .fr-tabelle th:nth-child(2)[b-mt35u2rd5q],
    .fr-tabelle th:nth-child(3)[b-mt35u2rd5q],
    .fr-tabelle tbody td:nth-child(2):not([colspan])[b-mt35u2rd5q],
    .fr-tabelle tbody td:nth-child(3)[b-mt35u2rd5q] {
        display: none;
    }

    .fr-unter[b-mt35u2rd5q] {
        display: block;
        margin-top: 0.15rem;
    }
}
/* /Components/Pages/Index.razor.rz.scp.css */
.cockpit[b-64ta0t4nie] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.weiter.cockpit-laden[b-64ta0t4nie] {
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
}

/* Geruest waehrend des Ladens: gedaempft, nicht klickbar; die Platzhalter schimmern (app.css .skel). */
.cockpit-geruest[b-64ta0t4nie] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    pointer-events: none;
}

.cockpit-geruest .stepper[b-64ta0t4nie] {
    opacity: 0.55;
}

.geruest-kachel[b-64ta0t4nie] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1rem 1.25rem;
}

.cockpit-geruest .step-meta[b-64ta0t4nie] {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.cockpit-geruest .step-meta .skel-kurz[b-64ta0t4nie] {
    width: 6rem;
}

.cockpit-grid[b-64ta0t4nie] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

/* ---- "Weiter hier" ---- */
.weiter[b-64ta0t4nie] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1.1rem 1.25rem;
    border-left: 4px solid var(--primary);
}

.weiter-kopf[b-64ta0t4nie] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.4rem 0.9rem;
}

.weiter-label[b-64ta0t4nie] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--primary);
}

.weiter-titel[b-64ta0t4nie] {
    font-size: 1.05rem;
    font-weight: 600;
}

.weiter-ziel[b-64ta0t4nie] {
    margin: 0;
    color: var(--muted-foreground);
}

.weiter-schritte[b-64ta0t4nie] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.weiter-schritte li[b-64ta0t4nie] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.weiter-fertig[b-64ta0t4nie] {
    flex-direction: row;
    align-items: center;
    border-left-color: #15803d;
    color: #15803d;
}

.punkt[b-64ta0t4nie] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--muted-foreground);
    opacity: 0.5;
}

.schritt-warn .punkt[b-64ta0t4nie] { background: #b45309; opacity: 1; }
.schritt-done .punkt[b-64ta0t4nie] { background: #15803d; opacity: 1; }

/* ---- Stepper ---- */
.stepper[b-64ta0t4nie] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.step + .step[b-64ta0t4nie] {
    border-top: 1px solid var(--border);
}

.step-row[b-64ta0t4nie] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.7rem 1rem;
    color: inherit;
    text-decoration: none;
    border-left: 3px solid transparent;
}

.step-row:hover[b-64ta0t4nie] {
    background: var(--muted);
}

.step-aktuell .step-row[b-64ta0t4nie] {
    border-left-color: var(--primary);
    background: color-mix(in srgb, var(--primary) 5%, transparent);
}

.step-nr[b-64ta0t4nie] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1.5px solid var(--border);
    font-size: 0.8rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--muted-foreground);
}

.step-done .step-nr[b-64ta0t4nie] { border-color: #15803d; color: #15803d; background: color-mix(in srgb, #15803d 8%, transparent); }
.step-arbeit .step-nr[b-64ta0t4nie] { border-color: #b45309; color: #b45309; }
.step-aktuell .step-nr[b-64ta0t4nie] { border-color: var(--primary); color: var(--primary); }

.step-text[b-64ta0t4nie] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.step-name[b-64ta0t4nie] {
    font-weight: 500;
}

.step-ziel[b-64ta0t4nie] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.step-done .step-name[b-64ta0t4nie] { color: var(--muted-foreground); }

.step-meta[b-64ta0t4nie] {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
}

.step-status[b-64ta0t4nie] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Zaehler als Text, durch Mittelpunkt getrennt */
.step-befund[b-64ta0t4nie] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.step-befund > span + span[b-64ta0t4nie]::before {
    content: " · ";
    color: var(--muted-foreground);
    font-weight: 400;
}

.step-warn[b-64ta0t4nie] {
    color: #854d0e;
    font-weight: 500;
}

/* "weiter hier" als Zusatz am Phasennamen statt eigenem Badge */
.step-weiter[b-64ta0t4nie] {
    margin-left: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--primary);
}

.step-fortschritt[b-64ta0t4nie] {
    min-width: 3.2rem;
    text-align: right;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    color: var(--muted-foreground);
}

.step-go[b-64ta0t4nie] {
    flex: none;
    color: var(--muted-foreground);
}

/* "Ziel" kennzeichnet den Sollzustand einer Phase - sonst liest er sich wie eine Feststellung. */
.ziel-etikett[b-64ta0t4nie] {
    margin-right: 0.4rem;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

.ansicht-schalter[b-64ta0t4nie] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border);
}

.ansicht-knopf[b-64ta0t4nie] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    color: var(--muted-foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
}

.ansicht-knopf.aktiv[b-64ta0t4nie] {
    color: var(--foreground);
    border-bottom-color: var(--primary);
}

.befunde[b-64ta0t4nie] {
    overflow-x: auto;
}

.befund-detail[b-64ta0t4nie] {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

/* ---- Zwei Spalten: Ablauf links, Handlungsbedarf rechts ---- */
.cockpit-spalten[b-64ta0t4nie] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem);
    gap: 1.25rem;
    align-items: start;
}

.cockpit-haupt[b-64ta0t4nie] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

@media (max-width: 1100px) {
    .cockpit-spalten[b-64ta0t4nie] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.handlungsbedarf[b-64ta0t4nie] {
    display: flex;
    flex-direction: column;
    padding: 1rem 0 0.5rem;
    position: sticky;
    top: 1rem;
}

.hb-kopf[b-64ta0t4nie] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.1rem 0.6rem;
    border-bottom: 1px solid var(--border);
}

.hb-titel[b-64ta0t4nie] {
    font-weight: 600;
}

.hb-liste[b-64ta0t4nie] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hb-liste a[b-64ta0t4nie] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1.1rem;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid var(--border);
}

.hb-liste li:last-child a[b-64ta0t4nie] {
    border-bottom: none;
}

.hb-liste a:hover[b-64ta0t4nie],
.hb-liste a:focus-visible[b-64ta0t4nie] {
    background: var(--accent);
}

.hb-text[b-64ta0t4nie] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-size: 0.875rem;
}

.hb-name[b-64ta0t4nie] {
    font-weight: 500;
}

.hb-text .muted[b-64ta0t4nie] {
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hb-liste a.hb-dringend[b-64ta0t4nie] {
    background: #fff5f5;
    border-left: 3px solid var(--destructive);
}

.hb-liste a.hb-dringend .hb-name[b-64ta0t4nie] {
    color: var(--destructive);
}

/* Handy (Paket 11): Schritte und Phasenzeilen dürfen umbrechen */
@media (max-width: 700px) {
    .weiter-schritte li[b-64ta0t4nie],
    .step-row[b-64ta0t4nie],
    .step-meta[b-64ta0t4nie] {
        flex-wrap: wrap;
    }

    .step-row[b-64ta0t4nie] {
        gap: 0.5rem;
    }
}

/* Handy: "weiter hier" unter den Phasennamen */
@media (max-width: 700px) {
    .step-weiter[b-64ta0t4nie] {
        display: block;
        margin-left: 0;
    }
}
/* /Components/Pages/JahreSeite.razor.rz.scp.css */
.jr-karte[b-wf52rhig21] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.jr-kopf[b-wf52rhig21] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.85rem;
}

.jr-meldung[b-wf52rhig21] {
    font-weight: 600;
}

.jr-link[b-wf52rhig21] {
    background: none;
    border: 0;
    padding: 0;
    color: var(--primary);
    cursor: pointer;
}

.jr-vorschlag td[b-wf52rhig21] {
    background: var(--info-bg, #eef5fc);
}

.jr-vorschlag-kopf[b-wf52rhig21] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.jr-aktionen[b-wf52rhig21] {
    margin-left: auto;
    display: flex;
    gap: 0.4rem;
}

.jr-werte[b-wf52rhig21] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem 1.2rem;
    margin-top: 0.4rem;
    font-size: 0.85rem;
}

.jr-meldungen[b-wf52rhig21] {
    font-size: 0.85rem;
}

.jr-frist[b-wf52rhig21] {
    font-weight: 600;
    white-space: nowrap;
}

.jr-frist-ab[b-wf52rhig21] {
    font-weight: 400;
    color: var(--muted-foreground);
    text-decoration: line-through;
}

/* Tablet (Paket 11b): Abgabe unter der Erklärung, Abrechnung unter dem festgesetzten Betrag, § 164/§ 165 bei der
   Änderbarkeit; die drei Spalten fallen weg. Kacheln 3 + 2 statt 4 + 1. */
.jr-unter[b-wf52rhig21] {
    display: none;
    font-size: 0.78rem;
}

@media (max-width: 1280px) {
    .jr-kpi[b-wf52rhig21] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .jr-tabelle th:nth-child(3)[b-wf52rhig21],
    .jr-tabelle th:nth-child(6)[b-wf52rhig21],
    .jr-tabelle th:nth-child(7)[b-wf52rhig21],
    .jr-tabelle tbody tr > td:nth-child(3):not([colspan])[b-wf52rhig21],
    .jr-tabelle tbody tr > td:nth-child(6)[b-wf52rhig21],
    .jr-tabelle tbody tr > td:nth-child(7)[b-wf52rhig21] {
        display: none;
    }

    div.jr-unter[b-wf52rhig21] {
        display: block;
        margin-top: 0.15rem;
    }

    span.jr-unter[b-wf52rhig21] {
        display: inline-flex;
        gap: 0.25rem;
        margin-left: 0.25rem;
    }
}

@media (max-width: 700px) {
    .jr-kpi[b-wf52rhig21] {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-hint[b-mhuhsxo5sw] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: var(--muted);
    border-left: 3px solid var(--primary);
    font-size: 0.8125rem;
    color: var(--foreground);
}

.login-hint strong[b-mhuhsxo5sw] {
    color: var(--primary);
}

/* Kennzeichen statt Firmenlogo (privates Werkzeug, Muster DS.FitnessHub) */
.login-logo-box[b-mhuhsxo5sw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    background-color: var(--primary);
    color: var(--primary-foreground);
}

.login-logo-text[b-mhuhsxo5sw] {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.02em;
}

/* Ladezustand beim Absenden (js/form-submit-spinner.js, STANDARDS 3.20) */
.login-btn-spinner[b-mhuhsxo5sw] {
    display: none;
}

.login-btn.is-loading[b-mhuhsxo5sw] {
    pointer-events: none;
    opacity: 0.85;
}

.login-btn.is-loading .login-btn-spinner[b-mhuhsxo5sw] {
    display: inline-block;
}
/* /Components/Pages/NichtGefunden.razor.rz.scp.css */
.leer-nicht-gefunden[b-ylqwuyd4v9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    max-width: 480px;
    margin: 3rem auto 0;
    padding: 2.5rem 2rem;
    color: var(--muted-foreground);
}

.leer-nicht-gefunden h2[b-ylqwuyd4v9] {
    color: var(--foreground);
    font-size: 1.25rem;
}
/* /Components/Pages/ObjektpaketeSeite.razor.rz.scp.css */
.op-raster[b-d0ppd35m14] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20rem;
    gap: 0.75rem;
    align-items: start;
}

.op-annehmen[b-d0ppd35m14] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
}

.op-annehmen > label:not(.drop-flaeche)[b-d0ppd35m14] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.op-titel[b-d0ppd35m14] {
    font-weight: 500;
}

.op-drop[b-d0ppd35m14] {
    min-height: 5rem;
    font-size: 0.85rem;
}

.op-meldung[b-d0ppd35m14] {
    margin: 0;
    font-size: 0.875rem;
}

.op-ersetzt td[b-d0ppd35m14] {
    color: var(--muted-foreground);
}

.op-links[b-d0ppd35m14] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.op-zeile[b-d0ppd35m14] {
    cursor: pointer;
}

.op-vorschau[b-d0ppd35m14] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.op-kopf[b-d0ppd35m14] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.op-zaehler[b-d0ppd35m14] {
    display: flex;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.op-befund[b-d0ppd35m14] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--muted-foreground);
}

.op-fehler[b-d0ppd35m14] {
    color: var(--destructive);
}

/* Deutlicher, nicht blockierender Hinweis (z. B. Ergebnisanteile ergeben nicht das Ergebnis) */
.op-warnung[b-d0ppd35m14] {
    padding: 0.4rem 0.6rem;
    background-color: #fef9c3;
    color: #854d0e;
    font-weight: var(--font-weight-medium);
}

.op-gleich td[b-d0ppd35m14] {
    color: var(--muted-foreground);
}

.op-konflikt td[b-d0ppd35m14] {
    background: color-mix(in srgb, var(--destructive) 6%, transparent);
}

.op-haken[b-d0ppd35m14] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    margin-top: 0.75rem;
    font-size: 0.9rem;
}

.op-eckdaten[b-d0ppd35m14] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.2rem 0.75rem;
    margin: 0;
    font-size: 0.85rem;
}

.op-eckdaten dt[b-d0ppd35m14] {
    color: var(--muted-foreground);
}

.op-eckdaten dd[b-d0ppd35m14] {
    margin: 0;
}

.op-falsch[b-d0ppd35m14] {
    color: var(--destructive);
    font-weight: 600;
}

.op-zeilennr[b-d0ppd35m14] {
    white-space: nowrap;
}

.op-konflikte[b-d0ppd35m14] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.75rem 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
}

.op-konflikte li[b-d0ppd35m14] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

/* Handy (UI-Rundgang 11): Liste und "Paket annehmen" untereinander */
@media (max-width: 700px) {
    .op-raster[b-d0ppd35m14] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/PasswortAendern.razor.rz.scp.css */
.pw-angemeldet[b-pngra4y6l8] {
    margin: -0.5rem 0 1rem;
    text-align: center;
    font-size: 0.85rem;
    color: var(--muted-foreground);
}

.pw-weiter[b-pngra4y6l8] {
    margin-top: 0.5rem;
    width: 100%;
    text-align: center;
}
/* /Components/Pages/PhaseSeite.razor.rz.scp.css */
.phase[b-g7q61imfcb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.phase-karte[b-g7q61imfcb] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1rem 1.25rem;
}

.phase-laden[b-g7q61imfcb] {
    flex-direction: row;
    align-items: center;
}

.phase-kopf[b-g7q61imfcb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}

.phase-ziel[b-g7q61imfcb] {
    margin: 0;
    font-size: 1rem;
}

.phase-balken[b-g7q61imfcb] {
    height: 6px;
    border-radius: 999px;
    background: var(--muted);
    overflow: hidden;
}

.phase-balken > div[b-g7q61imfcb] {
    height: 100%;
    background: #15803d;
    transition: width 0.2s;
}

/* ---- Schritte ---- */
.schritte[b-g7q61imfcb] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.schritt[b-g7q61imfcb] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.8rem 1.1rem;
    border-left: 3px solid transparent;
}

.schritt + .schritt[b-g7q61imfcb] {
    border-top: 1px solid var(--border);
}

.schritt-warn[b-g7q61imfcb] {
    border-left-color: #b45309;
}

.schritt-done .schritt-text[b-g7q61imfcb] {
    color: var(--muted-foreground);
}

.schritt-status[b-g7q61imfcb] {
    flex: none;
    width: 20px;
    padding-top: 0.1rem;
    display: flex;
    justify-content: center;
    color: var(--muted-foreground);
}

.schritt-status input[b-g7q61imfcb] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.schritt-done .schritt-status[b-g7q61imfcb] { color: #15803d; }
.schritt-warn .schritt-status[b-g7q61imfcb] { color: #b45309; }

.schritt-inhalt[b-g7q61imfcb] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.schritt-info[b-g7q61imfcb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.6rem;
    font-size: 0.82rem;
}

.tag[b-g7q61imfcb] {
    font-size: 0.7rem;
    padding: 0.05rem 0.45rem;
    border-radius: 4px;
    border: 1px solid var(--border);
    color: var(--muted-foreground);
}

.schritt-notiz[b-g7q61imfcb] {
    font-style: italic;
}

.schritt-aktionen[b-g7q61imfcb] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.schritt-aktionen .btn[b-g7q61imfcb] {
    white-space: nowrap;
}

/* ---- Notiz-Dialog ---- */
.notiz-schritt[b-g7q61imfcb] {
    margin: 0 0 0.75rem;
    font-weight: 500;
}

.notiz-label[b-g7q61imfcb] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.notiz-check[b-g7q61imfcb] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.6rem 0;
}

.notiz-verlauf ul[b-g7q61imfcb] {
    margin: 0.25rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.82rem;
}

.phase-abschnitt[b-g7q61imfcb] {
    margin: 0.5rem 0 -0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted-foreground);
}

.dok-pfad[b-g7q61imfcb] {
    font-family: var(--font-mono, monospace);
    font-size: 0.75rem;
    max-width: 28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---- Nachweis-Dokumente: Belegkacheln (Styles global in app.css) ---- */
.nachweis-kacheln[b-g7q61imfcb] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
    max-width: 46rem;
    font-size: 0.8125rem;
}

.link-btn[b-g7q61imfcb] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--primary);
    text-decoration: underline;
    cursor: pointer;
}

.link-btn-leise[b-g7q61imfcb] {
    color: var(--muted-foreground);
    font-size: 0.75rem;
    opacity: 0.75;
}

.link-btn-leise:hover[b-g7q61imfcb] {
    opacity: 1;
}

.loesen-frage[b-g7q61imfcb] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    gap: 0.5rem;
    font-size: 0.78rem;
}

.so-link[b-g7q61imfcb] {
    text-decoration: none;
    font-variant-numeric: tabular-nums;
}

.so-link:hover[b-g7q61imfcb] {
    text-decoration: underline;
}

.phase-abschnitt-hinweis[b-g7q61imfcb] {
    margin-left: 0.6rem;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.ziel-etikett[b-g7q61imfcb] {
    margin-right: 0.4rem;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

.schritt-belege[b-g7q61imfcb] {
    margin-left: 0.15rem;
    font-size: 0.75rem;
}
/* /Components/Pages/PrognoseSeite.razor.rz.scp.css */
.pg-laden[b-651dgawpho] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1rem 1.25rem;
}

.pg-gruende[b-651dgawpho] {
    padding: 1rem 1.25rem;
}

.pg-titel[b-651dgawpho] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.pg-gruende ul[b-651dgawpho] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pg-gruende li[b-651dgawpho] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.pg-kette[b-651dgawpho] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.pg-gruppe > summary[b-651dgawpho] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1.1rem;
    cursor: pointer;
    list-style: none;
}

.pg-gruppe > summary[b-651dgawpho]::-webkit-details-marker {
    display: none;
}

.pg-gruppe > summary:focus-visible[b-651dgawpho] {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
}

[b-651dgawpho] .pg-pfeil {
    transition: transform 0.15s;
}

.pg-gruppe[open][b-651dgawpho]  .pg-pfeil {
    transform: rotate(90deg);
}

.pg-gruppenname[b-651dgawpho] {
    font-weight: 600;
}

.pg-summe[b-651dgawpho] {
    margin-left: auto;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.pg-annahmen[b-651dgawpho] {
    border-left: 4px solid var(--warning, #d97706);
}

.pg-zwischensumme td[b-651dgawpho] {
    font-weight: 600;
    border-top: 1px solid var(--border);
}

.pg-aktionen[b-651dgawpho] {
    display: flex;
    gap: 0.5rem;
}

/* Gleiche Spalten in allen Gruppen, damit die Beträge untereinander stehen. */
.pg-gruppe table[b-651dgawpho] {
    table-layout: fixed;
    width: 100%;
}

.pg-gruppe th:nth-child(2)[b-651dgawpho] {
    width: 11rem;
}

.pg-gruppe th:nth-child(3)[b-651dgawpho] {
    width: 24rem;
}

.pg-gruende[b-651dgawpho] {
    margin-bottom: 1rem;
}

.pg-gruende-annahmen[b-651dgawpho] {
    border-left: 4px solid var(--warning, #d97706);
}

.pg-gruende-kopf[b-651dgawpho] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.pg-gruende-kopf .pg-titel[b-651dgawpho] {
    margin-bottom: 0;
}

/* Tablet/Handy (Paket 11b): Quelle unter dem Schritt statt eigener Spalte, damit der Text Platz hat */
.pg-unter[b-651dgawpho] {
    display: none;
    font-size: 0.75rem;
}

@media (max-width: 900px) {
    .pg-tabelle th:nth-child(3)[b-651dgawpho],
    .pg-tabelle tbody td:nth-child(3)[b-651dgawpho] {
        display: none;
    }

    .pg-unter[b-651dgawpho] {
        display: block;
        margin-top: 0.15rem;
    }
}
/* /Components/Pages/SchnittstellenEinstellung.razor.rz.scp.css */
.si-raster[b-6kou6hcncy] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 0.75rem;
    align-items: start;
}

.si-karte[b-6kou6hcncy] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.si-protokoll[b-6kou6hcncy] {
    margin-top: 0.75rem;
}

.si-titel[b-6kou6hcncy] {
    font-weight: 600;
}

.si-konf[b-6kou6hcncy] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.4rem 0.75rem;
    margin: 0;
    font-size: 0.85rem;
}

.si-konf dt[b-6kou6hcncy] {
    color: var(--muted-foreground);
}

.si-konf dd[b-6kou6hcncy] {
    margin: 0;
    overflow-wrap: anywhere;
}

.si-klartext[b-6kou6hcncy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: var(--muted);
    overflow-wrap: anywhere;
}
/* /Components/Pages/SicherungEinstellung.razor.rz.scp.css */
.sg-raster[b-2n9xfc8xkm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

.sg-karte[b-2n9xfc8xkm] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sg-titel[b-2n9xfc8xkm] {
    font-weight: 600;
}

.sg-ergebnis[b-2n9xfc8xkm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* lange Dateinamen brechen um statt aus der Karte zu laufen */
.sg-ergebnis > span:last-child[b-2n9xfc8xkm] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.sg-tabelle[b-2n9xfc8xkm] {
    overflow-x: auto;
}

.sg-tabelle td code[b-2n9xfc8xkm] {
    overflow-wrap: anywhere;
}

.sg-tabelle td:not(:nth-child(2))[b-2n9xfc8xkm] {
    white-space: nowrap;
}

.sg-protokoll[b-2n9xfc8xkm] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.sg-fehler code[b-2n9xfc8xkm] {
    color: var(--destructive);
}

/* Schlüssel der Sicherung (Paket 13 A) */
.sg-schluessel[b-2n9xfc8xkm] {
    margin-bottom: 0.75rem;
}

.sg-warnung[b-2n9xfc8xkm] {
    display: flex;
    gap: 0.5rem;
    margin: 0;
    padding: 0.6rem 0.8rem;
    background-color: #fef9c3;
    color: #854d0e;
}

.sg-form[b-2n9xfc8xkm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.sg-form label[b-2n9xfc8xkm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.sg-form .sg-check[b-2n9xfc8xkm] {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--foreground);
}

/* Aktiver Schlüssel und Schlüsselwechsel (Paket 13c, Krypto-Review K2) */
.sg-aktiv[b-2n9xfc8xkm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.sg-kennung[b-2n9xfc8xkm] {
    font-size: 0.95rem;
    font-weight: 600;
    word-break: break-all;
}

.sg-schluesselwechsel[b-2n9xfc8xkm] {
    margin-bottom: 0.75rem;
    border-left: 4px solid #ca8a04;
    background-color: #fefce8;
}

.sg-schluesselwechsel .sg-titel[b-2n9xfc8xkm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #854d0e;
}

.sg-schluesselwechsel p[b-2n9xfc8xkm] {
    margin: 0;
}

.sg-kennungen[b-2n9xfc8xkm] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 0.25rem 1rem;
    margin: 0;
}

.sg-kennungen dt[b-2n9xfc8xkm] {
    color: var(--muted-foreground);
    font-size: 0.78rem;
}

.sg-kennungen dd[b-2n9xfc8xkm] {
    margin: 0;
    word-break: break-all;
}

.sg-knoepfe[b-2n9xfc8xkm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sg-schluesselwechsel .btn[b-2n9xfc8xkm],
.sg-knoepfe .btn[b-2n9xfc8xkm] {
    align-self: flex-start;
}

@media (max-width: 900px) {
    .sg-raster[b-2n9xfc8xkm],
    .sg-form[b-2n9xfc8xkm] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Hinweis unter einem Feld (Paket 13g, wie die Zugkasse) */
.sg-hinweis[b-2n9xfc8xkm] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

/* Knopf darf auf dem Handy umbrechen statt abgeschnitten zu werden */
.sg-erzeugen[b-2n9xfc8xkm] {
    align-self: flex-start;
    max-width: 100%;
    white-space: normal;
    text-align: left;
}

.sg-paket[b-2n9xfc8xkm] {
    white-space: nowrap;
}

.sg-hochladen[b-2n9xfc8xkm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.sg-untertitel[b-2n9xfc8xkm] {
    font-weight: 600;
    font-size: 0.9rem;
    margin-top: 0.25rem;
}

.sg-mehr summary[b-2n9xfc8xkm] {
    cursor: pointer;
    font-size: 0.85rem;
    color: var(--muted-foreground);
}

.sg-mehr[open][b-2n9xfc8xkm] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sg-zeit[b-2n9xfc8xkm] {
    white-space: nowrap;
}

.sg-zeit .badge[b-2n9xfc8xkm] {
    display: table;
    margin-top: 0.2rem;
}
/* /Components/Pages/VorauszahlungenSeite.razor.rz.scp.css */
.vz-aktionen[b-j8qbf7323a] {
    display: flex;
    gap: 0.5rem;
}

.vz-hinweis[b-j8qbf7323a] {
    margin: 0.75rem 0 0;
    font-size: 0.82rem;
}

.vz-loeschen[b-j8qbf7323a] {
    margin-right: auto;
}
/* /Components/Shared/BelegeBereich.razor.rz.scp.css */
.bb[b-brafi38wer] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border);
}

.bb-kopf[b-brafi38wer] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bb-titel[b-brafi38wer] {
    font-weight: 500;
}

.bb-liste[b-brafi38wer] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bb-liste li[b-brafi38wer] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bb-dok[b-brafi38wer] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.bb-drop[b-brafi38wer] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    border: 1px dashed var(--border);
    color: var(--muted-foreground);
    font-size: 0.875rem;
}

.bb-drop:hover[b-brafi38wer] {
    border-color: var(--primary);
    color: var(--primary);
}

.bb-aus[b-brafi38wer] {
    opacity: 0.6;
}

/* Das Eingabefeld liegt unsichtbar über der Fläche: Klick öffnet die Auswahl, Ziehen legt die Datei ab. */
[b-brafi38wer] .bb-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.bb-vorhanden[b-brafi38wer] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.bb-vorhanden select[b-brafi38wer] {
    flex: 1;
}

.bb-vorschau[b-brafi38wer] {
    display: grid;
    grid-template-columns: 1fr 10rem;
    gap: 0.5rem 0.75rem;
}

.bb-vorschau label[b-brafi38wer] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.bb-vorschau p[b-brafi38wer],
.bb-knoepfe[b-brafi38wer] {
    grid-column: 1 / -1;
    margin: 0;
    font-size: 0.85rem;
}

.bb-knoepfe[b-brafi38wer] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.bb-meldung[b-brafi38wer] {
    margin: 0;
    font-size: 0.875rem;
}
/* /Components/Shared/BetragInput.razor.rz.scp.css */
.betrag-input[b-j7385bip5i] {
    width: 100%;
    min-width: 7rem;
    vertical-align: middle;
}

.betrag-input > .form-input[b-j7385bip5i] {
    font-variant-numeric: tabular-nums;
}

.betrag-klein[b-j7385bip5i] {
    height: 2rem;
}

.betrag-klein > .form-input[b-j7385bip5i] {
    padding: 0 0.5rem;
    font-size: 0.8125rem;
}

.betrag-klein > .unit[b-j7385bip5i] {
    padding: 0 0.4rem;
    font-size: 0.75rem;
}
/* /Components/Shared/Card.razor.rz.scp.css */
.fc-card[b-mqrnn01a7z] {
    display: flex;
    flex-direction: column;
}

.fc-card-header[b-mqrnn01a7z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--border);
    font-weight: var(--font-weight-medium);
}

.fc-card-header-spacer[b-mqrnn01a7z] {
    flex: 1;
}

.fc-card-body[b-mqrnn01a7z] {
    padding: 1.25rem;
}
/* /Components/Shared/DokumentAnzeigeHost.razor.rz.scp.css */
/* Schmales Fenster: Dialog ueber der Seite. */
.dok-seite-hintergrund[b-stq55zr0k6] {
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.4);
}

.dok-seite[b-stq55zr0k6] {
    position: fixed;
    inset: 3rem 2rem;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--card, #fff);
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dok-seite-kopf[b-stq55zr0k6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
    flex-shrink: 0;
}

.dok-seite-titel[b-stq55zr0k6] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dok-seite-inhalt[b-stq55zr0k6] {
    flex: 1 1 0;
    min-height: 0;
}

.dok-seite-fuss[b-stq55zr0k6] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
    flex-shrink: 0;
}

.dok-seite-pfadzeile[b-stq55zr0k6] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.dok-seite-pfad[b-stq55zr0k6] {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
}

/* Griff zum Ziehen der Breite (js/dok-seite.js) - nur als Seitenleiste. */
.dok-seite-griff[b-stq55zr0k6] {
    display: none;
}

/* Breites Fenster: Seitenleiste rechts neben dem Inhalt (Breite --dok-seite-breite, Schwelle wie in app.css).
   Liegt ueber dem Hintergrund eines offenen Dialogs, damit Beleg und Dialog nebeneinander bedienbar sind. */
@media (min-width: 1600px) {
    .dok-seite-hintergrund[b-stq55zr0k6] {
        display: none;
    }

    .dok-seite[b-stq55zr0k6] {
        position: relative;
        inset: auto;
        flex: 0 0 var(--dok-seite-breite);
        width: var(--dok-seite-breite);
        border-radius: 0;
        border-left: 1px solid var(--border, #e5e7eb);
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.14);
    }

    .dok-seite-griff[b-stq55zr0k6] {
        display: block;
        position: absolute;
        top: 0;
        left: -2px;
        width: 6px;
        height: 100%;
        cursor: col-resize;
        z-index: 1;
        transition: background-color 0.15s ease;
    }

    .dok-seite-griff:hover[b-stq55zr0k6] {
        background-color: rgba(12, 93, 166, 0.5);
    }
}
/* /Components/Shared/DokumentFormular.razor.rz.scp.css */
.df-form[b-c707747fzr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.df-form label[b-c707747fzr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.df-form label.df-voll[b-c707747fzr] {
    grid-column: 1 / -1;
}

.df-vorschau[b-c707747fzr] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    margin: 0.75rem 0 0;
    font-size: 0.875rem;
}

.df-meldung[b-c707747fzr] {
    margin: 0.75rem 0 0;
}

.df-fehler[b-c707747fzr] {
    margin: 0.5rem 0 0;
    color: var(--destructive);
}
/* /Components/Shared/DokumentTabelle.razor.rz.scp.css */
.dt-datum[b-ts938hlg1o] {
    white-space: nowrap;
}

.dt-pfad[b-ts938hlg1o] {
    font-size: 0.8rem;
    word-break: break-all;
}
/* /Components/Shared/Ladegeruest.razor.rz.scp.css */
.lg[b-hyr3p0q43b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    pointer-events: none;
}

.lg-karte[b-hyr3p0q43b] {
    padding: 1rem 1.25rem;
}

.lg-text[b-hyr3p0q43b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.875rem;
}

/* Platzhalter gedaempft; die Ladezeile bleibt voll lesbar. */
.lg-kacheln[b-hyr3p0q43b],
.lg-zeilen[b-hyr3p0q43b],
.lg-tabelle[b-hyr3p0q43b],
.lg-sektion-kopf[b-hyr3p0q43b],
.lg-sektion-zeilen[b-hyr3p0q43b] {
    opacity: 0.6;
}

.lg-kacheln[b-hyr3p0q43b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.lg-kachel[b-hyr3p0q43b] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--border);
    border-radius: 8px;
}

.lg-zeilen[b-hyr3p0q43b] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.lg-tabelle[b-hyr3p0q43b] {
    display: grid;
    gap: 0.85rem 1.25rem;
    align-items: center;
}

.lg-tabelle .lg-kopf[b-hyr3p0q43b] {
    width: 50%;
    height: 0.6rem;
    margin-bottom: 0.2rem;
}

.lg-tabelle .lg-num[b-hyr3p0q43b] {
    justify-self: end;
}

/* Form "karten": Karten wie die der Seite, Titelzeile mit Symbol, darunter Bezeichnung links und Betrag rechts. */
.lg-sektion[b-hyr3p0q43b] {
    padding: 0;
}

.lg-sektion-kopf[b-hyr3p0q43b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.lg-sektion-kopf .lg-symbol[b-hyr3p0q43b] {
    width: 1rem;
    height: 1rem;
    border-radius: 4px;
}

.lg-sektion-zeilen[b-hyr3p0q43b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 9rem);
    gap: 0.85rem 2rem;
    align-items: center;
    padding: 1rem 1.25rem 1.25rem;
}

.lg-sektion-zeilen .lg-num[b-hyr3p0q43b] {
    justify-self: end;
}
/* /Components/Shared/Leerzustand.razor.rz.scp.css */
.leerzustand[b-usa4rimtnw] {
    display: flex;
    align-items: center;
    gap: 0.75rem 1rem;
    padding: 1.1rem 1.25rem;
    color: var(--foreground);
}

.leerzustand-eingebettet[b-usa4rimtnw] {
    padding: 0.6rem 0;
    gap: 0.5rem 0.75rem;
}

.leerzustand[b-usa4rimtnw] >  svg {
    flex: 0 0 auto;
    color: var(--muted-foreground);
}

.leerzustand-erledigt[b-usa4rimtnw] >  svg {
    color: #15803d;
}

.leerzustand-text[b-usa4rimtnw] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.leerzustand-hinweis[b-usa4rimtnw] {
    color: var(--muted-foreground);
    font-size: 0.875rem;
}

.leerzustand-schritt[b-usa4rimtnw] {
    flex: 0 0 auto;
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 700px) {
    .leerzustand[b-usa4rimtnw] {
        flex-wrap: wrap;
    }

    .leerzustand-schritt[b-usa4rimtnw] {
        flex-basis: 100%;
    }
}
/* /Components/Shared/LookupInput.razor.rz.scp.css */
.lookup-input[b-bablbp3qf7] {
    position: relative;
    width: 100%;
}

[b-bablbp3qf7] .lookup-with-clear {
    padding-right: 1.75rem !important;
}

.lookup-clear-btn[b-bablbp3qf7] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--muted-foreground);
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease;
}

.lookup-clear-btn:hover[b-bablbp3qf7] {
    color: var(--destructive);
}

.lookup-dropdown[b-bablbp3qf7] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 2px;
    padding: 0.25rem;
    background-color: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
    z-index: 100;
}

.lookup-item[b-bablbp3qf7] {
    padding: 0.5rem 0.65rem;
    font-size: 0.8125rem;
    cursor: pointer;
    line-height: 1.35;
    overflow: hidden;
    border-left: 2px solid transparent;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

[b-bablbp3qf7] .lookup-item > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--font-weight-medium);
}

.lookup-item:hover[b-bablbp3qf7],
.lookup-item-active[b-bablbp3qf7] {
    background-color: color-mix(in srgb, var(--primary) 9%, transparent);
    border-left-color: var(--primary);
}

[b-bablbp3qf7] .lookup-meta {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--muted-foreground);
    margin-top: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/Modal.razor.rz.scp.css */
.modal-backdrop[b-oa6f4qf2bl] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4rem 1.5rem 1.5rem;
    background: rgba(0, 0, 0, 0.4);
    overflow-y: auto;
}

.modal-panel[b-oa6f4qf2bl] {
    width: 100%;
    max-width: 560px;
    background: var(--card, #fff);
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 6rem);
}

.modal-wide[b-oa6f4qf2bl] {
    max-width: 820px;
}

.modal-xl[b-oa6f4qf2bl] {
    max-width: min(1500px, calc(100vw - 4rem));
    height: calc(100vh - 6rem);
}

.modal-xl .modal-body[b-oa6f4qf2bl] {
    flex: 1;
    min-height: 0;
}

.modal-header[b-oa6f4qf2bl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
}

.modal-title[b-oa6f4qf2bl] {
    font-weight: 600;
    flex: 1;
}

.modal-close[b-oa6f4qf2bl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--muted-foreground, #6b7280);
    cursor: pointer;
}

.modal-close:hover[b-oa6f4qf2bl] {
    background: color-mix(in srgb, var(--muted-foreground, #6b7280) 12%, transparent);
    color: inherit;
}

.modal-body[b-oa6f4qf2bl] {
    padding: 1.25rem;
    overflow-y: auto;
}

.modal-footer[b-oa6f4qf2bl] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 0.85rem 1.25rem;
    border-top: 1px solid var(--border, #e5e7eb);
}
/* /Components/Shared/ObjektFeld.razor.rz.scp.css */
.objekt-feld[b-mdsl0d4zyi] {
    position: relative;
    min-width: 0;
}

.objekt-feld-input[b-mdsl0d4zyi] {
    width: 100%;
}

/* Bezeichnung rechts im Feld: links bleibt Platz für das Kürzel, rechts für den Pfeil der Vorschlagsliste; beim Tippen
   (Fokus) ausgeblendet. */
.objekt-feld-name[b-mdsl0d4zyi] {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    max-width: calc(100% - 5.5rem);
    font-size: 0.8125rem;
    color: var(--muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.objekt-feld:focus-within .objekt-feld-name[b-mdsl0d4zyi] {
    visibility: hidden;
}

.objekt-feld-unbekannt[b-mdsl0d4zyi] {
    color: #991b1b;
}
/* /Components/Shared/PdfViewer.razor.rz.scp.css */
.pdf-viewer[b-71vdmur7g6] {
    display: flex;
    flex-direction: column;
    /* volle Breite auch in einem Flex-Container (Eingang): sonst schrumpft die Anzeige auf ihren Inhalt, und "Seitenbreite"
       misst den schmalen Rest */
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    background-color: var(--background);
    border: 1px solid var(--border);
}

.pdf-toolbar[b-71vdmur7g6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--border);
    background-color: var(--card);
    flex-shrink: 0;
}

.pdf-page-info[b-71vdmur7g6] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.pdf-toolbar-spacer[b-71vdmur7g6] {
    flex: 1;
}

.pdf-container[b-71vdmur7g6] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem;
    background-color: #808080;
    scrollbar-gutter: stable;
}

/* Space+Drag Pan-Modus */
.pdf-container.pan-ready[b-71vdmur7g6],
.pdf-container.pan-ready *[b-71vdmur7g6] {
    cursor: grab;
    user-select: none;
}

.pdf-container.pan-active[b-71vdmur7g6],
.pdf-container.pan-active *[b-71vdmur7g6] {
    cursor: grabbing !important;
    user-select: none;
}

.pdf-placeholder[b-71vdmur7g6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    height: 100%;
    color: var(--muted-foreground);
    font-size: 0.875rem;
}

[b-71vdmur7g6] .pdf-loading,
[b-71vdmur7g6] .pdf-error {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #ffffff;
    font-size: 0.875rem;
}

[b-71vdmur7g6] .pdf-error {
    color: var(--destructive);
    background-color: var(--card);
    border-radius: var(--radius);
    margin: 1rem;
}

[b-71vdmur7g6] .pdf-page-wrapper {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    overflow: hidden;
    margin: 0 auto 0.5rem;
}

[b-71vdmur7g6] .pdf-page-wrapper canvas {
    display: block;
}

/* PDF.js textLayer - Positionierung und Selektion */
[b-71vdmur7g6] .textLayer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.25;
    line-height: 1.0;
}

[b-71vdmur7g6] .textLayer span,
[b-71vdmur7g6] .textLayer br {
    color: transparent;
    position: absolute;
    white-space: pre;
    transform-origin: 0% 0%;
    cursor: text;
}

[b-71vdmur7g6] .textLayer ::selection {
    background: rgba(12, 93, 166, 0.6);
}
/* /Components/Shared/StatCard.razor.rz.scp.css */
.stat-card[b-potwsghniq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: var(--card);
    border: 1px solid var(--border);
    text-decoration: none;
    color: var(--foreground);
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

a.stat-card:hover[b-potwsghniq] {
    background: var(--secondary);
    border-color: var(--primary);
}

.stat-card-top[b-potwsghniq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--muted-foreground);
    font-size: 0.85rem;
}

.stat-card-value[b-potwsghniq] {
    /* Schrift wächst mit der Breite; Beträge werden nie gekürzt und brechen nie um (UI-Rundgang 11). */
    font-size: clamp(1.15rem, 0.9rem + 1.6vw, 1.6rem);
    font-weight: var(--font-weight-medium);
    line-height: 1.1;
    white-space: nowrap;
}

/* Lange Text-Werte (Datum, Ticket, "nicht berechenbar") kleiner und an Leerzeichen umbrechbar statt abgeschnitten */
.stat-lang .stat-card-value[b-potwsghniq] {
    font-size: clamp(1rem, 0.85rem + 1vw, 1.15rem);
    white-space: normal;
}

.stat-card[b-potwsghniq] {
    min-width: 0;
}

.stat-card-hint[b-potwsghniq] {
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.stat-ok .stat-card-value[b-potwsghniq] {
    color: #166534;
}

.stat-warn .stat-card-value[b-potwsghniq] {
    color: #854d0e;
}

.stat-bad .stat-card-value[b-potwsghniq] {
    color: #991b1b;
}
/* /Components/Shared/TabellenGeruest.razor.rz.scp.css */
.tg-text td[b-6z891umnhs] {
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 0;
}

.tg-lade[b-6z891umnhs] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.875rem;
}

/* Platzhalterzeilen gedaempft, ohne Hover und Klick; Hoehe wie eine echte Zeile. */
.tg-zeile[b-6z891umnhs] {
    opacity: 0.6;
    pointer-events: none;
}

.tg-zeile td[b-6z891umnhs] {
    height: 2.6rem;
    vertical-align: middle;
}

.tg-zeile .skel[b-6z891umnhs] {
    display: block;
    max-width: 100%;
}
/* /Components/Shared/Tile.razor.rz.scp.css */
.tile[b-5y93gba490] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: var(--card);
    border: 1px solid var(--border);
    text-decoration: none;
    color: var(--foreground);
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

a.tile:hover[b-5y93gba490] {
    background: var(--secondary);
    border-color: var(--primary);
}

.tile-disabled[b-5y93gba490] {
    opacity: 0.85;
}

.tile-head[b-5y93gba490] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-weight: var(--font-weight-medium);
}

.tile-title[b-5y93gba490] {
    flex: 0 1 auto;
    white-space: nowrap;
}

.tile-badge[b-5y93gba490] {
    margin-left: auto;
}

.tile-desc[b-5y93gba490] {
    font-size: 0.82rem;
    color: var(--muted-foreground);
    line-height: 1.45;
}
/* /Components/Shared/UngespeichertWaechter.razor.rz.scp.css */
/* Rückfrage über allem, auch über offenen Dialogen (Modal z-index 1000). */
.uw-backdrop[b-xt0h5clbo0] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, 0.35);
}

.uw-panel[b-xt0h5clbo0] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem 1rem;
    width: min(28rem, calc(100vw - 2rem));
    padding: 1.25rem 1.5rem;
    background: var(--card, #fff);
    border-top: 3px solid var(--primary);
    border-radius: var(--radius);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
}

.uw-icon[b-xt0h5clbo0] {
    color: #ca8a04;
    padding-top: 0.125rem;
}

.uw-titel[b-xt0h5clbo0] {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
}

.uw-text[b-xt0h5clbo0] {
    margin-top: 0.25rem;
    color: var(--muted-foreground);
    font-size: 0.875rem;
}

.uw-knoepfe[b-xt0h5clbo0] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Shared/Vorjahresvergleich.razor.rz.scp.css */
.vj[b-uyepicxc96] {
    margin-top: 1.25rem;
    padding: 0.4rem 0 0.5rem;
}

.vj-kopf[b-uyepicxc96] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1.25rem;
}

.vj-titel[b-uyepicxc96] {
    font-weight: 600;
}

.vj-stark td[b-uyepicxc96] {
    background: #fffbea;
}