/* _content/bettERFramework.HR.UI/Components/Features/EmployeeImportWizard.razor.rz.scp.css */
/* Import-Assistent Personalakten — Struktur und Zustände. Farben, Schrift und Abstände kommen aus
   tokens.css; Feld-Bausteine aus bp-components.css. Gleiche Hand wie die Mitarbeitermaske (hm):
   Gelb ist der einzige Akzent, Bewegung nur als Zustand (Fortschrittsband). */

.hiw[b-21bewwev9s] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    min-height: 340px;
    padding-top: var(--bp-space-1);
}

/* Fortschrittsband am oberen Rand, läuft nur während Lesen/Analyse/Anlage. */
.hiw__progress[b-21bewwev9s] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    overflow: hidden;
    pointer-events: none;
}

.hiw--busy .hiw__progress[b-21bewwev9s]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%;
    background: var(--bp-yellow);
    animation: hiw-progress-b-21bewwev9s 1.1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes hiw-progress-b-21bewwev9s {
    from { transform: translateX(-100%); }
    to { transform: translateX(340%); }
}

@media (prefers-reduced-motion: reduce) {
    .hiw--busy .hiw__progress[b-21bewwev9s]::before { animation-duration: 2.5s; }
}

/* ---- Schritt-Anzeige: Ziffer im Kreis, aktiver Schritt gelb, erledigte gedämpft. ---- */

.hiw__steps[b-21bewwev9s] {
    display: flex;
    gap: var(--bp-space-4);
    list-style: none;
    margin: 0;
    padding: 0 0 var(--bp-space-2);
    border-bottom: 1px solid var(--bp-panel-border);
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hiw__steps li[b-21bewwev9s] {
        display: inline-flex;
        align-items: center;
        gap: var(--bp-space-2);
    }

.hiw__step-no[b-21bewwev9s] {
    display: inline-grid;
    place-items: center;
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-family: var(--bp-font-head);
    font-size: 0.72rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.hiw__step--active[b-21bewwev9s] {
    color: var(--bp-text);
    font-weight: 600;
}

    .hiw__step--active .hiw__step-no[b-21bewwev9s] {
        background: var(--bp-yellow);
        border-color: var(--bp-yellow);
        color: var(--bp-black);
    }

.hiw__step--done[b-21bewwev9s] { color: var(--bp-text); }

/* ---- Werkzeugleiste des Blatt-Schritts ---- */

.hiw__toolbar[b-21bewwev9s] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-3);
    flex-wrap: wrap;
}

    .hiw__toolbar .bp-field__label[b-21bewwev9s] { margin: 0; }

.hiw__select[b-21bewwev9s] {
    height: 2.2rem;
    padding: 0 0.6rem;
    font-size: 0.85rem;
    border-radius: var(--bp-radius-ctl);
}

.hiw__select--target[b-21bewwev9s] { width: 100%; max-width: 16rem; }

.hiw__input[b-21bewwev9s] {
    height: 2.2rem;
    padding: 0 0.6rem;
    font-size: 0.85rem;
    border-radius: var(--bp-radius-ctl);
    width: 14rem;
}

    .hiw__select:focus-visible[b-21bewwev9s],
    .hiw__input:focus-visible[b-21bewwev9s] {
        outline: none;
        border-color: var(--bp-yellow);
    }

.hiw__hint[b-21bewwev9s] {
    font-size: 0.8rem;
    color: var(--bp-text-muted);
}

.hiw__hint--end[b-21bewwev9s] { margin-left: auto; }

.hiw__empty[b-21bewwev9s] {
    margin: var(--bp-space-2) 0;
    font-size: 0.85rem;
    font-style: italic;
    color: var(--bp-text-muted);
}

/* ---- Tabellen (Vorschau, Zuordnung, Ergebnis) ---- */

.hiw__scroll[b-21bewwev9s] {
    max-height: 380px;
    overflow: auto;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl);
}

.hiw__scroll--mapping[b-21bewwev9s] { max-height: 300px; }

.hiw__table[b-21bewwev9s] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

    .hiw__table th[b-21bewwev9s],
    .hiw__table td[b-21bewwev9s] {
        padding: 0.3rem 0.55rem;
        border-bottom: 1px solid var(--bp-panel-border);
        text-align: left;
        white-space: nowrap;
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hiw__table thead th[b-21bewwev9s] {
        position: sticky;
        top: 0;
        background: var(--bp-panel-solid);
        font-weight: 600;
        color: var(--bp-text-muted);
        font-size: 0.76rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    /* Kopfzeilen-Wahl: Zeilen sind klickbar, die gewählte trägt den Akzent. */
    .hiw__table tbody tr[b-21bewwev9s] { cursor: pointer; }

    .hiw__table--mapping tbody tr[b-21bewwev9s] { cursor: default; }

    .hiw__table tbody tr.hiw__row--selected[b-21bewwev9s] {
        outline: 2px solid var(--bp-yellow);
        outline-offset: -2px;
        background: color-mix(in srgb, var(--bp-yellow) 10%, transparent);
        font-weight: 600;
    }

    .hiw__table tbody tr:not(.hiw__row--selected):hover[b-21bewwev9s] { background: var(--bp-panel-hover); }

.hiw__rownum[b-21bewwev9s] {
    width: 2.5rem;
    color: var(--bp-text-muted);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.hiw__number[b-21bewwev9s] {
    font-family: var(--bp-font-head);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.hiw__radio[b-21bewwev9s] {
    width: 2rem;
    text-align: center;
}

    .hiw__radio input[b-21bewwev9s] {
        cursor: pointer;
        accent-color: var(--bp-yellow);
    }

.hiw__colname[b-21bewwev9s] { font-weight: 600; }

.hiw__example[b-21bewwev9s] {
    color: var(--bp-text-muted);
    font-style: italic;
}

.hiw__note[b-21bewwev9s] { max-width: 340px; }

/* ---- Feste Werte ---- */

.hiw__fixed[b-21bewwev9s] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    padding-top: var(--bp-space-2);
    border-top: 1px dashed var(--bp-panel-border);
}

    .hiw__fixed .bp-field__label[b-21bewwev9s] { margin: 0; }

.hiw__fixed-row[b-21bewwev9s] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.85rem;
}

.hiw__fixed-value[b-21bewwev9s]::before { content: "= "; color: var(--bp-text-muted); }

.hiw__fixed-add[b-21bewwev9s] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    flex-wrap: wrap;
}

.hiw__link[b-21bewwev9s] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    cursor: pointer;
}

    .hiw__link:hover:not(:disabled)[b-21bewwev9s] { color: var(--bp-yellow); }

    .hiw__link:disabled[b-21bewwev9s] { opacity: 0.5; cursor: default; }

/* ---- Vorschau-Zähler und Status-Chips: Signalfarben, nicht der Marken-Akzent. ---- */

.hiw__counts[b-21bewwev9s] {
    display: flex;
    gap: var(--bp-space-2);
    font-size: 0.85rem;
}

.hiw__count[b-21bewwev9s] {
    padding: 0.15rem 0.6rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
}

.hiw__count--new[b-21bewwev9s] { border-color: var(--bp-success); }

.hiw__count--duplicate[b-21bewwev9s] { border-color: var(--bp-warn); }

.hiw__count--invalid[b-21bewwev9s] { border-color: var(--bp-debit); }

.hiw__status[b-21bewwev9s] {
    padding: 0.1rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.75rem;
}

.hiw__status--new[b-21bewwev9s] { border-color: var(--bp-success); }

.hiw__status--duplicate[b-21bewwev9s] { border-color: var(--bp-warn); }

.hiw__status--invalid[b-21bewwev9s] { border-color: var(--bp-debit); }

/* ---- Hinweise und Fehler ---- */

.hiw__privacy[b-21bewwev9s] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 0.8rem;
    color: var(--bp-text-faint);
}

    .hiw__privacy .e-icons[b-21bewwev9s] { font-size: 0.8rem; }

.hiw__error[b-21bewwev9s] {
    margin: 0;
    padding: var(--bp-space-2) var(--bp-space-3);
    border: 1px solid var(--bp-debit);
    border-radius: var(--bp-radius-ctl);
    font-size: 0.85rem;
    color: var(--bp-text);
}

/* ---- Fußzeile: Abbrechen · Zurück · Primäraktion ---- */

.hiw__footer[b-21bewwev9s] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bp-space-2);
    width: 100%;
}

.hiw__primary[b-21bewwev9s] { min-width: 8.5rem; }
/* _content/bettERFramework.HR.UI/Components/Features/HrAbsenceCalendar.razor.rz.scp.css */
/* Abwesenheitskalender — Namen links fest, die Tage als schmales Raster. Eine Abwesenheit ist ein
   gefüllter Balkenabschnitt, der über Tage hinweg zu einem Band zusammenläuft; beantragt ist derselbe
   Ton, nur heller und mit Kontur. Wochenende und Feiertag treten zurück, heute trägt den Akzent. Auf
   schmalen Bildschirmen scrollt nur das Raster, die Namen bleiben stehen. */

.ac[b-sjkmi04c1t] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

.ac__bar[b-sjkmi04c1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3) var(--bp-space-4);
    flex-wrap: wrap;
}

.ac__monthnav[b-sjkmi04c1t] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-1);
}

.ac__month[b-sjkmi04c1t] {
    min-width: 10rem;
    text-align: center;
    font-family: var(--bp-font-head);
    font-size: 1.05rem;
    font-weight: 600;
}

.ac__iconbtn[b-sjkmi04c1t] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .ac__iconbtn:hover[b-sjkmi04c1t] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .ac__iconbtn:focus-visible[b-sjkmi04c1t] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.ac__nav[b-sjkmi04c1t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--bp-space-2) var(--bp-space-3);
}

.ac__today[b-sjkmi04c1t] {
    height: 2rem;
    padding: 0 0.75rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text);
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
    transition: background-color 120ms ease-out, border-color 120ms ease-out;
}

    .ac__today:hover[b-sjkmi04c1t] { background: var(--bp-panel-hover); }

    .ac__today:focus-visible[b-sjkmi04c1t] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

/* Zeitraum-Umschalter: ein Segment-Schalter, das gewählte Segment trägt den Modul-Akzent. */
.ac__spans[b-sjkmi04c1t] {
    display: inline-flex;
    padding: 2px;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl, 8px);
    background: var(--bp-panel-solid-2);
}

.ac__spanbtn[b-sjkmi04c1t] {
    height: 1.75rem;
    padding: 0 0.7rem;
    border: 0;
    border-radius: calc(var(--bp-radius-ctl, 8px) - 2px);
    background: transparent;
    color: var(--bp-text-muted);
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .ac__spanbtn:hover:not(.is-on)[b-sjkmi04c1t] { color: var(--bp-text); }

    .ac__spanbtn.is-on[b-sjkmi04c1t] {
        background: color-mix(in srgb, var(--bp-yellow) 18%, transparent);
        color: var(--bp-text);
        font-weight: 600;
    }

    .ac__spanbtn:focus-visible[b-sjkmi04c1t] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.ac__filters[b-sjkmi04c1t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
}

/* Filterfelder: so breit wie ihr Inhalt (bp-input setzt sonst 100 % und stapelt die drei untereinander),
   flach wie die Leistenknöpfe daneben, mit eigenem Pfeil statt des Browser-Standards. */
.ac__select[b-sjkmi04c1t] {
    width: auto;
    min-width: 7.5rem;
    max-width: 14rem;
    height: 2rem;
    padding: 0 1.8rem 0 0.6rem;
    font-size: 0.82rem;
    border-radius: var(--bp-radius-ctl, 8px);
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23929ba6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    text-overflow: ellipsis;
}

    .ac__select:hover[b-sjkmi04c1t] { border-color: var(--bp-text-muted); }

    .ac__select:focus-visible[b-sjkmi04c1t] { outline: none; border-color: var(--bp-yellow); }

.ac__empty[b-sjkmi04c1t] {
    margin: 0;
    padding: var(--bp-space-4) 0;
    color: var(--bp-text-muted);
    font-size: 0.9rem;
}

/* ---- Raster ---- */

.ac__scroll[b-sjkmi04c1t] {
    overflow-x: auto;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel);
    scrollbar-width: thin;
    scrollbar-color: var(--bp-panel-border) transparent;
}

    .ac__scroll:focus-visible[b-sjkmi04c1t] { outline: 2px solid var(--bp-yellow); outline-offset: 2px; }

.ac__grid[b-sjkmi04c1t] {
    width: 100%;
    min-width: calc(12rem + var(--ac-days) * 1.7rem);
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 0.82rem;
}

    .ac__grid th[b-sjkmi04c1t],
    .ac__grid td[b-sjkmi04c1t] {
        padding: 0;
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .ac__grid tbody tr:last-child th[b-sjkmi04c1t],
    .ac__grid tbody tr:last-child td[b-sjkmi04c1t] { border-bottom: none; }

    .ac__grid tbody tr:hover th[b-sjkmi04c1t],
    .ac__grid tbody tr:hover td[b-sjkmi04c1t] { background-color: var(--bp-panel-hover); }

.ac__person[b-sjkmi04c1t] {
    position: sticky;
    left: 0;
    z-index: 1;
    width: 12rem;
    padding: 0.45rem var(--bp-space-3) !important;
    text-align: left;
    background: var(--bp-panel-solid, var(--bp-panel));
    border-right: 1px solid var(--bp-panel-border);
    font-weight: 400;
}

thead .ac__person[b-sjkmi04c1t] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bp-text-muted);
    vertical-align: bottom;
}

.ac__name[b-sjkmi04c1t] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac__number[b-sjkmi04c1t] {
    display: block;
    font-size: 0.72rem;
    color: var(--bp-text-muted);
    font-variant-numeric: tabular-nums;
}

.ac__day[b-sjkmi04c1t] {
    padding: 0.35rem 0 !important;
    text-align: center;
    font-weight: 400;
    line-height: 1.15;
    color: var(--bp-text-muted);
}

.ac__dow[b-sjkmi04c1t] {
    display: block;
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ac__dom[b-sjkmi04c1t] {
    display: block;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text);
}

.ac__day.is-free .ac__dom[b-sjkmi04c1t] { color: var(--bp-text-muted); }

.ac__day.is-today .ac__dom[b-sjkmi04c1t] {
    display: inline-grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: var(--bp-yellow);
    color: #0b1f18; /* dunkle Schrift auf Mint — in beiden Themen lesbar */
    font-weight: 600;
}

.ac__cell[b-sjkmi04c1t] {
    height: 2.35rem;
    text-align: center;
    vertical-align: middle;
}

    .ac__cell.is-free[b-sjkmi04c1t],
    .ac__day.is-free[b-sjkmi04c1t] { background: color-mix(in srgb, var(--bp-text-muted) 7%, transparent); }

    .ac__cell.is-today[b-sjkmi04c1t] { box-shadow: inset 1px 0 0 color-mix(in srgb, var(--bp-yellow) 55%, transparent), inset -1px 0 0 color-mix(in srgb, var(--bp-yellow) 55%, transparent); }

    .ac__cell.is-week[b-sjkmi04c1t],
    .ac__day.is-week[b-sjkmi04c1t] { border-left: 1px solid var(--bp-panel-border); }

/* Die Marke füllt die Zelle bis zum Rand — aufeinanderfolgende Tage laufen zu einem Band zusammen. */
.ac__mark[b-sjkmi04c1t] {
    display: block;
    height: 1.1rem;
    margin: 0 -1px;
    cursor: help;
}

    .ac__mark.is-half[b-sjkmi04c1t] { height: 0.55rem; margin-top: 0.55rem; }

.ac__mark--vacation[b-sjkmi04c1t] { background: var(--bp-yellow); }

.ac__mark--sick[b-sjkmi04c1t] { background: var(--bp-orange); }

.ac__mark--work[b-sjkmi04c1t] { background: var(--bp-blue); }

.ac__mark--neutral[b-sjkmi04c1t] { background: color-mix(in srgb, var(--bp-text-muted) 55%, transparent); }

/* Beantragt: derselbe Ton, zurückgenommen, mit Kontur — erkennbar „noch nicht fest". */
.ac__mark.is-requested[b-sjkmi04c1t] { box-shadow: inset 0 0 0 1.5px var(--ac-tone, var(--bp-yellow)); }

.ac__mark--vacation.is-requested[b-sjkmi04c1t] { --ac-tone: var(--bp-yellow); background: color-mix(in srgb, var(--bp-yellow) 22%, transparent); }

.ac__mark--sick.is-requested[b-sjkmi04c1t] { --ac-tone: var(--bp-orange); background: color-mix(in srgb, var(--bp-orange) 22%, transparent); }

.ac__mark--work.is-requested[b-sjkmi04c1t] { --ac-tone: var(--bp-blue); background: color-mix(in srgb, var(--bp-blue) 22%, transparent); }

.ac__mark--neutral.is-requested[b-sjkmi04c1t] { --ac-tone: var(--bp-text-muted); background: color-mix(in srgb, var(--bp-text-muted) 18%, transparent); }

/* ---- Zeitleiste (Quartal, Halbjahr, Jahr) ----
   Eine Spalte je Person, darin eine relativ positionierte Leiste: Balken, Monatslinien und die
   Heute-Linie liegen prozentual darauf — kein Tageszellen-Raster, das bei 365 Tagen zerfällt. */

.ac__grid--line[b-sjkmi04c1t] { table-layout: fixed; }

.ac__grid--m3[b-sjkmi04c1t] { min-width: 48rem; }

.ac__grid--m6[b-sjkmi04c1t] { min-width: 60rem; }

.ac__grid--m12[b-sjkmi04c1t] { min-width: 72rem; }

.ac__timehead[b-sjkmi04c1t],
.ac__timecell[b-sjkmi04c1t] { padding: 0 var(--bp-space-2) !important; }

.ac__track[b-sjkmi04c1t] {
    position: relative;
    height: 2.35rem;
}

.ac__track--head[b-sjkmi04c1t] { height: 2.1rem; }

.ac__monthlabel[b-sjkmi04c1t] {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding-left: 0.4rem;
    border-left: 1px solid var(--bp-panel-border);
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--bp-text-muted);
}

    .ac__monthlabel:first-child[b-sjkmi04c1t] { border-left: none; padding-left: 0; }

.ac__monthline[b-sjkmi04c1t] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--bp-panel-border);
}

.ac__todayline[b-sjkmi04c1t],
.ac__todaymark[b-sjkmi04c1t] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: color-mix(in srgb, var(--bp-yellow) 70%, transparent);
    z-index: 1;
}

.ac__bar-seg[b-sjkmi04c1t] {
    position: absolute;
    top: 50%;
    height: 1.1rem;
    min-width: 3px;
    transform: translateY(-50%);
    border-radius: 3px;
    cursor: help;
    z-index: 2;
}

    .ac__bar-seg.is-half[b-sjkmi04c1t] { height: 0.55rem; }

    .ac__bar-seg.is-requested[b-sjkmi04c1t] { box-shadow: inset 0 0 0 1.5px var(--ac-tone, var(--bp-yellow)); }

    .ac__bar-seg:hover[b-sjkmi04c1t] { filter: brightness(1.12); }

/* ---- Arbeitsplan ----
   Leiser als jede Abwesenheit: Mint-Tönung statt Fläche. Im Monat stehen Beginn und Ende als kleine
   Ziffern übereinander; auf der Zeitleiste liegt der Plan als zarte Fläche HINTER den Balken. */

.ac__plan[b-sjkmi04c1t] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 1.9rem;
    border-radius: 4px;
    background: color-mix(in srgb, var(--bp-yellow) 12%, transparent);
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text);
    cursor: help;
}

    .ac__plan.is-pending[b-sjkmi04c1t] {
        background: transparent;
        box-shadow: inset 0 0 0 1px var(--bp-warn);
    }

.ac__planblock[b-sjkmi04c1t] {
    position: absolute;
    top: 50%;
    height: 1.6rem;
    min-width: 2px;
    transform: translateY(-50%);
    border-radius: 3px;
    background: color-mix(in srgb, var(--bp-yellow) 14%, transparent);
    cursor: help;
    z-index: 0;
}

    .ac__planblock.is-pending[b-sjkmi04c1t] {
        background: transparent;
        box-shadow: inset 0 0 0 1px var(--bp-warn);
    }

.ac__swatch--plan[b-sjkmi04c1t] { background: color-mix(in srgb, var(--bp-yellow) 22%, transparent); }

/* ---- Legende ---- */

.ac__legend[b-sjkmi04c1t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2) var(--bp-space-4);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
}

    .ac__legend li[b-sjkmi04c1t] {
        display: inline-flex;
        align-items: center;
        gap: var(--bp-space-2);
    }

.ac__swatch[b-sjkmi04c1t] {
    display: inline-block;
    width: 1.1rem;
    height: 0.7rem;
    border-radius: 3px;
}

@media (max-width: 700px) {
    .ac__person[b-sjkmi04c1t] { width: 8.5rem; }
    .ac__grid[b-sjkmi04c1t] { min-width: calc(8.5rem + var(--ac-days) * 1.6rem); }
    .ac__select[b-sjkmi04c1t] { flex: 1 1 100%; }
}
/* _content/bettERFramework.HR.UI/Components/Features/HrAbsencePanel.razor.rz.scp.css */
/* Abwesenheiten — gleiche Sprache wie die Zeitenansicht: oben das Jahr mit dem Urlaubskonto in einer
   Zeile (der Rest als einzige betonte Zahl), darunter der Eintrag inline statt im Dialog, dann eine
   ruhige Liste. Die Vorprüfung antwortet direkt unter den Feldern: erst die Zahl, dann die Gründe. */

.ap[b-4zxw6l97ee] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

.ap__bar[b-4zxw6l97ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3) var(--bp-space-5);
    flex-wrap: wrap;
}

.ap__yearnav[b-4zxw6l97ee] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-1);
}

.ap__year[b-4zxw6l97ee] {
    min-width: 4.5rem;
    text-align: center;
    font-family: var(--bp-font-head);
    font-size: 1.05rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.ap__account[b-4zxw6l97ee] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--bp-space-2) var(--bp-space-5);
    margin: 0;
}

    .ap__account > div[b-4zxw6l97ee] {
        display: flex;
        flex-direction: column;
        gap: 0.1rem;
    }

    .ap__account dt[b-4zxw6l97ee] {
        font-size: 0.72rem;
        color: var(--bp-text-muted);
    }

    .ap__account dd[b-4zxw6l97ee] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

/* Der Rest ist die Frage, mit der man die Seite öffnet — er steht abgesetzt und im Modul-Akzent. */
.ap__remaining[b-4zxw6l97ee] {
    padding-left: var(--bp-space-4);
    border-left: 1px solid var(--bp-panel-border);
}

    .ap__remaining dd[b-4zxw6l97ee] {
        font-family: var(--bp-font-head);
        font-size: 1.4rem;
        line-height: 1.1;
        color: var(--bp-yellow);
    }

    .ap__remaining dd.ap__minus[b-4zxw6l97ee] { color: var(--bp-debit); }

.ap__minus[b-4zxw6l97ee] { color: var(--bp-debit); }

.ap__notice[b-4zxw6l97ee] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    padding: var(--bp-space-2) var(--bp-space-3);
    border-radius: var(--bp-radius-ctl, 8px);
    background: color-mix(in srgb, var(--bp-warn) 10%, transparent);
    font-size: 0.85rem;
}

    .ap__notice .e-icons[b-4zxw6l97ee] { color: var(--bp-warn); }

.ap__head[b-4zxw6l97ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
    margin-top: var(--bp-space-2);
}

    .ap__head .bp-form__group[b-4zxw6l97ee] { margin: 0; }

.ap__empty[b-4zxw6l97ee] {
    margin: 0;
    padding: var(--bp-space-3) 0;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

/* ---- Formular ---- */

.ap__form[b-4zxw6l97ee] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-4);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel-solid-2);
}

.ap__fieldset[b-4zxw6l97ee] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .ap__fieldset:disabled[b-4zxw6l97ee] { opacity: 0.7; }

/* Alle Felder in einer Reihe, jedes so breit wie sein Inhalt braucht; nur die Notiz nimmt den Rest.
   Auf schmalen Flächen bricht die Reihe um, statt die Felder zusammenzuquetschen. */
.ap__row[b-4zxw6l97ee] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-3);
    align-items: flex-end;
}

.ap__field[b-4zxw6l97ee] { flex: 0 0 auto; min-width: 0; }

.ap__field--type[b-4zxw6l97ee] { width: 13rem; }

.ap__field--date[b-4zxw6l97ee] { width: 9.5rem; }

.ap__field--note[b-4zxw6l97ee] { flex: 1 1 14rem; max-width: 30rem; }

.ap__input[b-4zxw6l97ee] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    border-radius: var(--bp-radius-ctl);
}

    .ap__input:focus-visible[b-4zxw6l97ee] {
        outline: none;
        border-color: var(--bp-yellow);
    }

/* Syncfusion-Auswahl und -Datumsfeld auf die Höhe der Notiz und des Halbtags-Schalters bringen. */
.ap__field[b-4zxw6l97ee]  .e-input-group {
    height: 2.4rem;
    border-radius: var(--bp-radius-ctl);
}

    .ap__field[b-4zxw6l97ee]  .e-input-group input.e-input {
        height: 100%;
        font-size: 0.9rem;
        font-variant-numeric: tabular-nums;
    }

.ap__checkcell[b-4zxw6l97ee] { justify-content: flex-end; }

.ap__check[b-4zxw6l97ee] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    height: 2.4rem;
    font-size: 0.88rem;
    cursor: pointer;
}

    .ap__check input[b-4zxw6l97ee] { accent-color: var(--bp-yellow); }

    .ap__check:has(input:disabled)[b-4zxw6l97ee] { color: var(--bp-text-muted); cursor: default; }

.ap__check-result[b-4zxw6l97ee] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    padding-top: var(--bp-space-3);
    border-top: 1px solid var(--bp-panel-border);
}

.ap__summary[b-4zxw6l97ee] {
    margin: 0;
    font-size: 0.92rem;
    font-variant-numeric: tabular-nums;
}

.ap__findings[b-4zxw6l97ee] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ap__finding[b-4zxw6l97ee] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    font-size: 0.86rem;
    line-height: 1.45;
}

    .ap__finding .e-icons[b-4zxw6l97ee] { flex: 0 0 auto; font-size: 0.85rem; }

.ap__finding--error .e-icons[b-4zxw6l97ee] { color: var(--bp-debit); }

.ap__finding--warn .e-icons[b-4zxw6l97ee] { color: var(--bp-warn); }

.ap__hint[b-4zxw6l97ee] {
    margin: 0;
    max-width: 80ch;
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.ap__formrow[b-4zxw6l97ee] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

/* ---- Liste ---- */

.ap__table[b-4zxw6l97ee] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

    .ap__table th[b-4zxw6l97ee] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .ap__table td[b-4zxw6l97ee] {
        padding: 0.45rem var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .ap__table tbody tr:last-child td[b-4zxw6l97ee] { border-bottom: none; }

    .ap__table tbody tr:hover[b-4zxw6l97ee] { background: var(--bp-panel-hover); }

    .ap__table tbody tr.is-inactive td[b-4zxw6l97ee] { color: var(--bp-text-muted); }

        .ap__table tbody tr.is-inactive .ap__code[b-4zxw6l97ee] { text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--bp-text-muted) 60%, transparent); }

.ap__num[b-4zxw6l97ee] { text-align: right; }

.ap__code[b-4zxw6l97ee] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.ap__muted[b-4zxw6l97ee] { color: var(--bp-text-muted); }

.ap__small[b-4zxw6l97ee] { font-size: 0.78rem; }

.ap__type[b-4zxw6l97ee] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
}

.ap__dot[b-4zxw6l97ee] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
}

.ap__dot--vacation[b-4zxw6l97ee] { background: var(--bp-yellow); }

.ap__dot--sick[b-4zxw6l97ee] { background: var(--bp-orange); }

.ap__dot--work[b-4zxw6l97ee] { background: var(--bp-blue); }

.ap__dot--neutral[b-4zxw6l97ee] { background: color-mix(in srgb, var(--bp-text-muted) 60%, transparent); }

.ap__status[b-4zxw6l97ee] {
    font-size: 0.8rem;
    white-space: nowrap;
    cursor: help;
}

.ap__status--requested[b-4zxw6l97ee] { color: var(--bp-warn); }

.ap__status--approved[b-4zxw6l97ee] { color: var(--bp-credit); }

.ap__status--rejected[b-4zxw6l97ee],
.ap__status--cancelled[b-4zxw6l97ee] { color: var(--bp-text-muted); }

.ap__cert[b-4zxw6l97ee] {
    font-size: 0.78rem;
    white-space: nowrap;
}

.ap__cert--due[b-4zxw6l97ee] { color: var(--bp-warn); }

.ap__cert--received[b-4zxw6l97ee] { color: var(--bp-text-muted); }

.ap__rowactions[b-4zxw6l97ee] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

.ap__confirm[b-4zxw6l97ee] {
    margin-right: var(--bp-space-1);
    font-size: 0.8rem;
    color: var(--bp-debit);
}

.ap__iconbtn[b-4zxw6l97ee] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .ap__iconbtn .e-icons[b-4zxw6l97ee] { font-size: 0.9rem; }

    .ap__iconbtn:hover:not(:disabled)[b-4zxw6l97ee] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .ap__iconbtn:focus-visible[b-4zxw6l97ee] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .ap__iconbtn:disabled[b-4zxw6l97ee] { opacity: 0.4; cursor: default; }

.ap__iconbtn--ok:hover:not(:disabled)[b-4zxw6l97ee] {
    background: color-mix(in srgb, var(--bp-credit) 14%, transparent);
    color: var(--bp-credit);
}

.ap__iconbtn--danger:hover:not(:disabled)[b-4zxw6l97ee] {
    background: color-mix(in srgb, var(--bp-debit) 14%, transparent);
    color: var(--bp-debit);
}

/* ---- Korrekturen, Hinweise ---- */

.ap__lines[b-4zxw6l97ee] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .ap__lines li[b-4zxw6l97ee] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 0.2rem var(--bp-space-3);
        padding: 0.45rem 0;
        border-bottom: 1px solid var(--bp-panel-border);
        font-size: 0.88rem;
        line-height: 1.5;
    }

        .ap__lines li:last-child[b-4zxw6l97ee] { border-bottom: none; }

.ap__adjdays[b-4zxw6l97ee] {
    min-width: 3rem;
    font-weight: 600;
}

.ap__adjust[b-4zxw6l97ee] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
    align-items: center;
}

    .ap__adjust .ap__input[b-4zxw6l97ee] { flex: 1 1 16rem; width: auto; }

    .ap__adjust .ap__adjinput[b-4zxw6l97ee] { flex: 0 0 7rem; }

.ap__notices summary[b-4zxw6l97ee] {
    cursor: pointer;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .ap__notices summary:hover[b-4zxw6l97ee] { color: var(--bp-text); }

    .ap__notices summary:focus-visible[b-4zxw6l97ee] { outline: 2px solid var(--bp-yellow); outline-offset: 2px; border-radius: 4px; }

.ap__notices[open] summary[b-4zxw6l97ee] { margin-bottom: var(--bp-space-2); }

@media (max-width: 900px) {
    .ap__remaining[b-4zxw6l97ee] { padding-left: 0; border-left: none; }
}

@media (max-width: 600px) {
    .ap__field--type[b-4zxw6l97ee],
    .ap__field--note[b-4zxw6l97ee] { flex: 1 1 100%; width: auto; max-width: none; }

    .ap__field--date[b-4zxw6l97ee] { flex: 1 1 8rem; width: auto; }
}

/* Im Anspruch enthaltener Zusatzurlaub — leiser als die Zahl, zu der er gehört. */
.ap__bonus[b-4zxw6l97ee] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--bp-text-muted);
}

.ap__cert--unavailable[b-4zxw6l97ee] { color: var(--bp-debit); }
/* _content/bettERFramework.HR.UI/Components/Features/HrComplianceSwitches.razor.rz.scp.css */
/* Schalter für Betriebsrat und Auswertungen — Stammdaten-Ton: Text erklärt, ein Chip zeigt den
   Stand, ein kleiner Knopf schaltet um. Blau heißt „ein", neutral heißt „aus"; keine Warnfarbe,
   weil keiner der beiden Stände ein Fehler ist. */

.cs[b-q5osd2j4kg] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
}

.cs__group[b-q5osd2j4kg] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    margin-top: var(--bp-space-2);
}

.cs__title[b-q5osd2j4kg] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.cs__count[b-q5osd2j4kg] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.cs__hint[b-q5osd2j4kg] {
    margin: 0;
    max-width: 80ch;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.cs__legal[b-q5osd2j4kg] {
    margin: 0;
    max-width: 90ch;
    font-size: 0.76rem;
    line-height: 1.5;
    color: var(--bp-text-faint);
}

.cs__row[b-q5osd2j4kg] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-3);
}

.cs__table[b-q5osd2j4kg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .cs__table th[b-q5osd2j4kg] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .cs__table td[b-q5osd2j4kg] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: top;
    }

    .cs__table tbody tr:last-child td[b-q5osd2j4kg] { border-bottom: none; }

.cs__strong[b-q5osd2j4kg] { font-weight: 600; }

.cs__muted[b-q5osd2j4kg] { color: var(--bp-text-muted); }

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

/* Die Erklärung einer Auswertung steht unter ihrem Namen — sie ist der Grund, warum man den Schalter überhaupt stellt. */
.cs__description[b-q5osd2j4kg] {
    display: block;
    max-width: 62ch;
    margin-top: 0.15rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--bp-text-muted);
}

.cs__actions[b-q5osd2j4kg] {
    text-align: right;
    white-space: nowrap;
}

.cs__form[b-q5osd2j4kg] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    max-width: 52rem;
    padding: var(--bp-space-3);
    border: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.cs__fieldset[b-q5osd2j4kg] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

    .cs__fieldset:disabled[b-q5osd2j4kg] { opacity: 0.7; }

.cs__input[b-q5osd2j4kg] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .cs__input:focus-visible[b-q5osd2j4kg] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.cs__formrow[b-q5osd2j4kg] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}
/* _content/bettERFramework.HR.UI/Components/Features/HrFileDrop.razor.rz.scp.css */
/* Ablagefläche: gestrichelter Rahmen als Zeichen „hier hinein" — der einzige Strich, der hier
   eine Bedeutung trägt. Beim Darüberziehen und im Fokus wird er zum Modul-Akzent (Mint im
   HR-Thema); mit gewählter Datei wird er durchgezogen, weil die Fläche dann gefüllt ist. */
.fd[b-u5ifro6od3] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--bp-space-3);
    min-height: 4.25rem;
    padding: var(--bp-space-3) var(--bp-space-4);
    border: 1px dashed color-mix(in srgb, var(--bp-text-muted) 45%, transparent);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel);
    transition: border-color 140ms ease-out, background-color 140ms ease-out;
}

    .fd:hover[b-u5ifro6od3],
    .fd:focus-within[b-u5ifro6od3] {
        border-color: var(--bp-yellow);
    }

/* Das echte Dateifeld deckt die ganze Fläche ab: Klick öffnet den Dialog, Ablegen übergibt die
   Datei. Unsichtbar, aber da — nicht display:none, sonst nimmt es nichts mehr an. */
.fd[b-u5ifro6od3]  .fd__input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.fd--over[b-u5ifro6od3] {
    border-style: solid;
    border-color: var(--bp-yellow);
    background: color-mix(in srgb, var(--bp-yellow) 8%, var(--bp-panel));
}

.fd--filled[b-u5ifro6od3] {
    border-style: solid;
    border-color: color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
}

.fd--disabled[b-u5ifro6od3] {
    opacity: 0.55;
}

    .fd--disabled[b-u5ifro6od3]  .fd__input { cursor: default; }

.fd__icon[b-u5ifro6od3] {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bp-yellow) 12%, transparent);
    color: var(--bp-yellow);
    font-size: 1rem;
    pointer-events: none;
}

.fd__text[b-u5ifro6od3] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    pointer-events: none;
}

.fd__prompt[b-u5ifro6od3] {
    font-size: 0.92rem;
    color: var(--bp-text);
}

.fd__choose[b-u5ifro6od3] {
    color: var(--bp-yellow);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.fd__name[b-u5ifro6od3] {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--bp-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fd__hint[b-u5ifro6od3] {
    font-size: 0.78rem;
    color: var(--bp-text-muted);
}
/* _content/bettERFramework.HR.UI/Components/Features/HrLeadDocuments.razor.rz.scp.css */
/* Dokumente eines Teammitglieds für die Führungskraft — dieselbe ruhige Tabelle wie in der Akte, ohne deren Werkzeuge. */

.ld__table[b-ulgni3es86] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .ld__table th[b-ulgni3es86] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .ld__table td[b-ulgni3es86] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .ld__table tbody tr:last-child td[b-ulgni3es86] { border-bottom: none; }

.ld__strong[b-ulgni3es86] { font-weight: 600; }

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

.ld__actions[b-ulgni3es86] { text-align: right; }

.ld__iconbtn[b-ulgni3es86] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl);
    background: transparent;
    color: var(--bp-yellow);
    cursor: pointer;
    transition: background-color 120ms ease-out;
}

    .ld__iconbtn:hover[b-ulgni3es86] { background: var(--bp-panel-hover); }

    .ld__iconbtn:focus-visible[b-ulgni3es86] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.ld__hint[b-ulgni3es86] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    margin: var(--bp-space-2) 0 0;
    max-width: 80ch;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}
/* _content/bettERFramework.HR.UI/Components/Features/HrLetterMappingDialog.razor.rz.scp.css */
/* Zuordnungsdialog: eine ruhige Liste, je Platzhalter eine Zeile. Vier Spalten, die über alle
   Zeilen fluchten — Marke · Pfeil · Auswahl · Beispiel —, damit das Auge senkrecht prüfen kann,
   was wohin geht. Offene Zeilen tragen links einen Warnpunkt statt eines Rahmens. */
.lmd[b-q2xv1hg64c] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

.lmd__intro[b-q2xv1hg64c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bp-space-4);
}

.lmd__lead[b-q2xv1hg64c] {
    margin: 0;
    max-width: 58ch;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.lmd__count[b-q2xv1hg64c] {
    flex: 0 0 auto;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--bp-yellow);
    background: color-mix(in srgb, var(--bp-yellow) 12%, transparent);
    white-space: nowrap;
}

.lmd__count--open[b-q2xv1hg64c] {
    color: var(--bp-warn);
    background: color-mix(in srgb, var(--bp-warn) 14%, transparent);
}

.lmd__head[b-q2xv1hg64c],
.lmd__row[b-q2xv1hg64c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.25rem minmax(0, 1.35fr) minmax(0, 1fr);
    align-items: center;
    column-gap: var(--bp-space-3);
}

.lmd__head[b-q2xv1hg64c] {
    padding: 0 var(--bp-space-3);
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--bp-text-muted);
}

.lmd__rows[b-q2xv1hg64c] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 26rem;
    overflow-y: auto;
}

.lmd__row[b-q2xv1hg64c] {
    position: relative;
    padding: 0.55rem var(--bp-space-3);
    border-radius: var(--bp-radius-ctl, 8px);
}

    .lmd__row + .lmd__row[b-q2xv1hg64c] { margin-top: 2px; }

    .lmd__row:hover[b-q2xv1hg64c] { background: var(--bp-panel-hover); }

    /* Offen: ein Punkt am linken Rand statt eines Rahmens — sichtbar, aber nicht laut. */
    .lmd__row--open[b-q2xv1hg64c]::before {
        content: "";
        position: absolute;
        left: 0.3rem;
        top: 50%;
        width: 6px;
        height: 6px;
        margin-top: -3px;
        border-radius: 999px;
        background: var(--bp-warn);
    }

.lmd__mark[b-q2xv1hg64c] {
    min-width: 0;
    margin: 0;
    cursor: pointer;
}

    .lmd__mark code[b-q2xv1hg64c] {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        padding: 0.15rem 0.45rem;
        border-radius: 6px;
        background: var(--bp-panel-solid-2);
        font-size: 0.82rem;
        color: var(--bp-text);
    }

.lmd__arrow[b-q2xv1hg64c] {
    font-size: 0.75rem;
    color: var(--bp-text-faint);
    text-align: center;
}

.lmd__row--open .lmd__arrow[b-q2xv1hg64c] { color: var(--bp-warn); }

.lmd__pick[b-q2xv1hg64c] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.lmd__select[b-q2xv1hg64c],
.lmd__text[b-q2xv1hg64c] {
    width: 100%;
    height: 2.2rem;
    padding: 0 0.6rem;
    font-size: 0.88rem;
    border-radius: var(--bp-radius-ctl, 8px);
}

    .lmd__select:focus-visible[b-q2xv1hg64c],
    .lmd__text:focus-visible[b-q2xv1hg64c] {
        outline: none;
        border-color: var(--bp-yellow);
    }

.lmd__preview[b-q2xv1hg64c] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    color: var(--bp-text-muted);
}

.lmd__row--open .lmd__preview[b-q2xv1hg64c] { color: var(--bp-text-faint); font-style: italic; }

.lmd__error[b-q2xv1hg64c] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--bp-debit);
}

.lmd__foot[b-q2xv1hg64c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
    width: 100%;
}

.lmd__footnote[b-q2xv1hg64c] {
    font-size: 0.78rem;
    color: var(--bp-text-muted);
    text-align: left;
}

.lmd__buttons[b-q2xv1hg64c] {
    display: flex;
    gap: var(--bp-space-2);
}
/* _content/bettERFramework.HR.UI/Components/Features/HrMyPrivacyPanel.razor.rz.scp.css */
/* Reiter „Datenschutz" der Selbstauskunft — Lesetext zuerst: die Information der Firma in
   Lesebreite, darunter die eigenen Rechte als wenige Knöpfe, zuletzt die Erklärungen zur Akte. */

.mp[b-1cc0cop67x] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-5);
}

.mp__section[b-1cc0cop67x] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

.mp__hint[b-1cc0cop67x] {
    margin: 0;
    max-width: 75ch;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.mp__muted[b-1cc0cop67x] { color: var(--bp-text-muted); }

.mp__small[b-1cc0cop67x] { font-size: 0.78rem; }

.mp__strong[b-1cc0cop67x] { font-weight: 600; }

.mp__code[b-1cc0cop67x] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.mp__noticehead[b-1cc0cop67x] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--bp-space-2) var(--bp-space-3);
}

.mp__noticetitle[b-1cc0cop67x] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

/* Der Wortlaut der Firma: lesbar gesetzt und in der Höhe begrenzt, damit die Kenntnisnahme darunter erreichbar bleibt. */
.mp__noticetext[b-1cc0cop67x] {
    margin: 0;
    max-width: 75ch;
    max-height: 26rem;
    overflow-y: auto;
    padding: var(--bp-space-3);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
    font-size: 0.9rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

.mp__row[b-1cc0cop67x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-3);
}

.mp__buttons[b-1cc0cop67x] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
}

.mp__form[b-1cc0cop67x] {
    display: flex;
    flex-direction: column;
    max-width: 46rem;
    padding: var(--bp-space-3);
    border: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.mp__fieldset[b-1cc0cop67x] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

    .mp__fieldset:disabled[b-1cc0cop67x] { opacity: 0.7; }

    .mp__fieldset > .bp-chip[b-1cc0cop67x] { align-self: flex-start; }

.mp__input[b-1cc0cop67x] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .mp__input:focus-visible[b-1cc0cop67x] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.mp__textarea[b-1cc0cop67x] {
    height: auto;
    padding: 0.5rem 0.7rem;
    line-height: 1.5;
    resize: vertical;
}

.mp__formrow[b-1cc0cop67x] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

.mp__table[b-1cc0cop67x] {
    width: 100%;
    max-width: 62rem;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .mp__table th[b-1cc0cop67x] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .mp__table td[b-1cc0cop67x] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .mp__table tbody tr:last-child td[b-1cc0cop67x] { border-bottom: none; }

.mp__rowactions[b-1cc0cop67x] { text-align: right; }

/* Eine Erklärung ist Text der Person: ohne Rahmen, mit Linie darüber — wie ein Absatz in der Akte. */
.mp__statement[b-1cc0cop67x] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    max-width: 75ch;
    padding-top: var(--bp-space-2);
    border-top: 1px solid var(--bp-panel-border);
}

.mp__statementhead[b-1cc0cop67x] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--bp-space-2);
}

.mp__statementtext[b-1cc0cop67x] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    white-space: pre-wrap;
}
/* _content/bettERFramework.HR.UI/Components/Features/HrSignaturePanel.razor.rz.scp.css */
/* Validierungsnachweise — ein Formular in der Seite wie die übrigen der Akte. Der Prüfbericht ist ein
   Beweisstück im Wortlaut: Hausschrift mit gleich breiten Ziffern (keine Kostümschrift), erhaltene Zeilen,
   begrenzte Höhe. */

.sg[b-c5eril959x] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3);
    border: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.sg__row[b-c5eril959x] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--bp-space-2) var(--bp-space-3);
}

.sg__level[b-c5eril959x] { flex: 0 1 22rem; }

.sg__input[b-c5eril959x] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .sg__input:focus-visible[b-c5eril959x] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.sg__legal[b-c5eril959x] {
    margin: 0;
    max-width: 90ch;
    font-size: 0.76rem;
    line-height: 1.5;
    color: var(--bp-text-faint);
}

.sg__head[b-c5eril959x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-2) var(--bp-space-3);
}

.sg__muted[b-c5eril959x] { color: var(--bp-text-muted); }

.sg__small[b-c5eril959x] { font-size: 0.78rem; }

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

.sg__report[b-c5eril959x] {
    margin: 0;
    max-height: 22rem;
    overflow: auto;
    padding: var(--bp-space-3);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl);
    background: var(--bp-panel-solid);
    font-family: inherit;
    font-variant-numeric: tabular-nums;
    font-size: 0.8rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.sg__hash[b-c5eril959x] {
    margin: 0;
    font-size: 0.74rem;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text-faint);
    overflow-wrap: anywhere;
}

.sg__table[b-c5eril959x] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

    .sg__table td[b-c5eril959x] {
        padding: var(--bp-space-1) var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .sg__table tr:last-child td[b-c5eril959x] { border-bottom: none; }

    .sg__table tr.is-selected[b-c5eril959x] { background: color-mix(in srgb, var(--bp-yellow) 7%, transparent); }

.sg__actions[b-c5eril959x] { text-align: right; }
/* _content/bettERFramework.HR.UI/Components/Features/HrSubjectRightsPanel.razor.rz.scp.css */
/* Rechte der Person in der Akte — ein ruhiger Streifen über der Dokumentliste: Beschriftung, drei
   flache Knöpfe, rechts der Aufklapper der Erklärungen. Farbe trägt nur die Einschränkung. */

.sr[b-4k3znyjlko] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
}

.sr__strip[b-4k3znyjlko] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-1) var(--bp-space-2);
}

.sr__label[b-4k3znyjlko] {
    margin-right: var(--bp-space-1);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bp-text-muted);
}

.sr__toggle[b-4k3znyjlko] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: auto;
    padding: 0.2rem 0.4rem;
    border: 0;
    border-radius: var(--bp-radius-ctl);
    background: transparent;
    font-size: 0.82rem;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .sr__toggle .e-icons[b-4k3znyjlko] { font-size: 0.7rem; }

    .sr__toggle:hover[b-4k3znyjlko] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .sr__toggle:focus-visible[b-4k3znyjlko] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.sr__form[b-4k3znyjlko] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    max-width: 52rem;
    padding: var(--bp-space-3);
    border: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.sr__fieldset[b-4k3znyjlko] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

    .sr__fieldset:disabled[b-4k3znyjlko] { opacity: 0.7; }

.sr__grid[b-4k3znyjlko] {
    display: grid;
    grid-template-columns: minmax(0, 11rem) minmax(0, 1fr);
    gap: var(--bp-space-3);
    align-items: start;
}

.sr__pick[b-4k3znyjlko] { max-width: 30rem; }

.sr__input[b-4k3znyjlko] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .sr__input:focus-visible[b-4k3znyjlko] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.sr__input--code[b-4k3znyjlko] { font-variant-numeric: tabular-nums; }

.sr__textarea[b-4k3znyjlko] {
    height: auto;
    padding: 0.5rem 0.7rem;
    line-height: 1.5;
    resize: vertical;
}

.sr__formrow[b-4k3znyjlko] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

.sr__restricted[b-4k3znyjlko] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.88rem;
}

.sr__strong[b-4k3znyjlko] { font-weight: 600; }

.sr__muted[b-4k3znyjlko] { color: var(--bp-text-muted); }

.sr__small[b-4k3znyjlko] { font-size: 0.78rem; }

.sr__statements[b-4k3znyjlko] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    max-width: 75ch;
}

.sr__statement[b-4k3znyjlko] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    padding-top: var(--bp-space-2);
    border-top: 1px solid var(--bp-panel-border);
}

.sr__statementhead[b-4k3znyjlko] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--bp-space-2);
}

.sr__statementtext[b-4k3znyjlko] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    white-space: pre-wrap;
}

@media (max-width: 640px) {
    .sr__grid[b-4k3znyjlko] { grid-template-columns: minmax(0, 1fr); }

    .sr__toggle[b-4k3znyjlko] { margin-left: 0; }
}
/* _content/bettERFramework.HR.UI/Components/Features/HrTimeSheet.razor.rz.scp.css */
/* Zeitenansicht — oben die Stempeluhr als eine ruhige Zeile (Stand links, Handlung rechts), dann der
   Monat mit den Summen in einer Zeile, darunter die Tage. Wochenende, Feiertag und Sondertag treten
   zurück, der heutige Tag trägt den Modul-Akzent. Hinweise nach ArbZG sind kurze Marken mit dem
   vollen Satz im Tooltip — die Tabelle bleibt lesbar, der Grund bleibt erreichbar. */

.ts[b-e6p53hl5ux] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

/* ---- Stempeluhr ---- */

.ts__stamp[b-e6p53hl5ux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-4);
    flex-wrap: wrap;
    padding: var(--bp-space-3) var(--bp-space-4);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel);
}

.ts__stamp-state[b-e6p53hl5ux] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-3);
    min-width: 0;
}

.ts__stamp-dot[b-e6p53hl5ux] {
    flex: 0 0 auto;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    background: var(--bp-text-faint);
}

.ts__stamp--in .ts__stamp-dot[b-e6p53hl5ux] { background: var(--bp-yellow); }

.ts__stamp--break .ts__stamp-dot[b-e6p53hl5ux] { background: var(--bp-warn); }

.ts__stamp-text[b-e6p53hl5ux] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.9rem;
}

    .ts__stamp-text strong[b-e6p53hl5ux] {
        font-family: var(--bp-font-head);
        font-size: 1.05rem;
        font-weight: 600;
    }

.ts__stamp-actions[b-e6p53hl5ux] {
    display: flex;
    gap: var(--bp-space-2);
}

/* ---- Monat und Summen ---- */

.ts__bar[b-e6p53hl5ux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-4);
    flex-wrap: wrap;
}

.ts__monthnav[b-e6p53hl5ux] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-1);
}

.ts__month[b-e6p53hl5ux] {
    min-width: 10rem;
    text-align: center;
    font-family: var(--bp-font-head);
    font-size: 1.05rem;
    font-weight: 600;
}

.ts__totals[b-e6p53hl5ux] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2) var(--bp-space-5);
    margin: 0;
}

    .ts__totals > div[b-e6p53hl5ux] {
        display: flex;
        flex-direction: column;
        gap: 0.1rem;
    }

    .ts__totals dt[b-e6p53hl5ux] {
        font-size: 0.72rem;
        color: var(--bp-text-muted);
    }

    .ts__totals dd[b-e6p53hl5ux] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

.ts__plus[b-e6p53hl5ux] { color: var(--bp-credit); }

.ts__minus[b-e6p53hl5ux] { color: var(--bp-debit); }

.ts__notice[b-e6p53hl5ux] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    padding: var(--bp-space-2) var(--bp-space-3);
    border-radius: var(--bp-radius-ctl, 8px);
    background: color-mix(in srgb, var(--bp-warn) 10%, transparent);
    font-size: 0.85rem;
}

    .ts__notice .e-icons[b-e6p53hl5ux] { color: var(--bp-warn); }

/* ---- Tabelle ---- */

.ts__table[b-e6p53hl5ux] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

    .ts__table th[b-e6p53hl5ux] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .ts__table td[b-e6p53hl5ux] {
        padding: 0.4rem var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .ts__table tbody tr:last-child td[b-e6p53hl5ux] { border-bottom: none; }

    .ts__table tbody tr:hover[b-e6p53hl5ux] { background: var(--bp-panel-hover); }

    .ts__table tbody tr.is-free td[b-e6p53hl5ux] { color: var(--bp-text-muted); }

    .ts__table tbody tr.is-today[b-e6p53hl5ux] { background: color-mix(in srgb, var(--bp-yellow) 7%, transparent); }

        .ts__table tbody tr.is-today .ts__daycell[b-e6p53hl5ux] { color: var(--bp-yellow); font-weight: 600; }

.ts__table--compact td[b-e6p53hl5ux] { padding: 0.35rem var(--bp-space-2); }

.ts__num[b-e6p53hl5ux] { text-align: right; }

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

.ts__muted[b-e6p53hl5ux] { color: var(--bp-text-muted); }

.ts__small[b-e6p53hl5ux] { font-size: 0.78rem; }

.ts__dayname[b-e6p53hl5ux] {
    display: inline-block;
    width: 2rem;
    color: var(--bp-text-muted);
}

.ts__spans[b-e6p53hl5ux] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.5rem;
}

.ts__daylabel[b-e6p53hl5ux] {
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    font-style: italic;
}

/* Abwesenheit (4.5): Marke im Modul-Akzent — der Tag ist nicht leer, er ist belegt. */
.ts__absence[b-e6p53hl5ux] {
    padding: 0.1rem 0.5rem;
    border-radius: 6px;
    background: color-mix(in srgb, var(--bp-yellow) 13%, transparent);
    color: var(--bp-text);
    font-size: 0.8rem;
    white-space: nowrap;
    cursor: help;
}

.ts__span[b-e6p53hl5ux] {
    padding: 0.1rem 0.45rem;
    border: 0;
    border-radius: 6px;
    background: var(--bp-panel-solid-2);
    color: var(--bp-text);
    font: inherit;
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ts__span--manual[b-e6p53hl5ux] { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bp-text-muted) 45%, transparent); }

.ts__span--running[b-e6p53hl5ux] {
    background: color-mix(in srgb, var(--bp-yellow) 16%, transparent);
    color: var(--bp-yellow);
}

.ts__span--edit[b-e6p53hl5ux] { cursor: pointer; }

    .ts__span--edit:hover[b-e6p53hl5ux] { background: color-mix(in srgb, var(--bp-yellow) 12%, var(--bp-panel-solid-2)); }

    .ts__span--edit:focus-visible[b-e6p53hl5ux] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.ts__source[b-e6p53hl5ux] {
    font-size: 0.72rem;
    color: var(--bp-text-muted);
}

.ts__warnings[b-e6p53hl5ux] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.ts__warning[b-e6p53hl5ux] {
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    font-size: 0.72rem;
    white-space: nowrap;
    cursor: help;
}

.ts__warning--warn[b-e6p53hl5ux] {
    color: var(--bp-warn);
    background: color-mix(in srgb, var(--bp-warn) 14%, transparent);
}

.ts__warning--info[b-e6p53hl5ux] {
    color: var(--bp-text-muted);
    background: var(--bp-panel-solid-2);
}

.ts__status[b-e6p53hl5ux] {
    font-size: 0.8rem;
    white-space: nowrap;
}

.ts__status--pending[b-e6p53hl5ux] { color: var(--bp-warn); }

.ts__status--applied[b-e6p53hl5ux] { color: var(--bp-credit); }

.ts__status--rejected[b-e6p53hl5ux] { color: var(--bp-text-muted); }

/* Zeilenaktionen: rahmenlose Symbolknöpfe wie in der Personalakte. */
.ts__rowactions[b-e6p53hl5ux] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

.ts__iconbtn[b-e6p53hl5ux] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .ts__iconbtn .e-icons[b-e6p53hl5ux] { font-size: 0.9rem; }

    .ts__iconbtn:hover:not(:disabled)[b-e6p53hl5ux] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .ts__iconbtn:focus-visible[b-e6p53hl5ux] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .ts__iconbtn:disabled[b-e6p53hl5ux] { opacity: 0.4; cursor: default; }

.ts__iconbtn--ok:hover:not(:disabled)[b-e6p53hl5ux] {
    background: color-mix(in srgb, var(--bp-credit) 14%, transparent);
    color: var(--bp-credit);
}

.ts__iconbtn--danger:hover:not(:disabled)[b-e6p53hl5ux] {
    background: color-mix(in srgb, var(--bp-debit) 14%, transparent);
    color: var(--bp-debit);
}

/* ---- Korrektur ---- */

.ts__form[b-e6p53hl5ux] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-4);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel-solid-2);
}

.ts__fieldset[b-e6p53hl5ux] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

    .ts__fieldset:disabled[b-e6p53hl5ux] { opacity: 0.7; }

.ts__grid[b-e6p53hl5ux] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.ts__span-2[b-e6p53hl5ux] { grid-column: span 2; }
.ts__span-3[b-e6p53hl5ux] { grid-column: span 3; }
.ts__span-12[b-e6p53hl5ux] { grid-column: span 12; }

.ts__input[b-e6p53hl5ux] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    border-radius: var(--bp-radius-ctl);
}

    .ts__input:focus-visible[b-e6p53hl5ux] {
        outline: none;
        border-color: var(--bp-yellow);
    }

.ts__checkcell[b-e6p53hl5ux] { justify-content: flex-end; }

.ts__check[b-e6p53hl5ux] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    height: 2.4rem;
    font-size: 0.88rem;
    cursor: pointer;
}

    .ts__check input[b-e6p53hl5ux] { accent-color: var(--bp-yellow); }

.ts__hint[b-e6p53hl5ux] {
    margin: 0;
    max-width: 80ch;
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.ts__formrow[b-e6p53hl5ux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.ts__buttons[b-e6p53hl5ux] {
    display: flex;
    gap: var(--bp-space-2);
}

@media (max-width: 900px) {
    .ts__span-2[b-e6p53hl5ux],
    .ts__span-3[b-e6p53hl5ux] { grid-column: span 6; }
}
/* _content/bettERFramework.HR.UI/Components/Features/HrWorkPlanPanel.razor.rz.scp.css */
/* Arbeitsplan — oben die nächsten zwei Wochen als Streifen (geplante Tage im Modul-Akzent, die Zeiten
   als Ziffern), darunter Regeln und Einzeltage in derselben ruhigen Tabellen- und Formularsprache wie
   Zeiten und Abwesenheiten. Vorgaben der Führungskraft sind an der Herkunft erkennbar, nicht an Farbe. */

.wp[b-qzwdzyrb1v] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

.wp__hint[b-qzwdzyrb1v] {
    margin: 0;
    max-width: 80ch;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.wp__empty[b-qzwdzyrb1v] {
    margin: 0;
    padding: var(--bp-space-2) 0 var(--bp-space-3);
    font-size: 0.88rem;
    color: var(--bp-text-muted);
}

/* ---- Zwei Wochen ---- */

.wp__week[b-qzwdzyrb1v] {
    display: grid;
    grid-template-columns: repeat(14, minmax(3.4rem, 1fr));
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: thin;
}

.wp__day[b-qzwdzyrb1v] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-height: 4.4rem;
    padding: 0.45rem 0.5rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl, 8px);
    background: var(--bp-panel);
    font-variant-numeric: tabular-nums;
}

    .wp__day.is-week[b-qzwdzyrb1v] { margin-left: 0.35rem; }

    .wp__day.is-working[b-qzwdzyrb1v] {
        border-color: color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
        background: color-mix(in srgb, var(--bp-yellow) 9%, var(--bp-panel));
    }

    .wp__day.is-today[b-qzwdzyrb1v] { box-shadow: inset 0 2px 0 var(--bp-yellow); }

.wp__dow[b-qzwdzyrb1v] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bp-text-muted);
}

.wp__date[b-qzwdzyrb1v] {
    font-size: 0.78rem;
    color: var(--bp-text-muted);
}

.wp__times[b-qzwdzyrb1v] {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--bp-text);
}

.wp__off[b-qzwdzyrb1v] { color: var(--bp-text-muted); font-weight: 400; }

.wp__none[b-qzwdzyrb1v] { color: var(--bp-text-faint); font-weight: 400; }

.wp__pendingdot[b-qzwdzyrb1v] {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--bp-warn);
}

/* ---- Kopf und Formular ---- */

.wp__head[b-qzwdzyrb1v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
    margin-top: var(--bp-space-2);
}

    .wp__head .bp-form__group[b-qzwdzyrb1v] { margin: 0; }

.wp__form[b-qzwdzyrb1v] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-4);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel-solid-2);
}

.wp__fieldset[b-qzwdzyrb1v] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .wp__fieldset:disabled[b-qzwdzyrb1v] { opacity: 0.7; }

.wp__weekdays[b-qzwdzyrb1v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.wp__wd[b-qzwdzyrb1v] {
    min-width: 2.8rem;
    height: 2.2rem;
    padding: 0 0.6rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    font: inherit;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background-color 120ms ease-out, border-color 120ms ease-out, color 120ms ease-out;
}

    .wp__wd:hover[b-qzwdzyrb1v] { color: var(--bp-text); border-color: var(--bp-text-muted); }

    .wp__wd.is-on[b-qzwdzyrb1v] {
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 18%, transparent);
        color: var(--bp-text);
        font-weight: 600;
    }

    .wp__wd:focus-visible[b-qzwdzyrb1v] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.wp__quick[b-qzwdzyrb1v] { margin-left: var(--bp-space-2); }

.wp__link[b-qzwdzyrb1v] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--bp-text-muted);
    font: inherit;
    font-size: 0.82rem;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

    .wp__link:hover[b-qzwdzyrb1v] { color: var(--bp-yellow); }

.wp__grid[b-qzwdzyrb1v] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.wp__span-2[b-qzwdzyrb1v] { grid-column: span 2; }
.wp__span-3[b-qzwdzyrb1v] { grid-column: span 3; }
.wp__span-12[b-qzwdzyrb1v] { grid-column: span 12; }

.wp__input[b-qzwdzyrb1v] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    border-radius: var(--bp-radius-ctl);
}

    .wp__input:focus-visible[b-qzwdzyrb1v] { outline: none; border-color: var(--bp-yellow); }

.wp__checkcell[b-qzwdzyrb1v] { justify-content: flex-end; }

.wp__check[b-qzwdzyrb1v] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    height: 2.4rem;
    font-size: 0.88rem;
    cursor: pointer;
}

    .wp__check input[b-qzwdzyrb1v] { accent-color: var(--bp-yellow); }

.wp__formrow[b-qzwdzyrb1v] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

/* ---- Tabellen ---- */

.wp__table[b-qzwdzyrb1v] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

    .wp__table th[b-qzwdzyrb1v] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .wp__table td[b-qzwdzyrb1v] {
        padding: 0.45rem var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .wp__table tbody tr:last-child td[b-qzwdzyrb1v] { border-bottom: none; }

    .wp__table tbody tr:hover[b-qzwdzyrb1v] { background: var(--bp-panel-hover); }

    .wp__table tbody tr.is-inactive td[b-qzwdzyrb1v] { color: var(--bp-text-faint); }

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

.wp__muted[b-qzwdzyrb1v] { color: var(--bp-text-muted); }

.wp__small[b-qzwdzyrb1v] { font-size: 0.78rem; }

.wp__days[b-qzwdzyrb1v] {
    display: inline-flex;
    gap: 0.2rem;
}

.wp__dchip[b-qzwdzyrb1v] {
    min-width: 1.75rem;
    padding: 0.05rem 0.25rem;
    border-radius: 5px;
    text-align: center;
    font-size: 0.72rem;
    color: var(--bp-text-faint);
}

    .wp__dchip.is-on[b-qzwdzyrb1v] {
        background: color-mix(in srgb, var(--bp-yellow) 18%, transparent);
        color: var(--bp-text);
        font-weight: 600;
    }

.wp__origin[b-qzwdzyrb1v] {
    font-size: 0.8rem;
    white-space: nowrap;
}

.wp__origin--lead[b-qzwdzyrb1v] { color: var(--bp-text); font-weight: 600; }

.wp__origin--self[b-qzwdzyrb1v] { color: var(--bp-text-muted); }

.wp__status[b-qzwdzyrb1v] {
    font-size: 0.8rem;
    white-space: nowrap;
}

.wp__status--approved[b-qzwdzyrb1v] { color: var(--bp-credit); }

.wp__status--requested[b-qzwdzyrb1v] { color: var(--bp-warn); }

.wp__status--rejected[b-qzwdzyrb1v] { color: var(--bp-text-muted); }

.wp__rowactions[b-qzwdzyrb1v] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

.wp__iconbtn[b-qzwdzyrb1v] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .wp__iconbtn .e-icons[b-qzwdzyrb1v] { font-size: 0.9rem; }

    .wp__iconbtn:hover:not(:disabled)[b-qzwdzyrb1v] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .wp__iconbtn:focus-visible[b-qzwdzyrb1v] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .wp__iconbtn:disabled[b-qzwdzyrb1v] { opacity: 0.4; cursor: default; }

.wp__iconbtn--ok:hover:not(:disabled)[b-qzwdzyrb1v] {
    background: color-mix(in srgb, var(--bp-credit) 14%, transparent);
    color: var(--bp-credit);
}

.wp__iconbtn--danger:hover:not(:disabled)[b-qzwdzyrb1v] {
    background: color-mix(in srgb, var(--bp-debit) 14%, transparent);
    color: var(--bp-debit);
}

@media (max-width: 900px) {
    .wp__span-2[b-qzwdzyrb1v],
    .wp__span-3[b-qzwdzyrb1v] { grid-column: span 6; }
}

@media (max-width: 600px) {
    .wp__span-2[b-qzwdzyrb1v],
    .wp__span-3[b-qzwdzyrb1v] { grid-column: span 12; }
}
/* _content/bettERFramework.HR.UI/Components/Features/OrgChartUnit.razor.rz.scp.css */
/* Knoten des Organigramms: eine Karte je Einheit; Untereinheiten eingerückt an einer Leitlinie in
   der Ebenenfarbe. Die Ebene spricht über die linke Kante (Bereich kräftig, Abteilung mittel, Team
   leise) — dieselbe Familie, nicht drei Farben. */

.oc__node[b-1ki7rgf11y] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    min-width: 0;
}

.oc__card[b-1ki7rgf11y] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    padding: var(--bp-space-3);
    border: 1px solid var(--bp-panel-border);
    border-left: 3px solid var(--bp-yellow);
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.oc__node--department > .oc__card[b-1ki7rgf11y] { border-left-color: color-mix(in srgb, var(--bp-yellow) 60%, var(--bp-panel-border)); }

.oc__node--team > .oc__card[b-1ki7rgf11y] { border-left-color: color-mix(in srgb, var(--bp-yellow) 30%, var(--bp-panel-border)); }

.oc__card__head[b-1ki7rgf11y] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    min-width: 0;
}

.oc__kind[b-1ki7rgf11y] {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bp-text-muted);
    flex: 0 0 auto;
}

.oc__name[b-1ki7rgf11y] {
    font-family: var(--bp-font-head);
    font-weight: 600;
    font-size: 1rem;
    color: var(--bp-text);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oc__count[b-1ki7rgf11y] {
    margin-left: auto;
    padding: 0 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text-muted);
    border: 1px solid var(--bp-panel-border);
    flex: 0 0 auto;
}

.oc__actions[b-1ki7rgf11y] {
    display: inline-flex;
    gap: 0.15rem;
    flex: 0 0 auto;
}

.oc__iconbtn[b-1ki7rgf11y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl);
    background: none;
    color: var(--bp-text-muted);
    cursor: pointer;
}

    .oc__iconbtn:hover[b-1ki7rgf11y] {
        color: var(--bp-yellow);
        background: var(--bp-panel-hover);
    }

    .oc__iconbtn .e-icons[b-1ki7rgf11y] { font-size: 0.75rem; }

.oc__lead[b-1ki7rgf11y] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    font-size: 0.9rem;
}

.oc__lead__label[b-1ki7rgf11y] {
    font-size: 0.72rem;
    color: var(--bp-text-muted);
}

.oc__members[b-1ki7rgf11y] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.88rem;
}

    .oc__members li[b-1ki7rgf11y] {
        display: flex;
        align-items: baseline;
        gap: var(--bp-space-2);
        min-width: 0;
    }

.oc__person[b-1ki7rgf11y] {
    color: var(--bp-text);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    a.oc__person:hover[b-1ki7rgf11y] { color: var(--bp-yellow); }

.oc__person--lead[b-1ki7rgf11y] { font-weight: 600; }

.oc__job[b-1ki7rgf11y] {
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oc__empty[b-1ki7rgf11y] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--bp-text-faint);
}

/* Untereinheiten: eingerückt, an einer Leitlinie hängend. */
.oc__children[b-1ki7rgf11y] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    margin-left: var(--bp-space-4);
    padding-left: var(--bp-space-3);
    border-left: 1px solid var(--bp-panel-border);
}

@media (max-width: 720px) {
    .oc__children[b-1ki7rgf11y] {
        margin-left: var(--bp-space-2);
        padding-left: var(--bp-space-2);
    }
}

/* Stellenplan: besetzt/geplant neben der Kopfzahl — offene Stellen tragen die Warnfarbe. */
.oc__positions[b-1ki7rgf11y] {
    padding: 0 0.4rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text-muted);
    background: var(--bp-panel-solid-2);
}

.oc__positions--open[b-1ki7rgf11y] {
    color: var(--bp-bg);
    background: var(--bp-warn);
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrAbsences.razor.rz.scp.css */
/* Abwesenheiten — dieselbe Seitengrammatik wie die Arbeitszeit (Kopf, Reiter, Tabelle, Formular
   darunter). Eigen sind nur die Farbpunkte der Arten (dieselben Töne wie im Kalender) und das schmale
   Zahlenfeld der Mindestbesetzung, das direkt in der Zeile gespeichert wird. */

.ab[b-teanyi250k] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.ab__head[b-teanyi250k] { align-items: flex-start; }

.ab__ident[b-teanyi250k] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.ab__back[b-teanyi250k] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .ab__back .e-icons[b-teanyi250k] { font-size: 0.7rem; }

    .ab__back:hover[b-teanyi250k] { color: var(--bp-yellow); }

.ab__title[b-teanyi250k] { margin: 0; }

.ab__lead[b-teanyi250k] {
    margin: 0;
    max-width: 64ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.ab__body[b-teanyi250k] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.ab__tabs[b-teanyi250k] { margin-bottom: 0; }

.ab__count[b-teanyi250k] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.ab__panel[b-teanyi250k] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
}

    .ab__panel[hidden][b-teanyi250k] { display: none; }

.ab__hint[b-teanyi250k] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    margin: 0;
    max-width: 80ch;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

/* ---- Tabellen ---- */

.ab__table[b-teanyi250k] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .ab__table th[b-teanyi250k] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .ab__table td[b-teanyi250k] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .ab__table tbody tr:hover[b-teanyi250k] { background: var(--bp-panel-hover); }

    .ab__table tbody tr:last-child td[b-teanyi250k] { border-bottom: none; }

    .ab__table tbody tr.is-inactive td[b-teanyi250k] { color: var(--bp-text-faint); }

    .ab__table tbody tr.is-editing[b-teanyi250k] { background: color-mix(in srgb, var(--bp-yellow) 6%, transparent); }

.ab__num[b-teanyi250k] { text-align: right; }

    .ab__table th.ab__num[b-teanyi250k] { text-align: right; }

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

.ab__strong[b-teanyi250k] { font-weight: 600; }

.ab__muted[b-teanyi250k] { color: var(--bp-text-muted); }

.ab__small[b-teanyi250k] { font-size: 0.78rem; font-weight: 400; }

.ab__type[b-teanyi250k] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
}

.ab__dot[b-teanyi250k] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
}

.ab__dot--vacation[b-teanyi250k] { background: var(--bp-yellow); }

.ab__dot--sick[b-teanyi250k] { background: var(--bp-orange); }

.ab__dot--work[b-teanyi250k] { background: var(--bp-blue); }

.ab__dot--neutral[b-teanyi250k] { background: color-mix(in srgb, var(--bp-text-muted) 60%, transparent); }

.ab__tags[b-teanyi250k] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.ab__tag[b-teanyi250k] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.76rem;
    color: var(--bp-text);
    background: var(--bp-panel-solid-2);
    white-space: nowrap;
}

.ab__rowactions[b-teanyi250k] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

.ab__iconbtn[b-teanyi250k] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .ab__iconbtn .e-icons[b-teanyi250k] { font-size: 0.9rem; }

    .ab__iconbtn:hover:not(:disabled)[b-teanyi250k] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .ab__iconbtn:focus-visible[b-teanyi250k] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .ab__iconbtn:disabled[b-teanyi250k] { opacity: 0.4; cursor: default; }

.ab__iconbtn--ok:hover:not(:disabled)[b-teanyi250k] {
    background: color-mix(in srgb, var(--bp-credit) 14%, transparent);
    color: var(--bp-credit);
}

.ab__iconbtn--danger:hover:not(:disabled)[b-teanyi250k] {
    background: color-mix(in srgb, var(--bp-debit) 14%, transparent);
    color: var(--bp-debit);
}

/* ---- Formulare ---- */

.ab__form[b-teanyi250k] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-4);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel-solid-2);
}

    .ab__form .bp-form__group[b-teanyi250k] { margin: 0; }

.ab__fieldset[b-teanyi250k] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .ab__fieldset:disabled[b-teanyi250k] { opacity: 0.7; }

.ab__grid[b-teanyi250k] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.ab__span-2[b-teanyi250k] { grid-column: span 2; }
.ab__span-3[b-teanyi250k] { grid-column: span 3; }
.ab__span-4[b-teanyi250k] { grid-column: span 4; }
.ab__span-5[b-teanyi250k] { grid-column: span 5; }

.ab__input[b-teanyi250k] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    border-radius: var(--bp-radius-ctl);
}

    .ab__input:focus-visible[b-teanyi250k] {
        outline: none;
        border-color: var(--bp-yellow);
    }

.ab__mininput[b-teanyi250k] {
    width: 5.5rem;
    height: 2rem;
    text-align: right;
}

.ab__checks[b-teanyi250k] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2) var(--bp-space-5);
}

.ab__check[b-teanyi250k] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.88rem;
    cursor: pointer;
}

    .ab__check input[b-teanyi250k] { accent-color: var(--bp-yellow); }

.ab__formrow[b-teanyi250k] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

@media (max-width: 900px) {
    .ab__span-2[b-teanyi250k],
    .ab__span-3[b-teanyi250k],
    .ab__span-4[b-teanyi250k],
    .ab__span-5[b-teanyi250k] { grid-column: span 6; }
}

@media (max-width: 600px) {
    .ab__span-2[b-teanyi250k],
    .ab__span-3[b-teanyi250k],
    .ab__span-4[b-teanyi250k],
    .ab__span-5[b-teanyi250k] { grid-column: span 12; }
}

/* ---- Sonderregeln und eAU ---- */

.ab__link[b-teanyi250k] {
    color: inherit;
    text-decoration: none;
}

    .ab__link:hover[b-teanyi250k] { color: var(--bp-yellow); }

.ab__tag--warn[b-teanyi250k] {
    color: var(--bp-warn);
    background: color-mix(in srgb, var(--bp-warn) 14%, transparent);
}

.ab__count--warn[b-teanyi250k] {
    font-weight: 600;
    color: var(--bp-warn);
}

/* Eine einzelne Einstellung unter der Liste: Beschriftung, kleines Feld, Erläuterung in einer Zeile. */
.ab__setting[b-teanyi250k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-2) var(--bp-space-3);
    padding-top: var(--bp-space-3);
    border-top: 1px solid var(--bp-panel-border);
}

    .ab__setting .bp-field__label[b-teanyi250k] { margin: 0; }

    .ab__setting .ab__mininput[b-teanyi250k] { text-align: left; }
/* _content/bettERFramework.HR.UI/Components/Pages/HrApplicants.razor.rz.scp.css */
/* Bewerbungen — eine Liste, die sich je Zeile aufklappt: Unterlagen, Abschluss, Sperre, Übernahme.
   Dieselbe Seitengrammatik wie die übrigen HR-Seiten; das aufgeklappte Detail ist eine eingerückte
   Fläche unter der Zeile, keine Karte in der Karte. */

.ap[b-3ramkhklg3] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.ap__head[b-3ramkhklg3] { align-items: flex-start; }

.ap__ident[b-3ramkhklg3] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.ap__title[b-3ramkhklg3] { margin: 0; }

.ap__lead[b-3ramkhklg3] {
    margin: 0;
    max-width: 68ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.ap__body[b-3ramkhklg3] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.ap__form[b-3ramkhklg3] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3);
    border: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.ap__fieldset[b-3ramkhklg3] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

    .ap__fieldset:disabled[b-3ramkhklg3] { opacity: 0.7; }

.ap__grid[b-3ramkhklg3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: start;
}

.ap__wide[b-3ramkhklg3] { grid-column: 1 / -1; }

.ap__input[b-3ramkhklg3] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .ap__input:focus-visible[b-3ramkhklg3] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.ap__input--code[b-3ramkhklg3] { font-variant-numeric: tabular-nums; }

.ap__textarea[b-3ramkhklg3] {
    height: auto;
    padding: 0.5rem 0.7rem;
    line-height: 1.5;
    resize: vertical;
}

.ap__formrow[b-3ramkhklg3] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

/* ---- Liste ---- */

.ap__table[b-3ramkhklg3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .ap__table th[b-3ramkhklg3] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .ap__table td[b-3ramkhklg3] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .ap__table tbody tr.is-open td[b-3ramkhklg3] { border-bottom-color: transparent; }

.ap__code[b-3ramkhklg3] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.ap__strong[b-3ramkhklg3] { font-weight: 600; }

.ap__muted[b-3ramkhklg3] { color: var(--bp-text-muted); }

.ap__small[b-3ramkhklg3] { font-size: 0.78rem; }

.ap__actions[b-3ramkhklg3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bp-space-1);
}

.ap__iconbtn[b-3ramkhklg3] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .ap__iconbtn:hover[b-3ramkhklg3] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .ap__iconbtn:focus-visible[b-3ramkhklg3] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

/* ---- Aufgeklappte Zeile ---- */

.ap__detailrow td[b-3ramkhklg3] {
    padding: 0 var(--bp-space-2) var(--bp-space-3);
    border-bottom: 1px solid var(--bp-panel-border);
}

.ap__detail[b-3ramkhklg3] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    max-width: 58rem;
    padding: var(--bp-space-3);
    background: var(--bp-panel-solid-2);
    border-radius: var(--bp-radius);
}

.ap__notes[b-3ramkhklg3] {
    margin: 0;
    max-width: 75ch;
    font-size: 0.9rem;
    line-height: 1.55;
    white-space: pre-wrap;
}

.ap__docs[b-3ramkhklg3] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ap__doclink[b-3ramkhklg3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--bp-yellow);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    .ap__doclink:hover[b-3ramkhklg3] { text-decoration: underline; text-underline-offset: 0.2em; }

    .ap__doclink:focus-visible[b-3ramkhklg3] { outline: 2px solid var(--bp-yellow); outline-offset: 2px; }

.ap__row[b-3ramkhklg3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--bp-space-3);
}

.ap__grow[b-3ramkhklg3] { flex: 1 1 16rem; }

.ap__hint[b-3ramkhklg3] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    margin: 0;
    max-width: 80ch;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

@media (max-width: 1100px) {
    .ap__grid[b-3ramkhklg3] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrBem.razor.rz.scp.css */
/* BEM-Bereich — bewusst schlicht und schmal: wenige Fälle, viel Text. Jeder Fall ist ein Abschnitt
   mit Linie darüber, keine Karte; das Formular steht in der Seite. */

.bm[b-ve4yz7owvf] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.bm__head[b-ve4yz7owvf] { align-items: flex-start; }

.bm__ident[b-ve4yz7owvf] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.bm__title[b-ve4yz7owvf] { margin: 0; }

.bm__lead[b-ve4yz7owvf] {
    margin: 0;
    max-width: 68ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.bm__body[b-ve4yz7owvf] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    max-width: 62rem;
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.bm__pick[b-ve4yz7owvf] {
    display: flex;
    align-items: flex-end;
    gap: var(--bp-space-3);
}

    .bm__pick .bp-field[b-ve4yz7owvf] { flex: 0 1 26rem; }

.bm__input[b-ve4yz7owvf] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .bm__input:focus-visible[b-ve4yz7owvf] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.bm__input--code[b-ve4yz7owvf] { font-variant-numeric: tabular-nums; }

.bm__textarea[b-ve4yz7owvf] {
    height: auto;
    padding: 0.5rem 0.7rem;
    line-height: 1.5;
    resize: vertical;
}

.bm__form[b-ve4yz7owvf],
.bm__upload[b-ve4yz7owvf] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3);
    border: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.bm__upload[b-ve4yz7owvf] { border-style: dashed; border-color: var(--bp-panel-border); }

.bm__fieldset[b-ve4yz7owvf] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

    .bm__fieldset:disabled[b-ve4yz7owvf] { opacity: 0.7; }

.bm__grid[b-ve4yz7owvf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 14rem)) minmax(0, 1fr);
    gap: var(--bp-space-3);
    align-items: start;
}

.bm__wide[b-ve4yz7owvf] { grid-column: 1 / -1; }

.bm__formrow[b-ve4yz7owvf] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

/* ---- Ein Fall ---- */

.bm__case[b-ve4yz7owvf] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    padding-top: var(--bp-space-3);
    border-top: 1px solid var(--bp-panel-border);
}

.bm__casehead[b-ve4yz7owvf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.bm__casetitle[b-ve4yz7owvf] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.bm__notes[b-ve4yz7owvf] {
    margin: 0;
    max-width: 75ch;
    font-size: 0.9rem;
    line-height: 1.55;
    white-space: pre-wrap;
}

.bm__table[b-ve4yz7owvf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .bm__table td[b-ve4yz7owvf] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .bm__table tr:last-child td[b-ve4yz7owvf] { border-bottom: none; }

.bm__strong[b-ve4yz7owvf] { font-weight: 600; }

.bm__muted[b-ve4yz7owvf] { color: var(--bp-text-muted); }

.bm__small[b-ve4yz7owvf] { font-size: 0.78rem; }

.bm__actions[b-ve4yz7owvf] { text-align: right; }

.bm__iconbtn[b-ve4yz7owvf] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .bm__iconbtn--accent[b-ve4yz7owvf] { color: var(--bp-yellow); }

    .bm__iconbtn:hover[b-ve4yz7owvf] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .bm__iconbtn:focus-visible[b-ve4yz7owvf] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.bm__hint[b-ve4yz7owvf] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    margin: 0;
    max-width: 80ch;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrEmployeeDetail.razor.rz.scp.css */
/* Personalakte — Kopf, Reiter, Formularraster, Tabellen. Farben, Schriften und Abstände aus
   tokens.css; Feld-, Chip-, Reiter- und Gruppen-Bausteine aus bp-components.css. */

.hd[b-l7vu2p9onh] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.hd__head[b-l7vu2p9onh] { align-items: flex-start; }

.hd__ident[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.hd__back[b-l7vu2p9onh] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .hd__back .e-icons[b-l7vu2p9onh] { font-size: 0.7rem; }

    .hd__back:hover[b-l7vu2p9onh] { color: var(--bp-yellow); }

.hd__title[b-l7vu2p9onh] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-3);
    margin: 0;
    min-width: 0;
}

/* Die Personalnummer ist der Anker der Akte — leise vor dem Namen, in Tabellenziffern. */
.hd__number[b-l7vu2p9onh] {
    font-family: var(--bp-font-head);
    font-size: 1rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text-muted);
}

    .hd__number[b-l7vu2p9onh]::before { content: "#"; opacity: 0.6; }

.hd__signals[b-l7vu2p9onh] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    flex-wrap: wrap;
    margin-top: var(--bp-space-1);
}

.hd__signal[b-l7vu2p9onh] {
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hd__signal + .hd__signal[b-l7vu2p9onh]::before {
        content: "·";
        margin-right: var(--bp-space-2);
        opacity: 0.6;
    }

.hd__actions[b-l7vu2p9onh] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    flex: 0 0 auto;
}

.hd__body[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.hd__tabs[b-l7vu2p9onh] { margin-bottom: 0; }

.hd__count[b-l7vu2p9onh] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.hd__panel[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
}

    .hd__panel[hidden][b-l7vu2p9onh] { display: none; }

.hd__hint[b-l7vu2p9onh] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hd__hint .e-icons[b-l7vu2p9onh] { font-size: 0.8rem; }

/* ---- Formular ---- */

.hd__form[b-l7vu2p9onh],
.hd__upload[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

.hd__fieldset[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    transition: opacity 150ms ease-out;
}

    .hd__fieldset:disabled[b-l7vu2p9onh] { opacity: 0.7; }

.hd__grid[b-l7vu2p9onh] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.hd__span-2[b-l7vu2p9onh] { grid-column: span 2; }
.hd__span-3[b-l7vu2p9onh] { grid-column: span 3; }
.hd__span-4[b-l7vu2p9onh] { grid-column: span 4; }
.hd__span-5[b-l7vu2p9onh] { grid-column: span 5; }
.hd__span-12[b-l7vu2p9onh] { grid-column: span 12; }

.hd__input[b-l7vu2p9onh] {
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .hd__input:hover:not(:disabled):not(:focus-visible)[b-l7vu2p9onh] { border-color: rgba(255, 255, 255, 0.18); }

    .hd__input:focus-visible[b-l7vu2p9onh] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

    /* Browser-Datumsfeld: das Kalender-Symbol in der Textfarbe, nicht im Systemschwarz. */
    .hd__input[type="date"][b-l7vu2p9onh]::-webkit-calendar-picker-indicator {
        filter: invert(0.8);
        cursor: pointer;
    }

.hd__input--code[b-l7vu2p9onh] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.03em;
}

.hd__input--short[b-l7vu2p9onh] { width: 5.5rem; }

/* Zahl plus Einheit in einer Zeile (Aufbewahrung „Jahre ab Austritt"). */
.hd__inline[b-l7vu2p9onh] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
}

/* Anzeige-Wert in einem Formular, das der Leser nicht ändern darf: gleiche Höhe wie ein Feld, ohne Kante. */
.hd__static[b-l7vu2p9onh] {
    display: inline-flex;
    align-items: center;
    height: 2.4rem;
    padding: 0 0.15rem;
    font-size: 0.9rem;
    color: var(--bp-text);
    border-bottom: 1px dashed var(--bp-panel-border);
}

.hd__check[b-l7vu2p9onh] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    height: 2.4rem;
    font-size: 0.9rem;
    cursor: pointer;
}

    .hd__check input[b-l7vu2p9onh] { accent-color: var(--bp-yellow); }

.hd__small[b-l7vu2p9onh] { font-size: 0.78rem; }

.hd__chip[b-l7vu2p9onh] {
    margin-left: var(--bp-space-2);
    font-size: 0.7rem;
}

.hd__tabicon[b-l7vu2p9onh] { font-size: 0.75rem; margin-right: 0.25rem; }

/* Freigabe-Schalter in der Dokumentzeile: ruhig wie ein Chip, der Zustand steht im Icon und im
   Wort; erst der Hover verrät, dass er klickbar ist. Freigegeben trägt den Modul-Akzent. */
/* Freigabe-Schalter in der Dokumentzeile: rahmenlos wie die Symbolknöpfe daneben — die Tabelle
   trägt schon ihre Zeilenlinien, jeder weitere Rahmen darin wäre eine Linie zu viel. Der Stand
   steht in Icon und Wort; freigegeben trägt den Modul-Akzent. */
.hd__visibility[b-l7vu2p9onh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 1.9rem;
    padding: 0 0.5rem;
    margin-left: -0.5rem;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .hd__visibility .e-icons[b-l7vu2p9onh] { font-size: 0.85rem; }

    .hd__visibility.is-on[b-l7vu2p9onh] { color: var(--bp-yellow); }

    .hd__visibility:hover:not(:disabled)[b-l7vu2p9onh] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .hd__visibility.is-on:hover:not(:disabled)[b-l7vu2p9onh] { color: var(--bp-yellow); }

    .hd__visibility:focus-visible[b-l7vu2p9onh] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .hd__visibility:disabled[b-l7vu2p9onh] { opacity: 0.6; cursor: default; }

/* Zeilenaktionen: gleich große, rahmenlose Symbolknöpfe (Hausmuster wie die Vertragsdokumente
   in FiBu) — die Aktion steht im Tooltip. Herunterladen trägt den Modul-Akzent als häufigster
   Griff, Löschen zeigt erst beim Darüberfahren Rot. */
.hd__iconbtn[b-l7vu2p9onh] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .hd__iconbtn .e-icons[b-l7vu2p9onh] { font-size: 0.95rem; }

    .hd__iconbtn:hover:not(:disabled)[b-l7vu2p9onh] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .hd__iconbtn:focus-visible[b-l7vu2p9onh] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .hd__iconbtn:disabled[b-l7vu2p9onh] { opacity: 0.4; cursor: default; }

.hd__iconbtn--accent[b-l7vu2p9onh] { color: var(--bp-yellow); }

    .hd__iconbtn--accent:hover:not(:disabled)[b-l7vu2p9onh] {
        background: color-mix(in srgb, var(--bp-yellow) 12%, transparent);
        color: var(--bp-yellow);
    }

.hd__iconbtn--danger:hover:not(:disabled)[b-l7vu2p9onh] {
    background: color-mix(in srgb, var(--bp-debit) 14%, transparent);
    color: var(--bp-debit);
}

.hd__textarea[b-l7vu2p9onh] {
    height: auto;
    min-height: 5rem;
    padding: 0.55rem 0.7rem;
    line-height: 1.5;
    resize: vertical;
}

.hd__uploadrow[b-l7vu2p9onh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

/* ---- Tabellen (Dokumente, Zugriffe): ruhige Zeilen, Kopf klein und gedämpft ---- */

.hd__table[b-l7vu2p9onh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .hd__table th[b-l7vu2p9onh] {
        padding: var(--bp-space-2) var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .hd__table td[b-l7vu2p9onh] {
        padding: var(--bp-space-2) var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .hd__table tbody tr:hover[b-l7vu2p9onh] { background: var(--bp-panel-hover); }

    /* Wie bp-table: unter der letzten Zeile keine Linie — sonst schließt die Tabelle mit einem
       Strich, der an den Rand der Fläche stößt. */
    .hd__table tbody tr:last-child td[b-l7vu2p9onh] { border-bottom: none; }

.hd__num[b-l7vu2p9onh] { text-align: right; }

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

.hd__strong[b-l7vu2p9onh] { font-weight: 600; }

.hd__muted[b-l7vu2p9onh] { color: var(--bp-text-muted); }

.hd__rowactions[b-l7vu2p9onh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

.hd__privacy[b-l7vu2p9onh] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 0.8rem;
    color: var(--bp-text-faint);
}

    .hd__privacy .e-icons[b-l7vu2p9onh] { font-size: 0.8rem; }

/* ---- Fassungen: Zähler als Aufklapper; ältere Fassungen eingerückt und gedämpft ---- */

.hd__count--open[b-l7vu2p9onh] {
    padding: 0 0.4rem;
    border-radius: 999px;
    color: var(--bp-bg);
    background: var(--bp-yellow);
}

.hd__versions[b-l7vu2p9onh] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--bp-text);
    cursor: pointer;
}

    .hd__versions .e-icons[b-l7vu2p9onh] { font-size: 0.65rem; color: var(--bp-text-muted); }

    .hd__versions:hover[b-l7vu2p9onh] { color: var(--bp-yellow); }

.hd__table tbody tr.is-expanded[b-l7vu2p9onh] { background: var(--bp-panel-hover); }

.hd__table tbody tr.hd__versionrow td[b-l7vu2p9onh] {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.85rem;
    border-bottom-style: dashed;
}

.hd__upload--version[b-l7vu2p9onh] {
    padding: var(--bp-space-3);
    border: 1px dashed var(--bp-panel-border);
    border-radius: var(--bp-radius);
}

/* ---- Standardschreiben: eine Zeile — Erklärung, Vorlage, Knopf ---- */

.hd__letter[b-l7vu2p9onh] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-3);
    flex-wrap: wrap;
    padding: var(--bp-space-3);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.hd__letter__text[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1 1 14rem;
    min-width: 0;
}

.hd__letter__title[b-l7vu2p9onh] { margin: 0; }

.hd__letter__select[b-l7vu2p9onh] { width: min(100%, 22rem); }

.hd__letter__link[b-l7vu2p9onh] {
    font-size: 0.85rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .hd__letter__link:hover[b-l7vu2p9onh] { color: var(--bp-yellow); }

/* ---- Änderungsanträge: eine Karte je Antrag, Werte alt gegen neu ---- */

.hd__requests[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

.hd__request[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    padding: var(--bp-space-3);
    border: 1px solid var(--bp-panel-border);
    border-left: 3px solid var(--bp-yellow);
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.hd__request__head[b-l7vu2p9onh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-2);
}

.hd__table--compact[b-l7vu2p9onh] { max-width: 48rem; }

.hd__request__note[b-l7vu2p9onh] {
    margin: 0;
    padding-left: var(--bp-space-3);
    border-left: 2px solid var(--bp-panel-border);
    font-size: 0.9rem;
    color: var(--bp-text-muted);
    white-space: pre-line;
}

.hd__request__actions[b-l7vu2p9onh],
.hd__request__reject[b-l7vu2p9onh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

    .hd__request__reject .hd__input[b-l7vu2p9onh] { flex: 1 1 16rem; }

/* Hinweis unter einem Feld, wenn eine Angabe für eine Berechnung fehlt (Standort ohne Bundesland → keine Feiertage). */
.hd__warnhint[b-l7vu2p9onh] { color: var(--bp-warn); }

/* Angebot der Teilzeit-Umrechnung am Beschäftigungsabschnitt — eine Zeile über die volle Breite. */
.hd__convert[b-l7vu2p9onh] {
    flex-direction: row;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hd__convert .e-icons[b-l7vu2p9onh] { font-size: 0.85rem; }

/* Firmenweiter Schalter der KI-Texterkennung im Reiter Dokumente. */
.hd__ocrswitch[b-l7vu2p9onh] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.85rem;
    color: var(--bp-text-muted);
    cursor: pointer;
}

    .hd__ocrswitch input[b-l7vu2p9onh] { accent-color: var(--bp-purple); }

    .hd__ocrswitch span[b-l7vu2p9onh] { display: inline-flex; align-items: center; gap: 0.35rem; }

/* ---- Löschsperre der Akte: eine Zeile — Stand und der eine Knopf dazu ---- */

.hd__hold[b-l7vu2p9onh] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrEmployees.razor.rz.scp.css */
/* Mitarbeitermaske — Struktur, Zustände und der eine Bewegungsmoment. Farben, Schriften und
   Abstände kommen aus tokens.css; Feld-, Chip- und Karten-Bausteine aus bp-components.css. Aufbau wie
   Kontakt- und Firmen-Maske, damit alle drei Masken dieselbe Hand zeigen. */

.hm[b-k4o3f03rp0] {
    position: relative;
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3);
    min-height: 100%;
}

/* ---- Die Karte: erhabene Kopfleiste, darunter die Felder. ---- */

.hm__mask[b-k4o3f03rp0] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    caret-color: var(--bp-yellow);
}

    .hm__mask [b-k4o3f03rp0]::selection {
        background: color-mix(in srgb, var(--bp-yellow) 30%, transparent);
        color: var(--bp-text);
    }

/* Fortschrittsband: 2px am oberen Rand, läuft nur während der Suche — Bewegung als Zustand. */
.hm__progress[b-k4o3f03rp0] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    overflow: hidden;
    pointer-events: none;
}

.hm__mask--busy .hm__progress[b-k4o3f03rp0]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%;
    background: var(--bp-yellow);
    animation: hm-progress-b-k4o3f03rp0 1.1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes hm-progress-b-k4o3f03rp0 {
    from { transform: translateX(-100%); }
    to { transform: translateX(340%); }
}

/* ---- Kopfleiste: Marke · Blättern · Nummer + Name · Aktionen ---- */

.hm__strip[b-k4o3f03rp0] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-3);
    min-height: 3.25rem;
    padding: var(--bp-space-2) var(--bp-space-3);
    background: var(--bp-panel-solid);
    border-bottom: 1px solid var(--bp-panel-border);
}

.hm__mode[b-k4o3f03rp0] {
    flex: 0 0 auto;
    min-width: 6.25rem;
    padding: 0.15rem var(--bp-space-2);
    border: 1px solid currentColor;
    border-radius: var(--bp-radius-ctl);
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;
    color: var(--bp-text-muted);
}

.hm__mode--loaded[b-k4o3f03rp0] { color: var(--bp-yellow); }

.hm__nav[b-k4o3f03rp0] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-1);
    flex: 0 0 auto;
    width: 11rem;
    justify-content: center;
    padding: 0 var(--bp-space-2);
    border-left: 1px solid var(--bp-panel-border);
    border-right: 1px solid var(--bp-panel-border);
}

.hm__nav-btn[b-k4o3f03rp0] {
    display: inline-grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl);
    background: var(--bp-panel-solid-2);
    color: var(--bp-text);
    cursor: pointer;
    transition: border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out;
}

    .hm__nav-btn .e-icons[b-k4o3f03rp0] { font-size: 0.8rem; }

    .hm__nav-btn:hover:not(:disabled)[b-k4o3f03rp0] {
        border-color: color-mix(in srgb, var(--bp-yellow) 60%, transparent);
        color: var(--bp-yellow);
    }

    .hm__nav-btn:active:not(:disabled)[b-k4o3f03rp0] { background: var(--bp-panel-hover); }

    .hm__nav-btn:focus-visible[b-k4o3f03rp0] {
        outline: 2px solid color-mix(in srgb, var(--bp-yellow) 70%, transparent);
        outline-offset: 2px;
    }

    .hm__nav-btn:disabled[b-k4o3f03rp0] {
        opacity: 0.35;
        cursor: default;
    }

.hm__nav-pos[b-k4o3f03rp0] {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.2rem;
    min-width: 4.75rem;
    font-family: var(--bp-font-head);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.hm__nav-current[b-k4o3f03rp0] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--bp-text);
}

.hm__nav-sep[b-k4o3f03rp0],
.hm__nav-total[b-k4o3f03rp0] {
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

.hm__info[b-k4o3f03rp0] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    flex: 1 1 auto;
    min-width: 0;
}

.hm__info-number[b-k4o3f03rp0] {
    flex: 0 0 auto;
    font-family: var(--bp-font-head);
    font-variant-numeric: tabular-nums;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hm__info-number[b-k4o3f03rp0]::before { content: "#"; opacity: 0.6; }

/* Der Name ist ein Link in die Akte: ruhig wie Text, beim Hover die Akzentfarbe mit Unterstrich. */
.hm__info-title[b-k4o3f03rp0] {
    font-family: var(--bp-font-head);
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--bp-text);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    transition: color 150ms ease-out;
}

    .hm__info-title:hover[b-k4o3f03rp0] {
        color: var(--bp-yellow);
        text-decoration: underline;
        text-underline-offset: 0.2em;
    }

    .hm__info-title:focus-visible[b-k4o3f03rp0] {
        outline: 2px solid color-mix(in srgb, var(--bp-yellow) 70%, transparent);
        outline-offset: 2px;
        border-radius: 2px;
    }

.hm__note[b-k4o3f03rp0] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.82rem;
    color: var(--bp-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .hm__note .e-icons[b-k4o3f03rp0] { font-size: 0.8rem; }

.hm__note--faint[b-k4o3f03rp0] { color: var(--bp-text-faint); }

.hm__actions[b-k4o3f03rp0] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    flex: 0 0 auto;
}

.hm__primary[b-k4o3f03rp0] { min-width: 8.5rem; }

/* Listenimport: Der Knopf IST das Label der unsichtbaren Dateiauswahl — sie liegt deckungsgleich
   darüber, damit der ganze Knopf klickbar bleibt (Muster Belegeingang). */
.hm__import[b-k4o3f03rp0] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    cursor: pointer;
    overflow: hidden;
}

    .hm__import[b-k4o3f03rp0]  input[type="file"] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    .hm__import[b-k4o3f03rp0]  input[type="file"]:disabled { cursor: default; }

    .hm__import:has(::deep input:focus-visible)[b-k4o3f03rp0] {
        outline: 2px solid color-mix(in srgb, var(--bp-yellow) 70%, transparent);
        outline-offset: 2px;
    }

    .hm__import .e-icons[b-k4o3f03rp0] { font-size: 0.8rem; }

.hm__import--busy[b-k4o3f03rp0] { opacity: 0.6; }

/* ---- Felder ---- */

.hm__fields[b-k4o3f03rp0] {
    margin: 0;
    padding: var(--bp-space-3) var(--bp-space-3) var(--bp-space-4);
    border: 0;
    transition: opacity 150ms ease-out;
}

    .hm__fields:disabled[b-k4o3f03rp0] { opacity: 0.6; }

/* Zwölfspaltiges Raster: Kennung und Name oben, Organisation daneben; bei geladener Akte eine
   zweite Zeile mit den Daten, die kein Suchkriterium sind. */
.hm__grid[b-k4o3f03rp0] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3) var(--bp-space-3);
    align-items: end;
    animation: hm-fill-b-k4o3f03rp0 180ms ease-out;
}

@keyframes hm-fill-b-k4o3f03rp0 {
    from { opacity: 0.35; transform: translateY(3px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .hm__grid[b-k4o3f03rp0] { animation: none; }
    .hm__mask--busy .hm__progress[b-k4o3f03rp0]::before { animation-duration: 2.5s; }
}

.hm__span-2[b-k4o3f03rp0] { grid-column: span 2; }
.hm__span-3[b-k4o3f03rp0] { grid-column: span 3; }
.hm__span-9[b-k4o3f03rp0] { grid-column: span 9; }

.hm__input[b-k4o3f03rp0] {
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .hm__input[b-k4o3f03rp0]::placeholder { color: var(--bp-text-faint); }

    .hm__input:hover:not(:disabled):not(:focus-visible)[b-k4o3f03rp0] { border-color: rgba(255, 255, 255, 0.18); }

    .hm__input:focus-visible[b-k4o3f03rp0] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

    .hm__input:disabled[b-k4o3f03rp0] { cursor: default; }

/* Nummern und Daten tabellarisch — Ziffern stehen untereinander. */
.hm__input--code[b-k4o3f03rp0] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.03em;
}

/* Anzeige-Werte bei geladenem Satz: gleiche Höhe wie ein Eingabefeld, aber ohne Kante — lesbar
   als „steht fest", nicht als „gesperrt". */
.hm__static[b-k4o3f03rp0] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    max-width: 100%;
    height: 2.4rem;
    padding: 0 0.15rem;
    font-size: 0.9rem;
    color: var(--bp-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px dashed var(--bp-panel-border);
}

.hm__static--number[b-k4o3f03rp0] {
    font-family: var(--bp-font-head);
    font-size: 1.05rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* Fußzeile unter der Maske: links der Vertraulichkeitshinweis, rechts die Import-Vorlage — beides
   leise, beides lesbar, ohne dass eines das andere überstimmt. */
.hm__foot[b-k4o3f03rp0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
    flex-wrap: wrap;
}

.hm__foot-link[b-k4o3f03rp0] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: color 150ms ease-out;
}

    .hm__foot-link .e-icons[b-k4o3f03rp0] { font-size: 0.8rem; }

    .hm__foot-link:hover[b-k4o3f03rp0] {
        color: var(--bp-yellow);
        text-decoration: underline;
        text-underline-offset: 0.2em;
    }

    .hm__foot-link:focus-visible[b-k4o3f03rp0] {
        outline: 2px solid color-mix(in srgb, var(--bp-yellow) 70%, transparent);
        outline-offset: 2px;
        border-radius: 2px;
    }

/* Der Vertraulichkeitshinweis steht unter der Maske, leise — er soll gelesen werden, ohne zu warnen. */
.hm__privacy[b-k4o3f03rp0] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 0.8rem;
    color: var(--bp-text-faint);
}

    .hm__privacy .e-icons[b-k4o3f03rp0] { font-size: 0.8rem; }
/* _content/bettERFramework.HR.UI/Components/Pages/HrLetterTemplates.razor.rz.scp.css */
/* Vorlagen für Standardschreiben — Liste, Upload, Platzhalter-Katalog. Farben und Abstände aus
   tokens.css; Feld-, Chip- und Gruppen-Bausteine aus bp-components.css. */

.tp[b-xohnq6qwk2] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.tp__head[b-xohnq6qwk2] { align-items: flex-start; }

.tp__ident[b-xohnq6qwk2] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.tp__back[b-xohnq6qwk2] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .tp__back .e-icons[b-xohnq6qwk2] { font-size: 0.7rem; }

    .tp__back:hover[b-xohnq6qwk2] { color: var(--bp-yellow); }

.tp__title[b-xohnq6qwk2] { margin: 0; }

.tp__lead[b-xohnq6qwk2] {
    margin: 0;
    max-width: 60ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.tp__body[b-xohnq6qwk2] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

/* ---- Tabelle ---- */

.tp__table[b-xohnq6qwk2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .tp__table th[b-xohnq6qwk2] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .tp__table td[b-xohnq6qwk2] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: top;
    }

    .tp__table tbody tr:hover[b-xohnq6qwk2] { background: var(--bp-panel-hover); }

.tp__strong[b-xohnq6qwk2] { font-weight: 600; }

.tp__muted[b-xohnq6qwk2] { color: var(--bp-text-muted); }

.tp__small[b-xohnq6qwk2] { font-size: 0.78rem; }

.tp__rowactions[b-xohnq6qwk2] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

/* Zeilenaktionen wie in der Personalakte: rahmenlose Symbolknöpfe, Aktion im Tooltip. */
.tp__iconbtn[b-xohnq6qwk2] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .tp__iconbtn .e-icons[b-xohnq6qwk2] { font-size: 0.95rem; }

    .tp__iconbtn:hover:not(:disabled)[b-xohnq6qwk2] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .tp__iconbtn:focus-visible[b-xohnq6qwk2] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .tp__iconbtn:disabled[b-xohnq6qwk2] { opacity: 0.4; cursor: default; }

.tp__iconbtn--danger:hover:not(:disabled)[b-xohnq6qwk2] {
    background: color-mix(in srgb, var(--bp-debit) 14%, transparent);
    color: var(--bp-debit);
}

/* Platzhalter als kleine Codes; unbekannte in der Warnfarbe — sie bleiben im Schreiben stehen. */
.tp__tags[b-xohnq6qwk2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.tp__tag[b-xohnq6qwk2] {
    padding: 0.1rem 0.4rem;
    font-size: 0.78rem;
    font-family: var(--bp-font-mono, monospace);
    color: var(--bp-text);
    background: var(--bp-panel-solid-2);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl);
}

/* Stand der Zuordnung: rahmenlos wie die Zeilenknöpfe; vollständig im Modul-Akzent, offen in Warnfarbe. */
.tp__mapstate[b-xohnq6qwk2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 1.9rem;
    padding: 0 0.5rem;
    margin-left: -0.5rem;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-yellow);
    font: inherit;
    font-size: 0.84rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 120ms ease-out;
}

    .tp__mapstate .e-icons[b-xohnq6qwk2] { font-size: 0.8rem; }

    .tp__mapstate:hover[b-xohnq6qwk2] { background: var(--bp-panel-hover); }

    .tp__mapstate:focus-visible[b-xohnq6qwk2] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.tp__mapstate--open[b-xohnq6qwk2] { color: var(--bp-warn); }

.tp__iconbtn--accent[b-xohnq6qwk2] { color: var(--bp-yellow); }

    .tp__iconbtn--accent:hover:not(:disabled)[b-xohnq6qwk2] {
        background: color-mix(in srgb, var(--bp-yellow) 12%, transparent);
        color: var(--bp-yellow);
    }

/* ---- Upload ---- */

.tp__upload[b-xohnq6qwk2],
.tp__fields[b-xohnq6qwk2] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
}

.tp__fieldset[b-xohnq6qwk2] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    transition: opacity 150ms ease-out;
}

    .tp__fieldset:disabled[b-xohnq6qwk2] { opacity: 0.7; }

.tp__grid[b-xohnq6qwk2] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.tp__span-3[b-xohnq6qwk2] { grid-column: span 3; }
.tp__span-4[b-xohnq6qwk2] { grid-column: span 4; }
.tp__span-5[b-xohnq6qwk2] { grid-column: span 5; }
.tp__span-12[b-xohnq6qwk2] { grid-column: span 12; }

.tp__input[b-xohnq6qwk2] {
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .tp__input:focus-visible[b-xohnq6qwk2] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.tp__uploadrow[b-xohnq6qwk2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.tp__buttons[b-xohnq6qwk2] {
    display: flex;
    gap: var(--bp-space-2);
}

@media (max-width: 720px) {
    .tp__span-3[b-xohnq6qwk2],
    .tp__span-4[b-xohnq6qwk2],
    .tp__span-5[b-xohnq6qwk2] { grid-column: span 12; }
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrMyFile.razor.rz.scp.css */
/* Selbstauskunft und Team-Sicht teilen die Optik der Akte (hd-Bausteine aus HrEmployeeDetail werden
   hier nicht geerbt — Scoped-CSS ist je Komponente); deshalb die wenigen eigenen Regeln. Fakten als
   Definitionsliste: Beschriftung klein und gedämpft, Wert in Textfarbe, gleiche Höhe wie ein Feld. */

.hd[b-eh6m2263lj] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.hd__head[b-eh6m2263lj] { align-items: flex-start; }

.hd__ident[b-eh6m2263lj] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.hd__title[b-eh6m2263lj] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-3);
    margin: 0;
}

.hd__number[b-eh6m2263lj] {
    font-family: var(--bp-font-head);
    font-size: 1rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text-muted);
}

    .hd__number[b-eh6m2263lj]::before { content: "#"; opacity: 0.6; }

.hd__signals[b-eh6m2263lj] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    flex-wrap: wrap;
    margin-top: var(--bp-space-1);
}

.hd__signal[b-eh6m2263lj] {
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hd__signal + .hd__signal[b-eh6m2263lj]::before {
        content: "·";
        margin-right: var(--bp-space-2);
        opacity: 0.6;
    }

.hd__body[b-eh6m2263lj] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.hd__hint[b-eh6m2263lj] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hd__hint .e-icons[b-eh6m2263lj] { font-size: 0.8rem; }

/* ---- Reiter: dieselbe Leiste wie in der Akte der Personalverwaltung ---- */

.hd__tabs[b-eh6m2263lj] { margin-bottom: 0; }

.hd__count[b-eh6m2263lj] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.hd__count--open[b-eh6m2263lj] {
    padding: 0 0.4rem;
    border-radius: 999px;
    color: var(--bp-bg);
    background: var(--bp-yellow);
}

.hd__tabicon[b-eh6m2263lj] { font-size: 0.75rem; margin-right: 0.25rem; }

.hd__panel[b-eh6m2263lj] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding-top: var(--bp-space-2);
}

    .hd__panel[hidden][b-eh6m2263lj] { display: none; }

/* Lesewerte ohne eigene Linien: Die Gruppenüberschrift (bp-form__group) zieht bereits die
   Trennlinie — eine zweite Linie je Wert machte das Bild unruhig. Ordnung entsteht über Luft:
   großzügiger Zeilenabstand, Beschriftung leise über dem Wert, Abstand vor der nächsten Gruppe. */
.my__facts[b-eh6m2263lj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--bp-space-4) var(--bp-space-5);
    margin: 0 0 var(--bp-space-4);
}

    .my__facts > div[b-eh6m2263lj] {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        min-width: 0;
    }

    .my__facts dt[b-eh6m2263lj] {
        font-size: 0.75rem;
        font-weight: 500;
        color: var(--bp-text-muted);
    }

    .my__facts dd[b-eh6m2263lj] {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.4;
        color: var(--bp-text);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* Download: Schrift und Icon im Modul-Akzent (Mint im HR-Thema), ohne Rahmen — die Tabelle trägt
   schon ihre Zeilenlinien, ein Umriss je Zeile wäre eine Linie zu viel. Die Fläche erscheint
   erst beim Darüberfahren. Höhere Spezifität als .bp-tool-btn.e-btn aus bp-components.css. */
.hd__rowactions[b-eh6m2263lj]  .e-btn.my__download {
    border-color: transparent;
    color: var(--bp-yellow);
    background: transparent;
}

    .hd__rowactions[b-eh6m2263lj]  .e-btn.my__download .e-btn-icon { color: inherit; }

    .hd__rowactions[b-eh6m2263lj]  .e-btn.my__download:hover:not(:disabled),
    .hd__rowactions[b-eh6m2263lj]  .e-btn.my__download:focus-visible {
        border-color: transparent;
        background: color-mix(in srgb, var(--bp-yellow) 12%, transparent);
        color: var(--bp-yellow);
    }

/* Wie in der Akte: unter der letzten Zeile keine Linie. */
.hd__table tbody tr:last-child td[b-eh6m2263lj] { border-bottom: none; }

.my__wide[b-eh6m2263lj] { grid-column: span 4; }

.hd__table[b-eh6m2263lj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .hd__table th[b-eh6m2263lj] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .hd__table td[b-eh6m2263lj] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .hd__table tbody tr:hover[b-eh6m2263lj] { background: var(--bp-panel-hover); }

.hd__num[b-eh6m2263lj] { text-align: right; }

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

.hd__strong[b-eh6m2263lj] { font-weight: 600; }

.hd__muted[b-eh6m2263lj] {
    margin: 0;
    color: var(--bp-text-muted);
}

.hd__rowactions[b-eh6m2263lj] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
    white-space: nowrap;
}

.hd__privacy[b-eh6m2263lj] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 0.8rem;
    color: var(--bp-text-faint);
}

    .hd__privacy .e-icons[b-eh6m2263lj] { font-size: 0.8rem; }

/* ---- Änderungsanträge: drei Einstiege, ein Formular, darunter die eigene Antragsliste ---- */

.my__requestbuttons[b-eh6m2263lj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
}

.my__request[b-eh6m2263lj] {
    padding: var(--bp-space-3);
    border: 1px solid var(--bp-panel-border);
    border-left: 3px solid var(--bp-yellow);
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.my__fieldset[b-eh6m2263lj] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    align-items: flex-start;
}

    .my__fieldset:disabled[b-eh6m2263lj] { opacity: 0.7; }

.my__grid[b-eh6m2263lj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--bp-space-3);
    width: 100%;
    align-items: end;
}

.my__input[b-eh6m2263lj] {
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
}

    .my__input:focus-visible[b-eh6m2263lj] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.my__textarea[b-eh6m2263lj] {
    height: auto;
    min-height: 4rem;
    padding: 0.55rem 0.7rem;
    line-height: 1.5;
    resize: vertical;
}

.my__requestrow[b-eh6m2263lj] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
    width: 100%;
}

@media (max-width: 720px) {
    .my__facts[b-eh6m2263lj],
    .my__grid[b-eh6m2263lj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .my__wide[b-eh6m2263lj] { grid-column: span 2; }
}

.hd__chip[b-eh6m2263lj] {
    margin-left: var(--bp-space-2);
    font-size: 0.7rem;
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrOrganisation.razor.rz.scp.css */
/* Organisation — Organigramm als Baum aus Karten an einer Leitlinie, Standorte als Tabelle, ein
   Formular je Reiter. Farben und Abstände aus tokens.css, Bausteine aus bp-components.css.
   Die Knoten-Optik (oc__*) liegt bei der Komponente OrgChartUnit; hier nur Seite und Formulare. */

.og[b-v3e104qwpx] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.og__head[b-v3e104qwpx] { align-items: flex-start; }

.og__ident[b-v3e104qwpx] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.og__back[b-v3e104qwpx] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .og__back .e-icons[b-v3e104qwpx] { font-size: 0.7rem; }

    .og__back:hover[b-v3e104qwpx] { color: var(--bp-yellow); }

.og__title[b-v3e104qwpx] { margin: 0; }

.og__lead[b-v3e104qwpx] {
    margin: 0;
    max-width: 60ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.og__actions[b-v3e104qwpx] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    flex: 0 0 auto;
}

.og__body[b-v3e104qwpx] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.og__tabs[b-v3e104qwpx] { margin-bottom: 0; }

.og__count[b-v3e104qwpx] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.og__panel[b-v3e104qwpx] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
}

    .og__panel[hidden][b-v3e104qwpx] { display: none; }

/* ---- Organigramm: Wurzeln nebeneinander, solange Platz ist ---- */

.og__chart[b-v3e104qwpx] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--bp-space-4);
}

    .og__chart > *[b-v3e104qwpx] { flex: 1 1 22rem; max-width: 100%; }

.og__unassigned[b-v3e104qwpx] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    padding: var(--bp-space-3);
    border: 1px dashed var(--bp-panel-border);
    border-radius: var(--bp-radius);
}

.og__people[b-v3e104qwpx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.3rem var(--bp-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.9rem;
}

    .og__people a[b-v3e104qwpx] {
        color: var(--bp-text);
        text-decoration: none;
    }

        .og__people a:hover[b-v3e104qwpx] { color: var(--bp-yellow); }

/* ---- Formulare ---- */

.og__form[b-v3e104qwpx] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3);
    border: 1px solid var(--bp-panel-border);
    border-left: 3px solid var(--bp-yellow);
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.og__fieldset[b-v3e104qwpx] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    transition: opacity 150ms ease-out;
}

    .og__fieldset:disabled[b-v3e104qwpx] { opacity: 0.7; }

.og__grid[b-v3e104qwpx] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.og__span-2[b-v3e104qwpx] { grid-column: span 2; }
.og__span-3[b-v3e104qwpx] { grid-column: span 3; }
.og__span-4[b-v3e104qwpx] { grid-column: span 4; }

.og__input[b-v3e104qwpx] {
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .og__input:focus-visible[b-v3e104qwpx] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.og__input--code[b-v3e104qwpx] { font-variant-numeric: tabular-nums; }

.og__check[b-v3e104qwpx] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    height: 2.4rem;
    font-size: 0.9rem;
    cursor: pointer;
}

    .og__check input[b-v3e104qwpx] { accent-color: var(--bp-yellow); }

.og__formrow[b-v3e104qwpx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.og__buttons[b-v3e104qwpx] {
    display: flex;
    gap: var(--bp-space-2);
}

/* ---- Standorte ---- */

.og__table[b-v3e104qwpx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .og__table th[b-v3e104qwpx] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .og__table td[b-v3e104qwpx] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .og__table tbody tr:hover[b-v3e104qwpx] { background: var(--bp-panel-hover); }

    .og__table tbody tr.is-inactive td[b-v3e104qwpx] { color: var(--bp-text-faint); }

.og__num[b-v3e104qwpx] { text-align: right; }

.og__code[b-v3e104qwpx] { font-variant-numeric: tabular-nums; }

.og__strong[b-v3e104qwpx] { font-weight: 600; }

.og__muted[b-v3e104qwpx] { color: var(--bp-text-muted); }

.og__small[b-v3e104qwpx] { font-size: 0.78rem; margin: 0; }

.og__rowactions[b-v3e104qwpx] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
    white-space: nowrap;
}

@media (max-width: 720px) {
    .og__span-2[b-v3e104qwpx],
    .og__span-3[b-v3e104qwpx],
    .og__span-4[b-v3e104qwpx] { grid-column: span 12; }
}

/* ---- Stellenplan: je Einheit ein Block, die Stellen als schlanke Tabelle, Besetzung als Chips ---- */

.og__posunit[b-v3e104qwpx] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    padding: var(--bp-space-3) var(--bp-space-4);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel);
}

.og__posunit__head[b-v3e104qwpx] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-3);
}

.og__posunit__name[b-v3e104qwpx] {
    font-family: var(--bp-font-head);
    font-size: 1rem;
    font-weight: 600;
}

    .og__posunit__head .og__iconbtn[b-v3e104qwpx] { margin-left: auto; }

.og__posstate[b-v3e104qwpx] {
    margin-left: var(--bp-space-2);
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    white-space: nowrap;
}

.og__posstate--open[b-v3e104qwpx] { color: var(--bp-warn); background: color-mix(in srgb, var(--bp-warn) 14%, transparent); }

.og__posstate--over[b-v3e104qwpx] { color: var(--bp-debit); background: color-mix(in srgb, var(--bp-debit) 14%, transparent); }

.og__posstate--full[b-v3e104qwpx] { color: var(--bp-credit); background: color-mix(in srgb, var(--bp-credit) 14%, transparent); }

.og__holders[b-v3e104qwpx] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.og__holder[b-v3e104qwpx] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.1rem 0.3rem 0.1rem 0.5rem;
    border-radius: 999px;
    background: var(--bp-panel-solid-2);
    font-size: 0.82rem;
}

    .og__holder a[b-v3e104qwpx] { color: var(--bp-text); text-decoration: none; }

    .og__holder a:hover[b-v3e104qwpx] { color: var(--bp-yellow); }

.og__holder__end[b-v3e104qwpx] {
    display: inline-grid;
    place-items: center;
    width: 1.3rem;
    height: 1.3rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
}

    .og__holder__end .e-icons[b-v3e104qwpx] { font-size: 0.6rem; }

    .og__holder__end:hover[b-v3e104qwpx] { background: color-mix(in srgb, var(--bp-debit) 14%, transparent); color: var(--bp-debit); }

.og__assign[b-v3e104qwpx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-2);
    margin-top: var(--bp-space-2);
}

    .og__assign .og__input[b-v3e104qwpx] { width: auto; min-width: 12rem; height: 2.1rem; }

    .og__assign .og__input--short[b-v3e104qwpx] { min-width: 6rem; width: 7.5rem; }

.og__spacer[b-v3e104qwpx] { flex: 1 1 auto; }

.og__hint[b-v3e104qwpx] {
    margin: 0;
    max-width: 80ch;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrPayrollClose.razor.rz.scp.css */
/* Monatsabschluss — dieselbe Seitengrammatik wie Abwesenheiten und Arbeitszeit (Kopf, Reiter,
   Tabelle, Formular darunter). Eigen sind die Monatsleiste mit Statuslicht, die Befund-Spalte
   mit Fehler-/Hinweis-Zeichen und der Zähler am Reiter, der rot wird, sobald Fehler offen sind. */

.pc[b-vi0utecv5h] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.pc__head[b-vi0utecv5h] { align-items: flex-start; }

.pc__ident[b-vi0utecv5h] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.pc__back[b-vi0utecv5h] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .pc__back .e-icons[b-vi0utecv5h] { font-size: 0.7rem; }

    .pc__back:hover[b-vi0utecv5h] { color: var(--bp-yellow); }

.pc__title[b-vi0utecv5h] { margin: 0; }

.pc__lead[b-vi0utecv5h] {
    margin: 0;
    max-width: 72ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.pc__body[b-vi0utecv5h] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

/* ---- Monatsleiste ---- */

.pc__bar[b-vi0utecv5h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-3) var(--bp-space-5);
}

.pc__monthnav[b-vi0utecv5h] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-1);
}

.pc__month[b-vi0utecv5h] {
    min-width: 11rem;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 600;
}

.pc__status[b-vi0utecv5h] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

/* ---- Reiter ---- */

.pc__tabs[b-vi0utecv5h] { margin-bottom: 0; }

.pc__count[b-vi0utecv5h] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.pc__count--error[b-vi0utecv5h] {
    padding: 0 0.4rem;
    border-radius: 999px;
    color: #fff;
    background: var(--bp-debit);
}

.pc__panel[b-vi0utecv5h] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
}

    .pc__panel[hidden][b-vi0utecv5h] { display: none; }

/* ---- Zusammenfassung und Aktionen ---- */

.pc__summary[b-vi0utecv5h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.pc__summarytext[b-vi0utecv5h] {
    margin: 0;
    font-size: 0.92rem;
    font-variant-numeric: tabular-nums;
}

.pc__actions[b-vi0utecv5h] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
}

.pc__clean[b-vi0utecv5h] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    padding: var(--bp-space-3) var(--bp-space-4);
    border-radius: var(--bp-radius-lg);
    background: color-mix(in srgb, var(--bp-credit) 10%, transparent);
    color: var(--bp-text);
}

    .pc__clean .e-icons[b-vi0utecv5h] { color: var(--bp-credit); }

.pc__hint[b-vi0utecv5h] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    margin: 0;
    max-width: 80ch;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.pc__empty[b-vi0utecv5h] {
    margin: 0;
    padding: var(--bp-space-3) 0;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.pc__skipped[b-vi0utecv5h] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .pc__skipped .e-icons[b-vi0utecv5h] { margin-right: 0.35rem; color: var(--bp-warn); font-size: 0.8rem; }

/* ---- Tabellen ---- */

.pc__table[b-vi0utecv5h] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .pc__table th[b-vi0utecv5h] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .pc__table td[b-vi0utecv5h] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .pc__table tbody tr:hover[b-vi0utecv5h] { background: var(--bp-panel-hover); }

    .pc__table tbody tr:last-child td[b-vi0utecv5h] { border-bottom: none; }

    .pc__table tbody tr.is-inactive td[b-vi0utecv5h] { color: var(--bp-text-faint); }

    .pc__table tbody tr.is-editing[b-vi0utecv5h],
    .pc__table tbody tr.is-current[b-vi0utecv5h] { background: color-mix(in srgb, var(--bp-yellow) 6%, transparent); }

.pc__num[b-vi0utecv5h] { text-align: right; }

    .pc__table th.pc__num[b-vi0utecv5h] { text-align: right; }

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

.pc__strong[b-vi0utecv5h] { font-weight: 600; }

.pc__muted[b-vi0utecv5h] { color: var(--bp-text-muted); }

.pc__small[b-vi0utecv5h] { font-size: 0.78rem; font-weight: 400; }

.pc__sev[b-vi0utecv5h] { width: 1.5rem; }

    .pc__sev .e-icons[b-vi0utecv5h] { font-size: 0.95rem; }

.pc__sev--error[b-vi0utecv5h] { color: var(--bp-debit); }

.pc__sev--warn[b-vi0utecv5h] { color: var(--bp-warn); }

.pc__link[b-vi0utecv5h] {
    color: inherit;
    text-decoration: none;
}

    .pc__link:hover[b-vi0utecv5h] { color: var(--bp-yellow); }

.pc__rowactions[b-vi0utecv5h] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

.pc__iconbtn[b-vi0utecv5h] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .pc__iconbtn .e-icons[b-vi0utecv5h] { font-size: 0.9rem; }

    .pc__iconbtn:hover:not(:disabled)[b-vi0utecv5h] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .pc__iconbtn:focus-visible[b-vi0utecv5h] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .pc__iconbtn:disabled[b-vi0utecv5h] { opacity: 0.4; cursor: default; }

.pc__iconbtn--danger:hover:not(:disabled)[b-vi0utecv5h] {
    background: color-mix(in srgb, var(--bp-debit) 14%, transparent);
    color: var(--bp-debit);
}

/* ---- Formulare ---- */

.pc__form[b-vi0utecv5h] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-4);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel-solid-2);
}

    .pc__form .bp-form__group[b-vi0utecv5h] { margin: 0; }

.pc__fieldset[b-vi0utecv5h] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .pc__fieldset:disabled[b-vi0utecv5h] { opacity: 0.7; }

.pc__grid[b-vi0utecv5h] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.pc__span-1[b-vi0utecv5h] { grid-column: span 1; }
.pc__span-2[b-vi0utecv5h] { grid-column: span 2; }
.pc__span-3[b-vi0utecv5h] { grid-column: span 3; }
.pc__span-4[b-vi0utecv5h] { grid-column: span 4; }
.pc__span-5[b-vi0utecv5h] { grid-column: span 5; }
.pc__span-8[b-vi0utecv5h] { grid-column: span 8; }

.pc__input[b-vi0utecv5h] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    border-radius: var(--bp-radius-ctl);
}

    .pc__input:focus-visible[b-vi0utecv5h] {
        outline: none;
        border-color: var(--bp-yellow);
    }

.pc__fieldbtn[b-vi0utecv5h] { justify-content: flex-end; }

.pc__checkcell[b-vi0utecv5h] { justify-content: flex-end; }

.pc__check[b-vi0utecv5h] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    height: 2.4rem;
    font-size: 0.88rem;
    cursor: pointer;
    white-space: nowrap;
}

    .pc__check input[b-vi0utecv5h] { accent-color: var(--bp-yellow); }

.pc__formrow[b-vi0utecv5h] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

@media (max-width: 900px) {
    .pc__span-1[b-vi0utecv5h],
    .pc__span-2[b-vi0utecv5h],
    .pc__span-3[b-vi0utecv5h],
    .pc__span-4[b-vi0utecv5h],
    .pc__span-5[b-vi0utecv5h] { grid-column: span 6; }

    .pc__span-8[b-vi0utecv5h] { grid-column: span 12; }
}

@media (max-width: 600px) {
    .pc__span-1[b-vi0utecv5h],
    .pc__span-2[b-vi0utecv5h],
    .pc__span-3[b-vi0utecv5h],
    .pc__span-4[b-vi0utecv5h],
    .pc__span-5[b-vi0utecv5h] { grid-column: span 12; }

    .pc__table[b-vi0utecv5h] { font-size: 0.82rem; }
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrPayrollExports.razor.rz.scp.css */
/* Lohnexporte abholen — dieselbe Seitengrammatik wie der Abschluss, nur die Liste der Läufe mit
   zwei Download-Knöpfen je Zeile. Kein Formular, nichts zu entscheiden. */

.px[b-f7eks0qs3m] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.px__head[b-f7eks0qs3m] { align-items: flex-start; }

.px__ident[b-f7eks0qs3m] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.px__title[b-f7eks0qs3m] { margin: 0; }

.px__lead[b-f7eks0qs3m] {
    margin: 0;
    max-width: 64ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.px__body[b-f7eks0qs3m] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.px__table[b-f7eks0qs3m] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .px__table th[b-f7eks0qs3m] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .px__table td[b-f7eks0qs3m] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .px__table tbody tr:hover[b-f7eks0qs3m] { background: var(--bp-panel-hover); }

    .px__table tbody tr:last-child td[b-f7eks0qs3m] { border-bottom: none; }

.px__num[b-f7eks0qs3m] { text-align: right; }

    .px__table th.px__num[b-f7eks0qs3m] { text-align: right; }

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

.px__strong[b-f7eks0qs3m] { font-weight: 600; }

.px__muted[b-f7eks0qs3m] { color: var(--bp-text-muted); }

.px__small[b-f7eks0qs3m] { font-size: 0.78rem; }

.px__rowactions[b-f7eks0qs3m] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

.px__iconbtn[b-f7eks0qs3m] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .px__iconbtn .e-icons[b-f7eks0qs3m] { font-size: 0.9rem; }

    .px__iconbtn:hover[b-f7eks0qs3m] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .px__iconbtn:focus-visible[b-f7eks0qs3m] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.px__hint[b-f7eks0qs3m] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    margin: 0;
    max-width: 80ch;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrPrivacy.razor.rz.scp.css */
/* Datenschutz Personal — dieselbe Seitengrammatik wie die Aktenführung: Kopfband, Reiter, schlanke
   Tabellen, das Formular steht in der Seite. Hier wird gearbeitet (Fristen) und nachgewiesen
   (Zugänge): Farbe trägt nur, was überfällig oder offen ist. */

.pv[b-3tize5ynf5] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.pv__head[b-3tize5ynf5] { align-items: flex-start; }

.pv__ident[b-3tize5ynf5] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.pv__back[b-3tize5ynf5] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .pv__back .e-icons[b-3tize5ynf5] { font-size: 0.7rem; }

    .pv__back:hover[b-3tize5ynf5] { color: var(--bp-yellow); }

.pv__title[b-3tize5ynf5] { margin: 0; }

.pv__lead[b-3tize5ynf5] {
    margin: 0;
    max-width: 68ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.pv__body[b-3tize5ynf5] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.pv__tabs[b-3tize5ynf5] { margin-bottom: 0; }

.pv__count[b-3tize5ynf5] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.pv__count--open[b-3tize5ynf5] { color: var(--bp-warn); }

.pv__panel[b-3tize5ynf5] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
}

    .pv__panel[hidden][b-3tize5ynf5] { display: none; }

.pv__hint[b-3tize5ynf5] {
    margin: 0;
    max-width: 80ch;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

/* Rechtlicher Vorbehalt: kleiner und blasser als ein Hinweis. */
.pv__legal[b-3tize5ynf5] {
    margin: 0;
    max-width: 90ch;
    font-size: 0.76rem;
    line-height: 1.5;
    color: var(--bp-text-faint);
}

/* Lücke, die die Auskunft unvollständig macht: lesbar wie ein Hinweis, aber in der Warnfarbe. */
.pv__notice[b-3tize5ynf5] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-2);
    margin: 0;
    max-width: 80ch;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--bp-warn);
}

.pv__toolbar[b-3tize5ynf5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.pv__toolbar--start[b-3tize5ynf5] {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
}

.pv__toolbar--end[b-3tize5ynf5] { justify-content: flex-end; }

.pv__pick[b-3tize5ynf5] { flex: 0 1 24rem; }

.pv__group[b-3tize5ynf5] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    margin-top: var(--bp-space-3);
}

.pv__grouptitle[b-3tize5ynf5] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

/* ---- Tabellen ---- */

.pv__table[b-3tize5ynf5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .pv__table th[b-3tize5ynf5] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .pv__table td[b-3tize5ynf5] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .pv__table tbody tr:hover[b-3tize5ynf5] { background: var(--bp-panel-hover); }

    .pv__table tbody tr:last-child td[b-3tize5ynf5] { border-bottom: none; }

    .pv__table tbody tr.is-inactive td[b-3tize5ynf5] { color: var(--bp-text-faint); }

    .pv__table tbody tr.is-selected[b-3tize5ynf5] { background: color-mix(in srgb, var(--bp-yellow) 7%, transparent); }

    .pv__table th.pv__num[b-3tize5ynf5] { text-align: right; }

    /* Der Wortlaut einer Fassung klappt unter ihrer Zeile auf — ohne Hover, er ist Lesetext. */
    .pv__table tbody tr.pv__textrow:hover[b-3tize5ynf5] { background: transparent; }

.pv__num[b-3tize5ynf5] { text-align: right; }

.pv__checkcol[b-3tize5ynf5] { width: 2.2rem; }

    .pv__checkcol input[b-3tize5ynf5] { accent-color: var(--bp-yellow); }

.pv__code[b-3tize5ynf5] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.pv__strong[b-3tize5ynf5] { font-weight: 600; }

.pv__muted[b-3tize5ynf5] { color: var(--bp-text-muted); }

.pv__warn[b-3tize5ynf5] { color: var(--bp-warn); font-weight: 600; }

.pv__small[b-3tize5ynf5] { font-size: 0.78rem; }

.pv__name[b-3tize5ynf5] { margin-right: var(--bp-space-2); }

.pv__hash[b-3tize5ynf5] {
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    color: var(--bp-text-muted);
    white-space: nowrap;
}

.pv__flags[b-3tize5ynf5] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--bp-space-1);
}

.pv__rowactions[b-3tize5ynf5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bp-space-2);
    white-space: nowrap;
}

.pv__iconbtn[b-3tize5ynf5] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .pv__iconbtn .e-icons[b-3tize5ynf5] { font-size: 0.9rem; }

    .pv__iconbtn:hover[b-3tize5ynf5] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .pv__iconbtn:focus-visible[b-3tize5ynf5] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .pv__iconbtn:disabled[b-3tize5ynf5] { opacity: 0.5; cursor: default; }

.pv__noticetext[b-3tize5ynf5] {
    margin: 0;
    max-width: 80ch;
    font-size: 0.88rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* ---- Formular in der Seite ---- */

.pv__form[b-3tize5ynf5] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3);
    border: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

/* Angaben der Firma: kein Vorgang mit Abbrechen, sondern die Einstellungen selbst — ohne Rahmen, in Lesebreite. */
.pv__company[b-3tize5ynf5] { max-width: 80ch; }

.pv__narrow[b-3tize5ynf5] { max-width: 12rem; }

.pv__fieldset[b-3tize5ynf5] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    transition: opacity 150ms ease-out;
}

    .pv__fieldset:disabled[b-3tize5ynf5] { opacity: 0.7; }

.pv__grid[b-3tize5ynf5] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: start;
}

.pv__span-2[b-3tize5ynf5] { grid-column: span 2; }
.pv__span-3[b-3tize5ynf5] { grid-column: span 3; }
.pv__span-4[b-3tize5ynf5] { grid-column: span 4; }
.pv__span-6[b-3tize5ynf5] { grid-column: span 6; }
.pv__span-9[b-3tize5ynf5] { grid-column: span 9; }
.pv__span-12[b-3tize5ynf5] { grid-column: span 12; }

.pv__input[b-3tize5ynf5] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .pv__input:focus-visible[b-3tize5ynf5] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.pv__input--code[b-3tize5ynf5] { font-variant-numeric: tabular-nums; }

.pv__textarea[b-3tize5ynf5] {
    height: auto;
    padding: 0.5rem 0.7rem;
    line-height: 1.5;
    resize: vertical;
}

.pv__checks[b-3tize5ynf5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2) var(--bp-space-4);
}

.pv__check[b-3tize5ynf5] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.9rem;
    cursor: pointer;
}

    .pv__check input[b-3tize5ynf5] { accent-color: var(--bp-yellow); }

.pv__formrow[b-3tize5ynf5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.pv__formrow--end[b-3tize5ynf5] { justify-content: flex-end; }

.pv__buttons[b-3tize5ynf5] {
    display: flex;
    gap: var(--bp-space-2);
}

@media (max-width: 1100px) {
    .pv__span-2[b-3tize5ynf5],
    .pv__span-3[b-3tize5ynf5],
    .pv__span-4[b-3tize5ynf5],
    .pv__span-6[b-3tize5ynf5],
    .pv__span-9[b-3tize5ynf5] { grid-column: span 6; }

    .pv__toolbar[b-3tize5ynf5] { flex-wrap: wrap; }
}

@media (max-width: 640px) {
    .pv__span-2[b-3tize5ynf5],
    .pv__span-3[b-3tize5ynf5],
    .pv__span-4[b-3tize5ynf5],
    .pv__span-6[b-3tize5ynf5],
    .pv__span-9[b-3tize5ynf5] { grid-column: span 12; }
}

/* ---- Unterlagen: je Dokument Überschrift, Erklärung, Knöpfe — untereinander in Lesebreite ---- */

.pv__docs[b-3tize5ynf5] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-5);
    max-width: 80ch;
}

.pv__doc[b-3tize5ynf5] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
}

.pv__docrow[b-3tize5ynf5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-2);
}
/* _content/bettERFramework.HR.UI/Components/Pages/HrRecords.razor.rz.scp.css */
/* Aktenführung — dieselbe Seitengrammatik wie Organisation und Lohnexporte: Kopfband, Reiter,
   schlanke Tabellen, das Formular steht in der Seite. Regeln sind hier Stammdaten, keine Vorgänge:
   viel Text je Zeile, deshalb ruhige Tabellen und Chips nur dort, wo eine Zeile von der Regel abweicht. */

.rf[b-ssytupkcwo] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.rf__head[b-ssytupkcwo] { align-items: flex-start; }

.rf__ident[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.rf__back[b-ssytupkcwo] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .rf__back .e-icons[b-ssytupkcwo] { font-size: 0.7rem; }

    .rf__back:hover[b-ssytupkcwo] { color: var(--bp-yellow); }

.rf__title[b-ssytupkcwo] { margin: 0; }

.rf__lead[b-ssytupkcwo] {
    margin: 0;
    max-width: 68ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.rf__body[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.rf__tabs[b-ssytupkcwo] { margin-bottom: 0; }

.rf__count[b-ssytupkcwo] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.rf__count--open[b-ssytupkcwo] { color: var(--bp-warn); }

.rf__panel[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
}

    .rf__panel[hidden][b-ssytupkcwo] { display: none; }

.rf__hint[b-ssytupkcwo] {
    margin: 0;
    max-width: 80ch;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

/* Rechtlicher Vorbehalt: kleiner und blasser als ein Hinweis — er gehört gelesen, aber nicht bei jedem Blick. */
.rf__legal[b-ssytupkcwo] {
    margin: 0;
    max-width: 90ch;
    font-size: 0.76rem;
    line-height: 1.5;
    color: var(--bp-text-faint);
}

.rf__toolbar[b-ssytupkcwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.rf__toolbar--start[b-ssytupkcwo] {
    justify-content: flex-start;
    align-items: flex-end;
}

.rf__summary[b-ssytupkcwo] { margin: 0 0 0.35rem; }

/* ---- Gruppen: mehr Raum über der Überschrift als darunter ---- */

.rf__group[b-ssytupkcwo],
.rf__scope[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    margin-top: var(--bp-space-2);
}

.rf__scope[b-ssytupkcwo] {
    padding: var(--bp-space-3);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.rf__grouptitle[b-ssytupkcwo] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

/* ---- Tabellen ---- */

.rf__table[b-ssytupkcwo] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .rf__table th[b-ssytupkcwo] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .rf__table td[b-ssytupkcwo] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .rf__table tbody tr:hover[b-ssytupkcwo] { background: var(--bp-panel-hover); }

    .rf__table tbody tr:last-child td[b-ssytupkcwo] { border-bottom: none; }

    .rf__table tbody tr.is-inactive td[b-ssytupkcwo] { color: var(--bp-text-faint); }

    .rf__table tbody tr.is-selected[b-ssytupkcwo] { background: color-mix(in srgb, var(--bp-yellow) 7%, transparent); }

    .rf__table th.rf__num[b-ssytupkcwo] { text-align: right; }

.rf__num[b-ssytupkcwo] { text-align: right; }

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

.rf__strong[b-ssytupkcwo] { font-weight: 600; }

.rf__muted[b-ssytupkcwo] { color: var(--bp-text-muted); }

.rf__warn[b-ssytupkcwo] { color: var(--bp-warn); font-weight: 600; }

.rf__small[b-ssytupkcwo] { font-size: 0.78rem; }

.rf__name[b-ssytupkcwo] { margin-right: var(--bp-space-2); }

/* Prüfsumme: Ziffernfolge, die man vergleicht — gleich breite Ziffern, keine Kostümschrift. */
.rf__hash[b-ssytupkcwo] {
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    color: var(--bp-text-muted);
    white-space: nowrap;
}

.rf__flags[b-ssytupkcwo] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--bp-space-1);
}

.rf__rowactions[b-ssytupkcwo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bp-space-2);
    white-space: nowrap;
}

.rf__iconbtn[b-ssytupkcwo] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .rf__iconbtn .e-icons[b-ssytupkcwo] { font-size: 0.9rem; }

    .rf__iconbtn:hover[b-ssytupkcwo] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .rf__iconbtn:focus-visible[b-ssytupkcwo] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

.rf__gaps[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.86rem;
}

/* ---- Register-Filter: eine Zeile Felder, der Knopf schließt sie ab ---- */

.rf__filter[b-ssytupkcwo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.rf__filter__check[b-ssytupkcwo] { height: 2.4rem; }

/* ---- Nachweise: drei Handgriffe untereinander, je Überschrift, Erklärung, Knopf mit Ergebnis ---- */

.rf__proof[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-5);
    max-width: 80ch;
}

.rf__proofitem[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
}

.rf__proofrow[b-ssytupkcwo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-3);
}

/* ---- Formular in der Seite ---- */

.rf__form[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3);
    border: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    border-radius: var(--bp-radius);
    background: var(--bp-panel-solid-2);
}

.rf__fieldset[b-ssytupkcwo] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    transition: opacity 150ms ease-out;
}

    .rf__fieldset:disabled[b-ssytupkcwo] { opacity: 0.7; }

.rf__grid[b-ssytupkcwo] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: start;
}

.rf__span-2[b-ssytupkcwo] { grid-column: span 2; }
.rf__span-3[b-ssytupkcwo] { grid-column: span 3; }
.rf__span-4[b-ssytupkcwo] { grid-column: span 4; }
.rf__span-6[b-ssytupkcwo] { grid-column: span 6; }
.rf__span-12[b-ssytupkcwo] { grid-column: span 12; }

.rf__input[b-ssytupkcwo] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .rf__input:focus-visible[b-ssytupkcwo] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

.rf__input--code[b-ssytupkcwo] { font-variant-numeric: tabular-nums; }

.rf__textarea[b-ssytupkcwo] {
    height: auto;
    padding: 0.5rem 0.7rem;
    line-height: 1.45;
    resize: vertical;
}

.rf__checks[b-ssytupkcwo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--bp-space-2) var(--bp-space-4);
}

.rf__check[b-ssytupkcwo] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.9rem;
    cursor: pointer;
}

    .rf__check input[b-ssytupkcwo] { accent-color: var(--bp-yellow); }

.rf__formrow[b-ssytupkcwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-3);
}

.rf__buttons[b-ssytupkcwo] {
    display: flex;
    gap: var(--bp-space-2);
}

@media (max-width: 1100px) {
    .rf__span-2[b-ssytupkcwo],
    .rf__span-3[b-ssytupkcwo],
    .rf__span-4[b-ssytupkcwo],
    .rf__span-6[b-ssytupkcwo] { grid-column: span 6; }

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

/* Begründungsfeld über der Löschliste: gilt für die nächste Entscheidung, deshalb schmal und nah an der Tabelle. */
.rf__notefield[b-ssytupkcwo] { max-width: 46rem; }
/* _content/bettERFramework.HR.UI/Components/Pages/HrTeam.razor.rz.scp.css */
/* Selbstauskunft und Team-Sicht teilen die Optik der Akte (hd-Bausteine aus HrEmployeeDetail werden
   hier nicht geerbt — Scoped-CSS ist je Komponente); deshalb die wenigen eigenen Regeln. Fakten als
   Definitionsliste: Beschriftung klein und gedämpft, Wert in Textfarbe, gleiche Höhe wie ein Feld. */

.hd[b-4xzw3i8ki1] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.hd__head[b-4xzw3i8ki1] { align-items: flex-start; }

.hd__ident[b-4xzw3i8ki1] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.hd__title[b-4xzw3i8ki1] {
    display: flex;
    align-items: baseline;
    gap: var(--bp-space-3);
    margin: 0;
}

.hd__number[b-4xzw3i8ki1] {
    font-family: var(--bp-font-head);
    font-size: 1rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text-muted);
}

    .hd__number[b-4xzw3i8ki1]::before { content: "#"; opacity: 0.6; }

.hd__signals[b-4xzw3i8ki1] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    flex-wrap: wrap;
    margin-top: var(--bp-space-1);
}

.hd__signal[b-4xzw3i8ki1] {
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hd__signal + .hd__signal[b-4xzw3i8ki1]::before {
        content: "·";
        margin-right: var(--bp-space-2);
        opacity: 0.6;
    }

.hd__body[b-4xzw3i8ki1] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.hd__hint[b-4xzw3i8ki1] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

    .hd__hint .e-icons[b-4xzw3i8ki1] { font-size: 0.8rem; }

.my__facts[b-4xzw3i8ki1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--bp-space-3);
    margin: 0;
}

    .my__facts > div[b-4xzw3i8ki1] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        min-width: 0;
    }

    .my__facts dt[b-4xzw3i8ki1] {
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
    }

    .my__facts dd[b-4xzw3i8ki1] {
        margin: 0;
        font-size: 0.95rem;
        color: var(--bp-text);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-bottom: 1px dashed var(--bp-panel-border);
        padding-bottom: 0.25rem;
    }

.my__wide[b-4xzw3i8ki1] { grid-column: span 4; }

.hd__table[b-4xzw3i8ki1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .hd__table th[b-4xzw3i8ki1] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .hd__table td[b-4xzw3i8ki1] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .hd__table tbody tr:hover[b-4xzw3i8ki1] { background: var(--bp-panel-hover); }

.hd__num[b-4xzw3i8ki1] { text-align: right; }

.hd__code[b-4xzw3i8ki1] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hd__strong[b-4xzw3i8ki1] { font-weight: 600; }

.hd__muted[b-4xzw3i8ki1] {
    margin: 0;
    color: var(--bp-text-muted);
}

.hd__rowactions[b-4xzw3i8ki1] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
    white-space: nowrap;
}

.hd__privacy[b-4xzw3i8ki1] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    margin: 0;
    font-size: 0.8rem;
    color: var(--bp-text-faint);
}

    .hd__privacy .e-icons[b-4xzw3i8ki1] { font-size: 0.8rem; }

.hd__chip[b-4xzw3i8ki1] {
    margin-left: var(--bp-space-2);
    font-size: 0.7rem;
}

/* ---- Zeiten je Teammitglied (4.4): ein ruhiger Umschalter in der Zeile, offene Anträge als Zahl ---- */

.hd__timesbtn[b-4xzw3i8ki1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 1.9rem;
    padding: 0 0.55rem;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .hd__timesbtn .e-icons[b-4xzw3i8ki1] { font-size: 0.85rem; }

    .hd__timesbtn:hover[b-4xzw3i8ki1] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .hd__timesbtn:focus-visible[b-4xzw3i8ki1] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .hd__timesbtn.is-on[b-4xzw3i8ki1] {
        color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 10%, transparent);
    }

.hd__timescount[b-4xzw3i8ki1] {
    padding: 0 0.4rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--bp-bg);
    background: var(--bp-warn);
}

/* ---- Freigabe-Eingang (4.7): zuklappbar, zuerst im Blick; die Zählmarke trägt dieselbe Warnfarbe
   wie die Knöpfe je Person, die Sammelaktion sitzt in einer Leiste über der Liste. ---- */

.hd__inbox[b-4xzw3i8ki1] {
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel);
    overflow: hidden;
}

    .hd__inbox.is-open[b-4xzw3i8ki1] { border-color: color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border)); }

.hd__inboxhead[b-4xzw3i8ki1] {
    display: flex;
    align-items: center;
    gap: var(--bp-space-2);
    width: 100%;
    padding: var(--bp-space-3) var(--bp-space-4);
    border: 0;
    background: transparent;
    color: var(--bp-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .hd__inboxhead:hover[b-4xzw3i8ki1] { background: var(--bp-panel-hover); }

    .hd__inboxhead:focus-visible[b-4xzw3i8ki1] { outline: 2px solid var(--bp-yellow); outline-offset: -2px; }

    .hd__inboxhead .e-icons[b-4xzw3i8ki1] { font-size: 0.75rem; color: var(--bp-text-muted); }

.hd__inboxtitle[b-4xzw3i8ki1] {
    font-family: var(--bp-font-head);
    font-size: 1rem;
    font-weight: 600;
}

.hd__inboxnone[b-4xzw3i8ki1] {
    font-size: 0.82rem;
    color: var(--bp-text-muted);
}

.hd__inboxbar[b-4xzw3i8ki1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--bp-space-2) var(--bp-space-3);
    padding: var(--bp-space-2) var(--bp-space-4);
    border-top: 1px solid var(--bp-panel-border);
    background: var(--bp-panel-solid-2);
}

.hd__inboxspacer[b-4xzw3i8ki1] { flex: 1 1 auto; }

.hd__inboxcount[b-4xzw3i8ki1] {
    font-size: 0.82rem;
    color: var(--bp-text-muted);
    font-variant-numeric: tabular-nums;
}

.hd__check[b-4xzw3i8ki1] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    font-size: 0.88rem;
    cursor: pointer;
}

    .hd__check input[b-4xzw3i8ki1],
    .hd__checkcell input[b-4xzw3i8ki1] { accent-color: var(--bp-yellow); }

.hd__checkcell[b-4xzw3i8ki1] { width: 2rem; }

.hd__inbox .hd__table[b-4xzw3i8ki1] { margin: 0 var(--bp-space-4) var(--bp-space-3); width: auto; min-width: calc(100% - 2 * var(--bp-space-4)); }

.hd__inbox .hd__table tbody tr.is-selected[b-4xzw3i8ki1] { background: color-mix(in srgb, var(--bp-yellow) 7%, transparent); }
/* _content/bettERFramework.HR.UI/Components/Pages/HrWorksCouncil.razor.rz.scp.css */
/* Lesezugriff des Betriebsrats — schmal und schlicht wie der BEM-Bereich: erst sagen, was offen ist,
   dann eine Person wählen, dann die Liste. */

.wc[b-u0sx7uhxqf] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.wc__head[b-u0sx7uhxqf] { align-items: flex-start; }

.wc__ident[b-u0sx7uhxqf] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.wc__title[b-u0sx7uhxqf] { margin: 0; }

.wc__lead[b-u0sx7uhxqf] {
    margin: 0;
    max-width: 68ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.wc__body[b-u0sx7uhxqf] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    max-width: 62rem;
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.wc__classes[b-u0sx7uhxqf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-1) var(--bp-space-2);
}

.wc__label[b-u0sx7uhxqf] {
    margin-right: var(--bp-space-1);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bp-text-muted);
}

.wc__muted[b-u0sx7uhxqf] {
    font-size: 0.88rem;
    color: var(--bp-text-muted);
}

.wc__pick .bp-field[b-u0sx7uhxqf] { max-width: 26rem; }

.wc__input[b-u0sx7uhxqf] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .wc__input:focus-visible[b-u0sx7uhxqf] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }
/* _content/bettERFramework.HR.UI/Components/Pages/HrWorkTime.razor.rz.scp.css */
/* Arbeitszeit — dieselbe Seitengrammatik wie die Organisation (Kopf, Reiter, Tabelle, Formular
   darunter). Eigen sind nur die Wochenleiste (sieben gleich breite Tage, das Wochenende leiser) und
   der Kalender in zwei Spalten: links die berechneten Feiertage, rechts die gepflegten Sondertage. */

.wz[b-l7hsdamzsm] {
    --bp-page-inset: var(--bp-space-3);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.wz__head[b-l7hsdamzsm] { align-items: flex-start; }

.wz__ident[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
}

.wz__back[b-l7hsdamzsm] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-decoration: none;
}

    .wz__back .e-icons[b-l7hsdamzsm] { font-size: 0.7rem; }

    .wz__back:hover[b-l7hsdamzsm] { color: var(--bp-yellow); }

.wz__title[b-l7hsdamzsm] { margin: 0; }

.wz__lead[b-l7hsdamzsm] {
    margin: 0;
    max-width: 64ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.wz__body[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
    padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-5);
}

.wz__tabs[b-l7hsdamzsm] { margin-bottom: 0; }

.wz__count[b-l7hsdamzsm] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bp-text-faint);
    font-variant-numeric: tabular-nums;
}

.wz__count--warn[b-l7hsdamzsm] {
    padding: 0 0.4rem;
    border-radius: 999px;
    color: var(--bp-bg);
    background: var(--bp-warn);
}

.wz__panel[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-4);
}

    .wz__panel[hidden][b-l7hsdamzsm] { display: none; }

/* ---- Tabellen ---- */

.wz__table[b-l7hsdamzsm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .wz__table th[b-l7hsdamzsm] {
        padding: var(--bp-space-2);
        text-align: left;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bp-text-muted);
        border-bottom: 1px solid var(--bp-panel-border);
    }

    .wz__table td[b-l7hsdamzsm] {
        padding: var(--bp-space-2);
        border-bottom: 1px solid var(--bp-panel-border);
        vertical-align: middle;
    }

    .wz__table tbody tr:hover[b-l7hsdamzsm] { background: var(--bp-panel-hover); }

    .wz__table tbody tr:last-child td[b-l7hsdamzsm] { border-bottom: none; }

    .wz__table tbody tr.is-inactive td[b-l7hsdamzsm] { color: var(--bp-text-faint); }

    .wz__table tbody tr.is-editing[b-l7hsdamzsm] { background: color-mix(in srgb, var(--bp-yellow) 6%, transparent); }

.wz__table--compact td[b-l7hsdamzsm] { padding: 0.35rem var(--bp-space-2); }

.wz__num[b-l7hsdamzsm] { text-align: right; }

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

.wz__strong[b-l7hsdamzsm] { font-weight: 600; }

.wz__muted[b-l7hsdamzsm] { color: var(--bp-text-muted); }

.wz__small[b-l7hsdamzsm] { font-size: 0.78rem; }

.wz__tags[b-l7hsdamzsm] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.wz__tag[b-l7hsdamzsm] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text);
    background: var(--bp-panel-solid-2);
    white-space: nowrap;
}

/* Zeilenaktionen: rahmenlose Symbolknöpfe wie in der Personalakte. */
.wz__rowactions[b-l7hsdamzsm] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--bp-space-1);
    white-space: nowrap;
}

.wz__iconbtn[b-l7hsdamzsm] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .wz__iconbtn .e-icons[b-l7hsdamzsm] { font-size: 0.95rem; }

    .wz__iconbtn:hover:not(:disabled)[b-l7hsdamzsm] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .wz__iconbtn:focus-visible[b-l7hsdamzsm] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

    .wz__iconbtn:disabled[b-l7hsdamzsm] { opacity: 0.4; cursor: default; }

.wz__iconbtn--danger:hover:not(:disabled)[b-l7hsdamzsm] {
    background: color-mix(in srgb, var(--bp-debit) 14%, transparent);
    color: var(--bp-debit);
}

/* ---- Formulare ---- */

.wz__form[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    padding: var(--bp-space-4);
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel-solid-2);
}

.wz__form--compact[b-l7hsdamzsm] { padding: var(--bp-space-3); }

.wz__fieldset[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    transition: opacity 150ms ease-out;
}

    .wz__fieldset:disabled[b-l7hsdamzsm] { opacity: 0.7; }

.wz__grid[b-l7hsdamzsm] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--bp-space-3);
    align-items: end;
}

.wz__span-2[b-l7hsdamzsm] { grid-column: span 2; }
.wz__span-3[b-l7hsdamzsm] { grid-column: span 3; }
.wz__span-4[b-l7hsdamzsm] { grid-column: span 4; }
.wz__span-5[b-l7hsdamzsm] { grid-column: span 5; }
.wz__span-12[b-l7hsdamzsm] { grid-column: span 12; }

.wz__input[b-l7hsdamzsm] {
    width: 100%;
    height: 2.4rem;
    padding: 0 0.7rem;
    font-size: 0.9rem;
    border-radius: var(--bp-radius-ctl);
    transition: border-color 150ms ease-out, background-color 150ms ease-out;
}

    .wz__input:focus-visible[b-l7hsdamzsm] {
        outline: none;
        border-color: var(--bp-yellow);
        background: color-mix(in srgb, var(--bp-yellow) 4%, var(--bp-panel-solid-2));
    }

    .wz__input:disabled[b-l7hsdamzsm] { opacity: 0.5; }

.wz__input--code[b-l7hsdamzsm] { font-variant-numeric: tabular-nums; }

.wz__checkcell[b-l7hsdamzsm] { justify-content: flex-end; }

.wz__check[b-l7hsdamzsm] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
    height: 2.4rem;
    font-size: 0.9rem;
    cursor: pointer;
}

    .wz__check input[b-l7hsdamzsm] { accent-color: var(--bp-yellow); }

.wz__hint[b-l7hsdamzsm] {
    margin: 0;
    max-width: 72ch;
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.wz__hours[b-l7hsdamzsm],
.wz__window[b-l7hsdamzsm] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.wz__unit[b-l7hsdamzsm] {
    flex: 0 0 auto;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
}

.wz__formrow[b-l7hsdamzsm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bp-space-2);
}

/* ---- Wochenleiste: sieben Tage nebeneinander, das Wochenende leiser ---- */

.wz__week[b-l7hsdamzsm] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: var(--bp-space-2);
}

.wz__day[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.wz__dayname[b-l7hsdamzsm] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--bp-text);
    cursor: pointer;
}

.wz__day--weekend .wz__dayname[b-l7hsdamzsm] { color: var(--bp-text-muted); }

.wz__daysel[b-l7hsdamzsm] { padding: 0 0.4rem; }

.wz__daymeta[b-l7hsdamzsm] {
    min-height: 1rem;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text-muted);
}

.wz__sum[b-l7hsdamzsm] {
    margin: 0;
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text);
}

/* ---- Zuschläge: eine Zeile je Regel, fünf fluchtende Spalten ---- */

.wz__surcharges[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
}

.wz__srow[b-l7hsdamzsm] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.7fr) minmax(0, 1.4fr) minmax(0, 0.9fr) 1.9rem;
    align-items: center;
    gap: var(--bp-space-2);
}

.wz__srow--head[b-l7hsdamzsm] {
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--bp-text-muted);
}

.wz__addlink[b-l7hsdamzsm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    margin-left: -0.5rem;
    border: 0;
    border-radius: var(--bp-radius-ctl, 8px);
    background: transparent;
    color: var(--bp-yellow);
    font: inherit;
    font-size: 0.85rem;
    cursor: pointer;
}

    .wz__addlink .e-icons[b-l7hsdamzsm] { font-size: 0.75rem; }

    .wz__addlink:hover[b-l7hsdamzsm] { background: color-mix(in srgb, var(--bp-yellow) 10%, transparent); }

    .wz__addlink:focus-visible[b-l7hsdamzsm] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }

/* ---- Kalender ---- */

.wz__notice[b-l7hsdamzsm] {
    display: flex;
    gap: var(--bp-space-3);
    padding: var(--bp-space-3) var(--bp-space-4);
    border-radius: var(--bp-radius-lg);
    background: color-mix(in srgb, var(--bp-warn) 10%, var(--bp-panel));
}

.wz__notice-icon[b-l7hsdamzsm] {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    color: var(--bp-warn);
}

.wz__notice-body[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    font-size: 0.88rem;
}

.wz__people[b-l7hsdamzsm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem var(--bp-space-4);
    margin: 0.25rem 0 0;
    padding: 0;
    list-style: none;
}

    .wz__people a[b-l7hsdamzsm] {
        color: var(--bp-text);
        text-decoration: none;
    }

        .wz__people a:hover[b-l7hsdamzsm] { color: var(--bp-yellow); }

.wz__calbar[b-l7hsdamzsm] {
    display: flex;
    align-items: flex-end;
    gap: var(--bp-space-5);
    flex-wrap: wrap;
}

.wz__yearnav[b-l7hsdamzsm] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-1);
    height: 2.4rem;
}

.wz__year[b-l7hsdamzsm] {
    min-width: 3.5rem;
    text-align: center;
    font-family: var(--bp-font-head);
    font-size: 1.25rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.wz__statepick[b-l7hsdamzsm] { width: 16rem; }

.wz__cols[b-l7hsdamzsm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    gap: var(--bp-space-5);
    align-items: start;
}

.wz__col[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    min-width: 0;
}

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

@media (max-width: 720px) {
    .wz__span-2[b-l7hsdamzsm],
    .wz__span-3[b-l7hsdamzsm],
    .wz__span-4[b-l7hsdamzsm],
    .wz__span-5[b-l7hsdamzsm] { grid-column: span 12; }

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

/* ---- Einstellung der Zeiterfassung ---- */

.wz__settings[b-l7hsdamzsm] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
}

.wz__retention[b-l7hsdamzsm] { max-width: 22rem; margin-top: var(--bp-space-2); }