/* _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--part[b-4zxw6l97ee] { width: 9rem; }

.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; }

/* Sprache eines Urlaubshinweises: ruhige Marke neben dem Text, kein Statussignal. */
.ap__lang[b-4zxw6l97ee] {
    display: inline-flex;
    align-items: center;
    padding: 0 var(--bp-space-2);
    border: 1px solid var(--bp-panel-border);
    border-radius: 999px;
    font-size: 0.72rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
    white-space: nowrap;
}

/* Deutsche Fassung unter dem empfangenen Text — eigene Zeile, damit beide Fassungen vergleichbar bleiben. */
.ap__german[b-4zxw6l97ee] { flex-basis: 100%; }

.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--awaitinghr[b-4zxw6l97ee] { color: var(--bp-warn); }

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

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

/* Genehmigt und vorbei — sachlich, kein Erfolgsgrün mehr. */
.ap__status--completed[b-4zxw6l97ee] { color: var(--bp-text); }

/* Offener Stornowunsch: wartet auf die Führungskraft. */
.ap__cancelrequest[b-4zxw6l97ee] {
    display: block;
    font-size: 0.72rem;
    color: var(--bp-warn);
}

.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);
}

/* Geöffnet (Nachweis-Ablage zu dieser Zeile) — wie die Umschalter in „Mein Team". */
.ap__iconbtn.is-on[b-4zxw6l97ee] {
    color: var(--bp-yellow);
    background: color-mix(in srgb, var(--bp-yellow) 10%, transparent);
}

/* ---- Nachweis einreichen (F12) ---- */

.ap__certupload[b-4zxw6l97ee] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    max-width: 36rem;
}

/* ---- 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; }

/* Zustellstand des Verfallshinweises (F8) — offen in Warnfarbe, zugestellt sachlich. */
.ap__noticestate[b-4zxw6l97ee] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
}

    .ap__noticestate.is-open[b-4zxw6l97ee] { color: var(--bp-warn); }

.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],
    .ap__field--part[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/HrApprovalInbox.razor.rz.scp.css */
/* ---- Freigabe-Eingang (4.7, F4/F13): 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. ---- */

.ib[b-gbi4p4zmgi] {
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel);
    overflow: hidden;
}

    .ib.is-open[b-gbi4p4zmgi] { border-color: color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border)); }

.ib__head[b-gbi4p4zmgi] {
    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;
}

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

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

    .ib__head .e-icons[b-gbi4p4zmgi] { font-size: 0.75rem; color: var(--bp-text-muted); }

.ib__title[b-gbi4p4zmgi] {
    font-family: var(--bp-font-head);
    font-size: 1rem;
    font-weight: 600;
}

.ib__count[b-gbi4p4zmgi] {
    padding: 0 0.4rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--bp-bg);
    background: var(--bp-warn);
}

.ib__none[b-gbi4p4zmgi] {
    font-size: 0.82rem;
    color: var(--bp-text-muted);
}

.ib__hint[b-gbi4p4zmgi] {
    margin: 0;
    padding: 0 var(--bp-space-4) var(--bp-space-3);
    max-width: 75ch;
    font-size: 0.82rem;
    color: var(--bp-text-muted);
}

.ib__bar[b-gbi4p4zmgi] {
    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);
}

.ib__spacer[b-gbi4p4zmgi] { flex: 1 1 auto; }

.ib__selcount[b-gbi4p4zmgi] {
    font-size: 0.82rem;
    color: var(--bp-text-muted);
    font-variant-numeric: tabular-nums;
}

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

    .ib__check input[b-gbi4p4zmgi],
    .ib__checkcell input[b-gbi4p4zmgi] { accent-color: var(--bp-yellow); }

.ib__scroll[b-gbi4p4zmgi] {
    overflow-x: auto;
    padding: 0 var(--bp-space-4) var(--bp-space-3);
}

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

    .ib__table th[b-gbi4p4zmgi] {
        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);
    }

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

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

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

.ib__checkcell[b-gbi4p4zmgi] { width: 2rem; }

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

.ib__strong[b-gbi4p4zmgi] { font-weight: 600; }

.ib__muted[b-gbi4p4zmgi] {
    font-size: 0.82rem;
    color: var(--bp-text-muted);
}

/* Der Grund in Worten, die Farbe nur als Verstärkung: Ohne Führungskraft ist es dringender als „lange offen". */
.ib__reason[b-gbi4p4zmgi] {
    font-size: 0.82rem;
    white-space: nowrap;
}

.ib__reason--nolead[b-gbi4p4zmgi] { color: var(--bp-debit); }

.ib__reason--overdue[b-gbi4p4zmgi] { color: var(--bp-warn); }

/* Befürwortet ist der Regelweg der zweiten Stufe, kein Alarm. */
.ib__reason--secondstage[b-gbi4p4zmgi] { color: var(--bp-text-muted); }

.ib__rowactions[b-gbi4p4zmgi] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bp-space-2);
    white-space: nowrap;
}

.ib__iconbtn[b-gbi4p4zmgi] {
    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;
}

    .ib__iconbtn .e-icons[b-gbi4p4zmgi] { font-size: 0.95rem; }

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

    .ib__iconbtn:disabled[b-gbi4p4zmgi] { opacity: 0.4; cursor: default; }

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

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

@media (prefers-reduced-motion: reduce) {
    .ib__iconbtn[b-gbi4p4zmgi] { transition: none; }
}
/* _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/HrExitAccountSwitch.razor.rz.scp.css */
/* Kenner „Konto beim Austritt" — dieselbe Gliederung wie die Schalter darüber (Titel, Hinweis, Feld), ruhig. */
.xa[b-h0klwhr4je] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.xa__title[b-h0klwhr4je] {
    margin: 0;
    font-family: var(--bp-font-head);
    font-size: 1rem;
    font-weight: 600;
    color: var(--bp-text);
}

.xa__hint[b-h0klwhr4je] {
    max-width: 70ch;
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: var(--bp-text-muted);
}

.xa__field[b-h0klwhr4je] { max-width: 26rem; }
/* _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/HrPayrollFindings.razor.rz.scp.css */
/* Funde aus den Kanzlei-Mails — dieselbe Tabellengrammatik wie die Prüfliste der Seite (HrPayslips.razor.css).
   Eigen sind nur Kopf mit Prüflauf, Diagnose-Hinweise und Werkzeugleiste. Farbe trägt allein der Stand. */

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

.pf__head[b-ojh9d8tcvj] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--bp-space-3) var(--bp-space-5);
}

.pf__ident[b-ojh9d8tcvj] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 0;
    flex: 1 1 28rem;
}

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

.pf__lead[b-ojh9d8tcvj] {
    margin: 0;
    max-width: 72ch;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

.pf__count[b-ojh9d8tcvj] {
    margin-left: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

/* Gelb wie das Erkennungszeichen: Offene Funde sind die Einladung zu handeln, keine Warnung. */
.pf__count--open[b-ojh9d8tcvj] {
    padding: 0 0.45rem;
    border-radius: 999px;
    color: var(--bp-black);
    background: var(--bp-yellow);
}

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

.pf__since[b-ojh9d8tcvj] { min-width: 10rem; }

.pf__progress[b-ojh9d8tcvj] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    min-width: 16rem;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
    font-variant-numeric: tabular-nums;
}

.pf__bar[b-ojh9d8tcvj] {
    width: 100%;
    height: 0.4rem;
    border: 0;
    border-radius: 999px;
    overflow: hidden;
    background: var(--bp-panel-hover);
    accent-color: var(--bp-yellow);
}

    .pf__bar[b-ojh9d8tcvj]::-webkit-progress-bar { background: var(--bp-panel-hover); }

    .pf__bar[b-ojh9d8tcvj]::-webkit-progress-value { background: var(--bp-yellow); }

    .pf__bar[b-ojh9d8tcvj]::-moz-progress-bar { background: var(--bp-yellow); }

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

.pf__domains[b-ojh9d8tcvj] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
}

.pf__domainsource[b-ojh9d8tcvj] { margin-left: var(--bp-space-3); }

.pf__link[b-ojh9d8tcvj] {
    margin-left: var(--bp-space-2);
    color: var(--bp-text-muted);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

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

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

/* ---- Werkzeugleiste ---- */

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

.pf__search[b-ojh9d8tcvj] { flex: 1 1 16rem; max-width: 24rem; }

.pf__bulk[b-ojh9d8tcvj] { margin-left: auto; }

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

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

    .pf__table th[b-ojh9d8tcvj] {
        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);
    }

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

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

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

.pf__row--quiet td[b-ojh9d8tcvj] { color: var(--bp-text-muted); }

.pf__checkcol[b-ojh9d8tcvj] { width: 2.25rem; }

.pf__check[b-ojh9d8tcvj] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--bp-yellow);
    cursor: pointer;
}

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

.pf__subject[b-ojh9d8tcvj],
.pf__filename[b-ojh9d8tcvj] {
    display: block;
    max-width: 34ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pf__from[b-ojh9d8tcvj],
.pf__ocr[b-ojh9d8tcvj],
.pf__period[b-ojh9d8tcvj] {
    font-size: 0.78rem;
    color: var(--bp-text-muted);
}

.pf__from[b-ojh9d8tcvj],
.pf__period[b-ojh9d8tcvj] { display: block; }

.pf__ocr[b-ojh9d8tcvj] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.1rem;
}

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

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

.pf__actionscol[b-ojh9d8tcvj] { width: 1%; }

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

.pf__iconbtn[b-ojh9d8tcvj] {
    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;
}

    .pf__iconbtn .e-icons[b-ojh9d8tcvj] { font-size: 0.9rem; }

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

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

    .pf__iconbtn:disabled[b-ojh9d8tcvj] { opacity: 0.5; cursor: default; }

.pf__more[b-ojh9d8tcvj] {
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    color: var(--bp-text-muted);
    font: inherit;
    font-size: 0.85rem;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    cursor: pointer;
}

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

    .pf__more:focus-visible[b-ojh9d8tcvj] { outline: 2px solid var(--bp-yellow); outline-offset: 2px; }
/* _content/bettERFramework.HR.UI/Components/Features/HrPayrollPeriodDocuments.razor.rz.scp.css */
/* Unterlagen der Kanzlei am Lohnmonat — eine ruhige Liste unter der Arbeitstabelle: Dateiname, Art,
   Eingang, ein Knopf. Keine eigene Karte, sie gehört zum Monat darüber. */

.ppd[b-7ljjydsfox] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
}

.ppd__title[b-7ljjydsfox] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
}

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

.ppd__empty[b-7ljjydsfox] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

.ppd__list[b-7ljjydsfox] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ppd__item[b-7ljjydsfox] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: var(--bp-space-3);
    padding: var(--bp-space-2);
    border-bottom: 1px solid var(--bp-panel-border);
    font-size: 0.9rem;
}

    .ppd__item:last-child[b-7ljjydsfox] { border-bottom: none; }

    .ppd__item:hover[b-7ljjydsfox] { background: var(--bp-panel-hover); }

.ppd__icon[b-7ljjydsfox] { color: var(--bp-text-muted); }

.ppd__name[b-7ljjydsfox] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ppd__meta[b-7ljjydsfox] {
    font-size: 0.78rem;
    color: var(--bp-text-muted);
    font-variant-numeric: tabular-nums;
}

.ppd__iconbtn[b-7ljjydsfox] {
    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;
}

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

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

    .ppd__iconbtn:disabled[b-7ljjydsfox] { opacity: 0.5; cursor: default; }
/* _content/bettERFramework.HR.UI/Components/Features/HrQualificationPanel.razor.rz.scp.css */
/* Qualifikationen der Akte — dieselbe Grammatik wie Beschäftigung und Arbeitszeit (Hinweis,
   Lage, Tabelle, Formular darunter). Eigen ist nur die Zustandsmarke je Zeile: Farbe zeigt den
   Zustand (läuft ab, abgelaufen), nicht die Art — eine Akte, in der alles gilt, bleibt farblos. */

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

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

/* ---- Lage ---- */

.hq__signals[b-udd2nszu16] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.hq__signal[b-udd2nszu16] {
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    color: var(--bp-text-muted);
    background: var(--bp-panel-solid-2);
}

.hq__signal--warn[b-udd2nszu16] { color: var(--bp-black); background: var(--bp-warn); }

.hq__signal--expired[b-udd2nszu16] { color: var(--bp-white); background: var(--bp-debit); }

.hq__signal--planned[b-udd2nszu16] { color: var(--bp-text); border: 1px dashed var(--bp-panel-border); background: transparent; }

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

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

    .hq__table th[b-udd2nszu16] {
        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);
    }

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

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

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

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

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

.hq__strong[b-udd2nszu16] { font-weight: 600; }

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

.hq__small[b-udd2nszu16] { font-size: 0.78rem; }

.hq__chip[b-udd2nszu16] {
    display: inline-block;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: var(--bp-text);
    background: var(--bp-panel-solid-2);
}

.hq__chip--ok[b-udd2nszu16] { color: var(--bp-text-muted); }

.hq__chip--warn[b-udd2nszu16] { color: var(--bp-black); background: var(--bp-warn); }

.hq__chip--expired[b-udd2nszu16] { color: var(--bp-white); background: var(--bp-debit); }

.hq__chip--planned[b-udd2nszu16] { background: transparent; border: 1px dashed var(--bp-panel-border); color: var(--bp-text-muted); }

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

.hq__iconbtn[b-udd2nszu16] {
    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;
}

    .hq__iconbtn .e-icons[b-udd2nszu16] { font-size: 0.95rem; }

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

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

    .hq__iconbtn:disabled[b-udd2nszu16] { opacity: 0.4; cursor: default; }

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

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

.hq__form[b-udd2nszu16] {
    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);
}

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

    .hq__fieldset:disabled[b-udd2nszu16] { opacity: 0.7; }

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

.hq__span-3[b-udd2nszu16] { grid-column: span 3; }
.hq__span-4[b-udd2nszu16] { grid-column: span 4; }
.hq__span-5[b-udd2nszu16] { grid-column: span 5; }
.hq__span-6[b-udd2nszu16] { grid-column: span 6; }

.hq__input[b-udd2nszu16] {
    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;
}

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

.hq__input--code[b-udd2nszu16] { font-variant-numeric: tabular-nums; }

.hq__textarea[b-udd2nszu16] {
    height: auto;
    min-height: 2.4rem;
    padding: 0.5rem 0.7rem;
    resize: vertical;
}

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

@media (max-width: 720px) {
    .hq__span-3[b-udd2nszu16],
    .hq__span-4[b-udd2nszu16],
    .hq__span-5[b-udd2nszu16],
    .hq__span-6[b-udd2nszu16] { grid-column: span 12; }
}

/* ---- Einreichung und Prüfung ----
   „Eingereicht" ist der einzige Zustand, der auf jemanden wartet — deshalb trägt er die Hausfarbe
   (Signal, Marke, Zeile), während Abgelehntes als Verlauf zurücktritt. */

.hq__signal--submitted[b-udd2nszu16] { color: var(--bp-black); background: var(--bp-yellow); font-weight: 600; }

.hq__chip--submitted[b-udd2nszu16] { color: var(--bp-black); background: var(--bp-yellow); }

.hq__chip--rejected[b-udd2nszu16] { color: var(--bp-text-muted); background: transparent; border: 1px solid var(--bp-panel-border); text-decoration: line-through; }

.hq__table tbody tr.is-pending[b-udd2nszu16] { background: color-mix(in srgb, var(--bp-yellow) 5%, transparent); }

/* Begründung bzw. Anmerkung unter der Bezeichnung: eine ruhige zweite Zeile, kein eigener Rahmen. */
.hq__reason[b-udd2nszu16] {
    display: block;
    margin-top: 0.15rem;
    max-width: 48ch;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--bp-text-muted);
}

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

.hq__form--reject[b-udd2nszu16] { border-color: color-mix(in srgb, var(--bp-debit) 40%, var(--bp-panel-border)); }

.hq__span-12[b-udd2nszu16] { grid-column: span 12; }

/* Vorschlag ohne Katalogeintrag: gestrichelt wie „geplant" — etwas, das noch nicht fest ist. */
.hq__chip--proposal[b-udd2nszu16] { margin-left: 0.4rem; background: transparent; border: 1px dashed var(--bp-panel-border); color: var(--bp-text-muted); }

.hq__hint--proposal[b-udd2nszu16] { color: var(--bp-text); }

.hq__span-2[b-udd2nszu16] { grid-column: span 2; }

@media (max-width: 720px) {
    .hq__span-2[b-udd2nszu16] { grid-column: span 12; }
}
/* _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/HrStampDock.razor.rz.scp.css */
/* Schwebende Stempeluhr — gebaut wie die Stoppuhr aus betterPM (pm-timerdock in bp-components.css), damit beide
   Docks als EIN System gelesen werden. Unterschied nur in der Kennfarbe: betterHR trägt Mint, die laufende
   Stoppuhr Orange. Position und Ecke setzt js/dockPlacement.js; hier steht nur die Grundstellung. */

.hr-stampdock[b-zcwprmij36] {
    position: fixed;
    right: 1.2rem;
    bottom: 1.2rem;
    z-index: 1090;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.6rem;
    font-family: var(--bp-font-body);
}

/* Oben verankert: der Starter bleibt oben, das Fenster geht darunter auf. */
.hr-stampdock[data-dock-anchor^="t"][b-zcwprmij36] { flex-direction: column-reverse; }

/* Links und mittig verankert: das Fenster liegt an der linken Kante des Starters an. */
.hr-stampdock[data-dock-anchor$="l"][b-zcwprmij36],
.hr-stampdock[data-dock-anchor="tc"][b-zcwprmij36] { align-items: flex-start; }

/* Klick daneben schließt — ohne Verdunkelung: das Dock begleitet, es unterbricht nicht. */
.hr-stampdock__closer[b-zcwprmij36] {
    position: fixed;
    inset: 0;
    z-index: 0;
}

.hr-stampdock__pill[b-zcwprmij36],
.hr-stampdock__panel[b-zcwprmij36] {
    position: relative;
    z-index: 1;
}

.hr-stampdock__pill[b-zcwprmij36] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.25rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: 999px;
    background: var(--bp-panel-solid);
    /* Ziehen mit dem Finger: kein Scrollen. */
    touch-action: none;
}

/* Eingestempelt: die Kennfarbe von betterHR — der Zustand, der den ganzen Tag gilt, nicht die Ausnahme. */
.hr-stampdock__pill--in[b-zcwprmij36] {
    border-color: color-mix(in srgb, var(--bp-mint) 55%, transparent);
    background: color-mix(in srgb, var(--bp-mint) 12%, var(--bp-panel-solid));
}

.hr-stampdock__pill--break[b-zcwprmij36] {
    border-color: color-mix(in srgb, var(--bp-warn) 45%, transparent);
}

.hr-stampdock__action[b-zcwprmij36] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    background: var(--bp-panel-hover);
    color: var(--bp-text);
    cursor: pointer;
}

.hr-stampdock__action:hover:not(:disabled)[b-zcwprmij36] { background: color-mix(in srgb, var(--bp-mint) 30%, var(--bp-panel-solid)); }

.hr-stampdock__action:disabled[b-zcwprmij36] { opacity: 0.6; cursor: default; }

.hr-stampdock__toggle[b-zcwprmij36] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    max-width: 16rem;
    padding: 0.4rem 0.85rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bp-text);
    font: inherit;
    font-size: 0.84rem;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.hr-stampdock__toggle:hover[b-zcwprmij36] { background: var(--bp-panel-hover); }

.hr-stampdock__action:focus-visible[b-zcwprmij36],
.hr-stampdock__toggle:focus-visible[b-zcwprmij36],
.hr-stampdock__close:focus-visible[b-zcwprmij36],
.hr-stampdock__link:focus-visible[b-zcwprmij36] {
    outline: 2px solid var(--bp-yellow);
    outline-offset: 1px;
}

.hr-stampdock__dot[b-zcwprmij36] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--bp-text-faint);
}

.hr-stampdock__pill--in .hr-stampdock__dot[b-zcwprmij36] { background: var(--bp-mint); }

.hr-stampdock__pill--break .hr-stampdock__dot[b-zcwprmij36] { background: var(--bp-warn); }

.hr-stampdock__label[b-zcwprmij36] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-stampdock__panel[b-zcwprmij36] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: min(20rem, calc(100vw - 2.4rem));
    padding: 0.85rem 1rem 1rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-lg);
    background: var(--bp-panel-solid);
}

.hr-stampdock__head[b-zcwprmij36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hr-stampdock__title[b-zcwprmij36] {
    font-family: var(--bp-font-head);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--bp-text);
}

.hr-stampdock__close[b-zcwprmij36] {
    display: inline-grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bp-text-muted);
    cursor: pointer;
}

.hr-stampdock__close:hover[b-zcwprmij36] { background: var(--bp-panel-hover); color: var(--bp-text); }

.hr-stampdock__state[b-zcwprmij36] {
    margin: 0;
    font-size: 0.92rem;
    color: var(--bp-text);
}

.hr-stampdock__muted[b-zcwprmij36],
.hr-stampdock__missing[b-zcwprmij36] {
    margin: 0;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    color: var(--bp-text-muted);
}

.hr-stampdock__missing[b-zcwprmij36] { color: var(--bp-warn); }

.hr-stampdock__ask[b-zcwprmij36] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid color-mix(in srgb, var(--bp-orange) 45%, transparent);
    border-radius: var(--bp-radius-lg);
    background: color-mix(in srgb, var(--bp-orange) 8%, var(--bp-panel-solid));
}

.hr-stampdock__ask p[b-zcwprmij36] {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.45;
    color: var(--bp-text);
}

.hr-stampdock__actions[b-zcwprmij36] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.hr-stampdock__link[b-zcwprmij36] {
    align-self: flex-start;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
    text-underline-offset: 0.2em;
}

.hr-stampdock__link:hover[b-zcwprmij36] { color: var(--bp-text); }
/* _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/HrTimeAccountPanel.razor.rz.scp.css */
/* Zeitkonto-Buchungen unter der Zeitauswertung — Bauweise wie die Anspruchskorrektur im Abwesenheits-Panel. */

.ta[b-4i2ch2w01n] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-3);
    margin-top: var(--bp-space-4);
}

.ta__empty[b-4i2ch2w01n] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

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

    .ta__lines li[b-4i2ch2w01n] {
        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;
    }

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

.ta__minutes[b-4i2ch2w01n] {
    min-width: 4rem;
    font-weight: 600;
}

.ta__kind[b-4i2ch2w01n] { font-weight: 500; }

.ta__reason[b-4i2ch2w01n] { flex: 1 1 12rem; min-width: 0; }

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

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

.ta__small[b-4i2ch2w01n] { font-size: 0.78rem; }

.ta__plus[b-4i2ch2w01n] { color: var(--bp-credit); }

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

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

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

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

.ta__input--kind[b-4i2ch2w01n] { flex: 0 0 11rem; }

.ta__input--month[b-4i2ch2w01n] { flex: 0 0 10rem; }

.ta__input--hours[b-4i2ch2w01n] { flex: 0 0 7rem; }

.ta__input--wage[b-4i2ch2w01n] { flex: 0 0 14rem; }

.ta__input--reason[b-4i2ch2w01n] { flex: 1 1 14rem; max-width: 30rem; }

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

@media (max-width: 640px) {
    .ta__input--kind[b-4i2ch2w01n],
    .ta__input--month[b-4i2ch2w01n],
    .ta__input--hours[b-4i2ch2w01n],
    .ta__input--wage[b-4i2ch2w01n],
    .ta__input--reason[b-4i2ch2w01n] { flex: 1 1 100%; max-width: none; }
}
/* _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); }

/* Vergessenes „Gehen" an der Stempeluhr (E10): Hinweis, keine Sperre. */
.ts__stamp-missing[b-e6p53hl5ux] { font-size: 0.8rem; color: var(--bp-warn); }

.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); }

/* Abgeschlossener Monat: sachlicher Hinweis, keine Warnung — gesperrt ist gewollt. */
.ts__notice--frozen[b-e6p53hl5ux] { background: color-mix(in srgb, var(--bp-text-muted) 10%, transparent); }

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

/* ---- 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);
}

/* Abweichung der heutigen Rechnung vom festgeschriebenen Saldo — unter dem Saldo, klein. */
.ts__deviation[b-e6p53hl5ux] {
    display: block;
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--bp-warn);
    white-space: nowrap;
}

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

/* Zuschlagsminuten des Tages — sachlich, kein Warnton: Zuschläge sind gewollt, nicht verdächtig. */
.ts__surcharge[b-e6p53hl5ux] {
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    font-size: 0.72rem;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    background: color-mix(in srgb, var(--bp-petrol) 14%, transparent);
    color: var(--bp-text);
    cursor: help;
}

.ts__surchargetotal[b-e6p53hl5ux] { font-size: 0.85rem; font-variant-numeric: tabular-nums; }

.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; }
}

/* Klärfall: die beiden Entscheidungen untereinander — je eine ganze Zeile, damit die Zahl dahinter lesbar bleibt. */
.ts__choices[b-e6p53hl5ux] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0.25rem 0 0.75rem;
}
/* _content/bettERFramework.HR.UI/Components/Features/HrTrainingPanel.razor.rz.scp.css */
/* Schulungen der Akte — dieselbe Grammatik wie Qualifikationen (Hinweis, Lage, Tabelle). Eigen ist
   die aufklappbare Versuchsliste je Reihe; Farbe zeigt nur den Zustand „offen", abgeschlossene
   Reihen bleiben ruhig. */

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

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

.ht__signals[b-48bsy40und] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.ht__signal[b-48bsy40und] {
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    color: var(--bp-text-muted);
    background: var(--bp-panel-solid-2);
}

.ht__signal--open[b-48bsy40und] { color: var(--bp-text); border: 1px dashed var(--bp-panel-border); background: transparent; }

.ht__table[b-48bsy40und] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .ht__table th[b-48bsy40und] {
        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);
    }

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

    .ht__table > tbody > tr:hover[b-48bsy40und] { background: var(--bp-panel-hover); }

    .ht__table > tbody > tr.ht__detail:hover[b-48bsy40und] { background: transparent; }

    .ht__table tbody tr:last-child td[b-48bsy40und] { border-bottom: none; }

    .ht__table tbody tr.is-open td[b-48bsy40und] { border-bottom: none; }

.ht__table--compact[b-48bsy40und] { font-size: 0.82rem; }

    .ht__table--compact td[b-48bsy40und] { padding: 0.3rem var(--bp-space-2); }

.ht__detail > td[b-48bsy40und] { padding-top: 0; padding-bottom: var(--bp-space-3); }

.ht__toggle[b-48bsy40und] { width: 2.2rem; }

.ht__num[b-48bsy40und] { text-align: right; }

.ht__code[b-48bsy40und] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.ht__strong[b-48bsy40und] { font-weight: 600; }

.ht__muted[b-48bsy40und] { color: var(--bp-text-muted); }

.ht__small[b-48bsy40und] { font-size: 0.78rem; }

.ht__chip[b-48bsy40und] {
    display: inline-block;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.76rem;
    white-space: nowrap;
}

.ht__chip--done[b-48bsy40und] { color: var(--bp-text-muted); background: var(--bp-panel-solid-2); }

.ht__chip--open[b-48bsy40und] { color: var(--bp-text); border: 1px dashed var(--bp-panel-border); }

.ht__iconbtn[b-48bsy40und] {
    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;
}

    .ht__iconbtn .e-icons[b-48bsy40und] { font-size: 0.85rem; }

    .ht__iconbtn:hover[b-48bsy40und] { background: var(--bp-panel-hover); color: var(--bp-text); }

    .ht__iconbtn:focus-visible[b-48bsy40und] { outline: 2px solid var(--bp-yellow); outline-offset: 1px; }
/* _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 */
/* Organigramm als Baum von oben nach unten. Jede Einheit sitzt mittig über ihren Untereinheiten;
   Geschwister stehen auf einer Höhe, verbunden durch rechtwinklige Linien in der Modulfarbe
   (.hr-theme biegt --bp-yellow auf Mint). Die Ebene spricht über Rahmen und Namensgröße, nicht über
   einen farbigen Seitenstrich: Bereich mit Akzentrahmen, Abteilung schlicht, Team zurückgenommen. */

.oc__node[b-1ki7rgf11y] {
    /* Länge der senkrechten Stücke zwischen Karte, Querlinie und Kind-Karte. */
    --oc-drop: var(--bp-space-4);
    --oc-line: color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 var(--bp-space-2);
    list-style: none;
}

/* ===== Karte ===== */

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

.oc__node--division > .oc__card[b-1ki7rgf11y] {
    border-color: color-mix(in srgb, var(--bp-yellow) 70%, transparent);
}

.oc__node--team > .oc__card[b-1ki7rgf11y] {
    background: var(--bp-panel-solid);
}

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

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

.oc__node--division > .oc__card .oc__name[b-1ki7rgf11y] { font-size: 1.1rem; }

.oc__actions[b-1ki7rgf11y] {
    display: inline-flex;
    gap: 0.1rem;
    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-faint);
    cursor: pointer;
}

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

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

    .oc__iconbtn--danger:hover[b-1ki7rgf11y],
    .oc__iconbtn--danger:focus-visible[b-1ki7rgf11y] {
        color: var(--bp-debit);
        outline-color: var(--bp-debit);
    }

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

.oc__lead[b-1ki7rgf11y] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-width: 0;
    font-size: 0.88rem;
}

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

.oc__meta[b-1ki7rgf11y] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--bp-space-1) var(--bp-space-2);
    font-size: 0.75rem;
    color: var(--bp-text-muted);
}

.oc__kind[b-1ki7rgf11y] {
    padding: 0.05rem 0.4rem;
    border: 1px solid var(--bp-panel-border);
    color: var(--bp-text-muted);
}

.oc__node--division > .oc__card .oc__kind[b-1ki7rgf11y] {
    border-color: color-mix(in srgb, var(--bp-yellow) 55%, transparent);
    color: var(--bp-yellow);
}

.oc__figure[b-1ki7rgf11y] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-variant-numeric: tabular-nums;
}

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

/* Stellenplan: besetzt/geplant — offene Stellen tragen die Warnfarbe. */
.oc__positions[b-1ki7rgf11y] {
    padding: 0 0.4rem;
    border: 1px solid var(--bp-panel-border);
}

.oc__positions--open[b-1ki7rgf11y] {
    border-color: var(--bp-warn);
    color: var(--bp-warn);
}

/* Mitglieder: aufklappbar, damit der Baum kompakt bleibt. */
.oc__members[b-1ki7rgf11y] {
    font-size: 0.85rem;
}

    .oc__members > summary[b-1ki7rgf11y] {
        width: fit-content;
        cursor: pointer;
        color: var(--bp-text-muted);
        font-size: 0.78rem;
        list-style: none;
    }

        .oc__members > summary[b-1ki7rgf11y]::-webkit-details-marker { display: none; }

        .oc__members > summary[b-1ki7rgf11y]::before {
            content: "";
            display: inline-block;
            width: 0.4rem;
            height: 0.4rem;
            margin-right: 0.4rem;
            border-right: 1.5px solid currentColor;
            border-bottom: 1.5px solid currentColor;
            transform: translateY(-0.12rem) rotate(-45deg);
            transition: transform 160ms cubic-bezier(0.16, 1, 0.3, 1);
        }

        .oc__members > summary:hover[b-1ki7rgf11y] { color: var(--bp-yellow); }

        .oc__members > summary:focus-visible[b-1ki7rgf11y] {
            outline: 2px solid var(--bp-yellow);
            outline-offset: 2px;
        }

    .oc__members[open] > summary[b-1ki7rgf11y]::before { transform: translateY(-0.2rem) rotate(45deg); }

.oc__memberlist[b-1ki7rgf11y] {
    margin: var(--bp-space-2) 0 0;
    padding: var(--bp-space-2) 0 0;
    border-top: 1px solid var(--bp-panel-border);
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .oc__memberlist li[b-1ki7rgf11y] {
        display: flex;
        flex-direction: column;
        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); }

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

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

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

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

/* ===== Verbindungslinien =====
   Klassischer Baum aus Rahmenlinien: Unter der Eltern-Karte fällt eine Senkrechte bis zur Querlinie;
   jedes Kind trägt die halbe Querlinie links und rechts von seiner Mitte und eine Senkrechte zu seiner
   Karte. Das erste Kind lässt die linke, das letzte die rechte Hälfte weg — so endet die Querlinie
   genau über den äußeren Karten. Scharfe Ecken wie überall im Haus (--bp-radius: 0). */

.oc__children[b-1ki7rgf11y] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding: var(--oc-drop) 0 0;
}

    /* Senkrechte von der Eltern-Karte hinunter zur Querlinie. */
    .oc__children[b-1ki7rgf11y]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        height: var(--oc-drop);
        border-left: 1px solid var(--oc-line);
    }

    .oc__children > .oc__node[b-1ki7rgf11y] {
        padding-top: var(--oc-drop);
    }

        .oc__children > .oc__node[b-1ki7rgf11y]::before,
        .oc__children > .oc__node[b-1ki7rgf11y]::after {
            content: "";
            position: absolute;
            top: 0;
            width: 50%;
            height: var(--oc-drop);
            border-top: 1px solid var(--oc-line);
        }

        .oc__children > .oc__node[b-1ki7rgf11y]::before { right: 50%; }

        .oc__children > .oc__node[b-1ki7rgf11y]::after {
            left: 50%;
            border-left: 1px solid var(--oc-line);
        }

        .oc__children > .oc__node:first-child[b-1ki7rgf11y]::before { border-top: 0; }

        .oc__children > .oc__node:last-child[b-1ki7rgf11y]::after { border-top: 0; }

        /* Einzelkind: keine Querlinie, nur die Senkrechte von der Eltern-Karte geradewegs hinunter. */
        .oc__children > .oc__node:only-child[b-1ki7rgf11y]::before { display: none; }
/* _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__dateinput[b-teanyi250k] { width: 10rem; }

    .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; }

    .ab__setting .ab__error[b-teanyi250k] { color: var(--bp-danger); }
/* _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; }

/* Leiste und Kopf kleben als EIN Block oben (Muster Artikelakte): einzeln klebend schob sich der Kopf unter die
   Leiste. Die Leiste sitzt eingebettet, der Kopf verliert hier sein eigenes Kleben. */
.hd__top[b-l7vu2p9onh] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--bp-surface);
}

.hd__top .hd__head[b-l7vu2p9onh] {
    position: static;
}

/* Mittelteil der Leiste: Personalnummer leise, Name als Anker. */
.hd__barnumber[b-l7vu2p9onh] {
    flex: 0 0 auto;
    font-family: var(--bp-font-head);
    font-variant-numeric: tabular-nums;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

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

.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-8[b-l7vu2p9onh] { grid-column: span 8; }
.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);
}

/* ---- Reiter Organisation: Pfad der Einheit ----
   Eine Treppe von oben nach unten (Bereich › Abteilung › Team), jede Stufe etwas eingerückt und an
   einer Linie in der Modulfarbe — dieselbe Lesart wie das Organigramm, nur der eine Ast dieser Person.
   Die eigene Einheit trägt den Akzent; die übergeordneten bleiben ruhig. */
.hd__orgpath[b-l7vu2p9onh] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.hd__orgpath__step[b-l7vu2p9onh] {
    display: grid;
    grid-template-columns: 6.5rem minmax(10rem, 16rem) 1fr;
    align-items: baseline;
    gap: var(--bp-space-3);
    padding: 0.4rem var(--bp-space-3);
    border-left: 1px solid color-mix(in srgb, var(--bp-yellow) 45%, var(--bp-panel-border));
    font-size: 0.9rem;
}

    .hd__orgpath__step:nth-child(2)[b-l7vu2p9onh] { margin-left: var(--bp-space-4); }

    .hd__orgpath__step:nth-child(3)[b-l7vu2p9onh] { margin-left: calc(var(--bp-space-4) * 2); }

    .hd__orgpath__step.is-own[b-l7vu2p9onh] {
        border-left-color: var(--bp-yellow);
        background: var(--bp-panel-solid-2);
    }

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

.hd__orgpath__name[b-l7vu2p9onh] {
    font-family: var(--bp-font-head);
    font-weight: 600;
    color: var(--bp-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hd__orgpath__lead[b-l7vu2p9onh] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
    min-width: 0;
}

.hd__orgpath__person[b-l7vu2p9onh] {
    color: var(--bp-text);
    text-decoration: none;
}

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

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

/* Erklärung der Vertretungsart neben der Auswahl — auf Höhe des Eingabefelds, nicht der Beschriftung (F3). */
.hd__kindhint[b-l7vu2p9onh] {
    align-self: end;
    margin: 0;
    padding-bottom: 0.6rem;
    max-width: 70ch;
}
/* _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__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);
}

/* Die Leiste ist gelb — die Marke des geladenen Satzes nimmt die Farbe der Firmen-Maske im Bearbeiten. */
.hm__mode--loaded[b-k4o3f03rp0] { color: var(--bp-saldo); }

.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-text);
        text-decoration: underline;
        text-underline-offset: 0.2em;
    }

    .hm__info-title:focus-visible[b-k4o3f03rp0] {
        outline: 2px solid var(--bp-text);
        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__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: Baum von oben nach unten (Knoten und Linien in OrgChartUnit) ----
   Die Fläche scrollt waagerecht; die Wurzel-Reihe ist so breit wie ihr Inhalt und steht mittig,
   solange sie schmaler ist (margin-inline: auto statt justify-content — sonst würde ein breiter Baum
   links abgeschnitten statt scrollbar). */

.og__chart[b-v3e104qwpx] {
    overflow-x: auto;
    padding-bottom: var(--bp-space-2);
    scrollbar-color: var(--bp-panel-border) transparent;
}

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

.og__roots[b-v3e104qwpx] {
    display: flex;
    align-items: flex-start;
    gap: var(--bp-space-4);
    width: max-content;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.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); }

/* Inaktive Einheiten: als Marken unter dem Baum, mit Hr.Manage anklickbar (Formular zum Reaktivieren
   oder Löschen). */
.og__inactive[b-v3e104qwpx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-2);
}

.og__inactive__unit[b-v3e104qwpx] {
    padding: 0.1rem 0.5rem;
    border: 1px dashed var(--bp-panel-border);
    border-radius: var(--bp-radius);
    background: none;
    color: var(--bp-text-muted);
    font: inherit;
    font-size: 0.82rem;
}

button.og__inactive__unit[b-v3e104qwpx] {
    cursor: pointer;
}

    button.og__inactive__unit:hover[b-v3e104qwpx] {
        color: var(--bp-yellow);
        border-color: var(--bp-yellow);
    }

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

/* ---- 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);
}

/* ---- Kenner unter dem Organigramm (F3): eine ruhige Zeile, abgesetzt durch eine Linie ---- */

.og__setting[b-v3e104qwpx] {
    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);
}

    .og__setting .bp-field__label[b-v3e104qwpx] { margin: 0; }

.og__settinginput[b-v3e104qwpx] {
    width: auto;
    min-width: 16rem;
    height: 2.2rem;
}

/* ---- Pflicht-Qualifikationen je Stelle: unter der Bezeichnung als ruhige Umriss-Etiketten
   (Soll, kein Personenbezug) — die Besetzung daneben bleibt die gefüllte Pille. ---- */

.og__reqs[b-v3e104qwpx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.35rem;
}

.og__reqs__label[b-v3e104qwpx] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bp-text-muted);
}

.og__req[b-v3e104qwpx] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.05rem 0.45rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: 999px;
    font-size: 0.78rem;
    color: var(--bp-text);
}

    .og__req.is-inactive[b-v3e104qwpx] {
        color: var(--bp-text-muted);
        border-style: dashed;
    }

.og__iconbtn.is-on[b-v3e104qwpx] {
    color: var(--bp-yellow);
    background: color-mix(in srgb, var(--bp-yellow) 10%, transparent);
}
/* _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;
}

/* Abweichungen seit dem Abschluss: Hinweis links, Aktion rechts — bricht auf schmalen Schirmen um. */
.pc__deviationbar[b-vi0utecv5h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bp-space-2) var(--bp-space-4);
}

/* Revision des Abschlusses, ggf. mit Kennzeichen „nachträglich festgeschrieben" */
.pc__revision[b-vi0utecv5h] {
    display: inline-flex;
    align-items: center;
    gap: var(--bp-space-2);
}

/* ---- 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; }

/* Überholter Exportlauf: Kennzeichen vor der Laufnummer, die Zeile tritt zurück (is-inactive). */
.pc__superseded[b-vi0utecv5h] { margin-right: var(--bp-space-2); font-weight: 500; }

.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); }

/* Kommentierte Ausnahme: der Befund bleibt sichtbar, tritt aber zurück; die Begründung steht darunter. */
.pc__table tbody tr.is-waived td[b-vi0utecv5h] { color: var(--bp-text-muted); }

.pc__waiver[b-vi0utecv5h] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.2rem var(--bp-space-2);
    margin-top: 0.2rem;
    color: var(--bp-text);
}

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

    .pc__waiverform .pc__input[b-vi0utecv5h] { flex: 1 1 18rem; max-width: 36rem; }

/* Textknopf in der Zeile — leise, bis man ihn braucht. */
.pc__textbtn[b-vi0utecv5h] {
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--bp-panel-border);
    border-radius: var(--bp-radius-ctl);
    background: transparent;
    color: var(--bp-text);
    font-size: 0.8rem;
    cursor: pointer;
}

    .pc__textbtn:hover:not(:disabled)[b-vi0utecv5h] { border-color: var(--bp-yellow); }

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

    .pc__textbtn:disabled[b-vi0utecv5h] { opacity: 0.5; cursor: default; }

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

.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/HrPayslips.razor.rz.scp.css */
/* Lohnabrechnungen der Kanzlei — dieselbe Seitengrammatik wie der Monatsabschluss (Kopf, Monatsleiste,
   Tabelle, Formular in der Zeile). Eigen ist nur die Prüfliste als Arbeitskarte oben: Sie erscheint
   allein, wenn es etwas zu entscheiden gibt; ist alles zugeordnet, ist die Seite fast farblos. */

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

.ps__head[b-86fctfsrre] {
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bp-space-4);
}

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

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

    .ps__back .e-icons[b-86fctfsrre] { font-size: 0.7rem; }

    .ps__back:hover[b-86fctfsrre] { color: var(--bp-yellow); }

.ps__title[b-86fctfsrre] { margin: 0; }

.ps__lead[b-86fctfsrre] {
    margin: 0;
    max-width: 72ch;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
}

.ps__headactions[b-86fctfsrre] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
}

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

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

.ps__upload[b-86fctfsrre] { max-width: 40rem; }

/* ---- Prüfliste ---- */

.ps__review[b-86fctfsrre] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
}

.ps__h2[b-86fctfsrre] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.ps__cardlead[b-86fctfsrre] {
    margin: 0;
    max-width: 72ch;
    font-size: 0.85rem;
    color: var(--bp-text-muted);
}

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

/* Der Zähler trägt das Signal, nicht die Karte: Warnton nur, solange etwas offen ist. */
.ps__count--warn[b-86fctfsrre] {
    padding: 0 0.45rem;
    border-radius: 999px;
    color: var(--bp-black);
    background: var(--bp-warn);
}

.ps__formrow > td[b-86fctfsrre] { background: var(--bp-panel-hover); }

.ps__assign[b-86fctfsrre] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--bp-space-3);
    padding: var(--bp-space-2) 0;
}

.ps__field-wide[b-86fctfsrre] { min-width: 18rem; flex: 1 1 18rem; }

.ps__formactions[b-86fctfsrre] {
    display: flex;
    gap: var(--bp-space-2);
    margin-left: auto;
}

/* ---- Monat ---- */

.ps__bar[b-86fctfsrre] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bp-space-3) var(--bp-space-5);
}

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

.ps__month[b-86fctfsrre] {
    min-width: 11rem;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 600;
}

.ps__summary[b-86fctfsrre] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--bp-text-muted);
    font-variant-numeric: tabular-nums;
}

.ps__release[b-86fctfsrre] { margin-left: auto; }

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

.ps__table[b-86fctfsrre] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .ps__table th[b-86fctfsrre] {
        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);
    }

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

    .ps__table tbody tr:hover[b-86fctfsrre] { background: var(--bp-panel-hover); }

    .ps__table tbody tr:last-child td[b-86fctfsrre] { border-bottom: none; }

.ps__row--quiet td[b-86fctfsrre] { color: var(--bp-text-muted); }

.ps__checkcol[b-86fctfsrre] { width: 2.25rem; }

.ps__check[b-86fctfsrre] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--bp-yellow);
    cursor: pointer;
}

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

.ps__actionscol[b-86fctfsrre] { width: 1%; }

.ps__code[b-86fctfsrre] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.ps__chip[b-86fctfsrre] { margin-left: var(--bp-space-2); }

.ps__muted[b-86fctfsrre] { color: var(--bp-text-muted); }

.ps__small[b-86fctfsrre] { font-size: 0.8rem; }

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

.ps__iconbtn[b-86fctfsrre] {
    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;
}

    .ps__iconbtn .e-icons[b-86fctfsrre] { font-size: 0.9rem; }

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

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

    .ps__iconbtn:disabled[b-86fctfsrre] { opacity: 0.5; cursor: default; }

/* ---- Einstellung ---- */

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

.ps__settingstate[b-86fctfsrre] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--bp-space-3);
    margin: 0;
    max-width: 72ch;
    font-size: 0.9rem;
}

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

    .ps__linkbtn:hover:not(:disabled)[b-86fctfsrre] { color: var(--bp-yellow); }

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

.ps__hint[b-86fctfsrre] {
    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/HrQualifications.razor.rz.scp.css */
/* Qualifikationen — dieselbe Seitengrammatik wie Arbeitszeit und Organisation (Kopf, Reiter,
   Tabelle, Formular darunter). Eigen ist nur die Fälligkeitsmarke in der Arbeitsliste: Farbe zeigt
   den Zustand (fällig, abgelaufen), nicht die Art — ohne fällige Nachweise bleibt die Seite farblos. */

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

.qc__head[b-tidnrzikoz] { align-items: flex-start; }

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

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

    .qc__back .e-icons[b-tidnrzikoz] { font-size: 0.7rem; }

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

.qc__title[b-tidnrzikoz] { margin: 0; }

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

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

.qc__tabs[b-tidnrzikoz] { margin-bottom: 0; }

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

.qc__count--warn[b-tidnrzikoz] {
    padding: 0 0.4rem;
    border-radius: 999px;
    color: var(--bp-black);
    background: var(--bp-warn);
}

.qc__count--expired[b-tidnrzikoz] {
    padding: 0 0.4rem;
    border-radius: 999px;
    color: var(--bp-white);
    background: var(--bp-debit);
}

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

    .qc__panel[hidden][b-tidnrzikoz] { display: none; }

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

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

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

    .qc__table th[b-tidnrzikoz] {
        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);
    }

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

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

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

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

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

    .qc__table tbody tr.is-expired td:first-child[b-tidnrzikoz] { box-shadow: inset 1px 0 0 var(--bp-debit); }

.qc__num[b-tidnrzikoz] { text-align: right; }

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

.qc__strong[b-tidnrzikoz] { font-weight: 600; }

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

.qc__small[b-tidnrzikoz] { font-size: 0.78rem; }

.qc__desc[b-tidnrzikoz] { max-width: 40ch; }

.qc__chip[b-tidnrzikoz] {
    display: inline-block;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.qc__chip--warn[b-tidnrzikoz] { color: var(--bp-black); background: var(--bp-warn); }

.qc__chip--expired[b-tidnrzikoz] { color: var(--bp-white); background: var(--bp-debit); }

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

.qc__iconbtn[b-tidnrzikoz] {
    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;
    text-decoration: none;
    transition: background-color 120ms ease-out, color 120ms ease-out;
}

    .qc__iconbtn .e-icons[b-tidnrzikoz] { font-size: 0.95rem; }

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

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

    .qc__iconbtn:disabled[b-tidnrzikoz] { opacity: 0.4; cursor: default; }

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

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

.qc__form[b-tidnrzikoz] {
    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);
}

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

    .qc__fieldset:disabled[b-tidnrzikoz] { opacity: 0.7; }

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

.qc__span-2[b-tidnrzikoz] { grid-column: span 2; }
.qc__span-3[b-tidnrzikoz] { grid-column: span 3; }
.qc__span-5[b-tidnrzikoz] { grid-column: span 5; }
.qc__span-9[b-tidnrzikoz] { grid-column: span 9; }

.qc__input[b-tidnrzikoz] {
    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;
}

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

    .qc__input:disabled[b-tidnrzikoz] { opacity: 0.5; }

.qc__input--code[b-tidnrzikoz] { font-variant-numeric: tabular-nums; }

.qc__input--short[b-tidnrzikoz] { width: 7rem; }

.qc__checkcell[b-tidnrzikoz] { justify-content: flex-end; }

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

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

.qc__months[b-tidnrzikoz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.qc__unit[b-tidnrzikoz] {
    flex: 0 0 auto;
    font-size: 0.8rem;
    color: var(--bp-text-muted);
}

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

/* ---- Kenner Vorwarnzeit ---- */

.qc__setting[b-tidnrzikoz] {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-2);
    max-width: 36rem;
    padding-top: var(--bp-space-3);
    border-top: 1px solid var(--bp-panel-border);
}

@media (max-width: 720px) {
    .qc__span-2[b-tidnrzikoz],
    .qc__span-3[b-tidnrzikoz],
    .qc__span-5[b-tidnrzikoz],
    .qc__span-9[b-tidnrzikoz] { grid-column: span 12; }
}

/* Offene Einreichungen: warten auf jemanden — Hausfarbe, wie die Marke „eingereicht" in der Akte. */
.qc__count--submitted[b-tidnrzikoz] { color: var(--bp-black); background: var(--bp-yellow); }
/* _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);
}

/* ---- Leistungskennzahlen (nur, wenn die Firma sie eingeschaltet hat) ----
   Die Zeile trägt drei kurze Werte als EINEN Knopf: Die Zahl ist die Tür zu den Kacheln darunter.
   Farbe nur bei Abweichung vom Soll (Qualifizierung unter 100 %), sonst bleibt die Zeile ruhig. */

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

.hk__cell[b-4xzw3i8ki1] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.2rem 0.5rem;
    border: 0;
    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;
}

    .hk__cell:hover[b-4xzw3i8ki1] { background: var(--bp-panel-hover); }

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

    .hk__cell.is-on[b-4xzw3i8ki1] { background: color-mix(in srgb, var(--bp-yellow) 10%, transparent); }

.hk__fig[b-4xzw3i8ki1] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
}

.hk__tag[b-4xzw3i8ki1] {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bp-text-muted);
}

.hk__num[b-4xzw3i8ki1] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.hk__op[b-4xzw3i8ki1] {
    margin: 0 0.1rem;
    font-weight: 400;
    color: var(--bp-text-muted);
}

.hk__fig--warn .hk__num[b-4xzw3i8ki1] { color: var(--bp-warn); }

.hk__fig--debit .hk__num[b-4xzw3i8ki1] { color: var(--bp-debit); }

.hk__fig--empty .hk__num[b-4xzw3i8ki1] { color: var(--bp-text-muted); }

/* Kachelreihe des aufgeklappten Mitglieds: drei Kennzahlen, gleiche Breite. */
.hk__tiles[b-4xzw3i8ki1] { --bp-stat-cols: 3; }

@media (max-width: 1500px) {
    .hk__tiles[b-4xzw3i8ki1] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.hk__line[b-4xzw3i8ki1] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--bp-text);
}

.hk__pending[b-4xzw3i8ki1] {
    margin-left: var(--bp-space-2);
    color: var(--bp-warn);
}

/* Urlaub: genommen · geplant · gesamt nebeneinander; gesamt ist die Bezugsgröße, abgesetzt durch eine Kante. */
.hk__split[b-4xzw3i8ki1] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: start;
    gap: var(--bp-space-4);
    margin: 0;
}

    .hk__split > div[b-4xzw3i8ki1] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
    }

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

    .hk__split dd[b-4xzw3i8ki1] {
        margin: 0;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 1.1;
        font-variant-numeric: tabular-nums;
    }

.hk__split-total[b-4xzw3i8ki1] {
    padding-left: var(--bp-space-4);
    border-left: 1px solid var(--bp-panel-border);
}

    .hk__split-total dd[b-4xzw3i8ki1] { color: var(--bp-text-muted); }

/* Offene Pflichten: Bezeichnung links, Grund rechts — abgelaufen rot, sonst Warnung. */
.hk__gaps[b-4xzw3i8ki1] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.82rem;
}

.hk__gap[b-4xzw3i8ki1] {
    display: flex;
    justify-content: space-between;
    gap: var(--bp-space-3);
    padding: 0.2rem 0;
    border-top: 1px solid var(--bp-panel-border);
}

.hk__gapname[b-4xzw3i8ki1] { color: var(--bp-text); }

.hk__gapwhy[b-4xzw3i8ki1] {
    white-space: nowrap;
    color: var(--bp-warn);
}

.hk__gap--expired .hk__gapwhy[b-4xzw3i8ki1] { color: var(--bp-debit); }

.hk__gap--pending .hk__gapwhy[b-4xzw3i8ki1] { color: var(--bp-text-muted); }
/* _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); }