@import '_content/PM.Portal.Shared/PM.Portal.Shared.8ms3nu7f69.bundle.scp.css';

/* _content/PM.EmployeeSelfService.Web/Components/Layout/FavoritesBar.razor.rz.scp.css */
.pm-favbar[b-crc9quuh46] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 0;
    padding: 0 1.75rem;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    min-height: 36px;
    position: sticky;
    top: 56px;
    z-index: 199;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.pm-favbar-label[b-crc9quuh46] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #0098ff;
    margin-right: 6px;
    white-space: nowrap;
}

.pm-favbar-link[b-crc9quuh46] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    color: #333333;
    text-decoration: none;
    padding: 7px 12px;
    border-right: 1px solid #e0e0e0;
    white-space: nowrap;
    transition: color 0.12s, background 0.12s;
}

.pm-favbar-link:first-of-type[b-crc9quuh46] {
    border-left: 1px solid #e0e0e0;
}

.pm-favbar-link:hover[b-crc9quuh46] {
    color: #0098ff;
    background: #f2f2f2;
    text-decoration: none;
}

.pm-favbar-active[b-crc9quuh46] {
    color: #0098ff;
    font-weight: 700;
    background: #f0f8ff;
}

/* ── Ribbon Toggle Button (rechts in der Favoritenleiste) ── */
.pm-favbar-menu-btn[b-crc9quuh46] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    background: none;
    border: 1px solid #ddd;
    color: #555;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.76rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
    white-space: nowrap;
    flex-shrink: 0;
}

    .pm-favbar-menu-btn:hover[b-crc9quuh46] {
        background: #e8e8e8;
        color: #222;
        border-color: #bbb;
    }

    .pm-favbar-menu-btn:disabled[b-crc9quuh46] {
        opacity: 0.4;
        cursor: default;
    }

.pm-favbar-menu-icon[b-crc9quuh46] {
    font-size: 0.9rem;
}

.pm-favbar-menu-text[b-crc9quuh46] { }

.pm-favbar-menu-chev[b-crc9quuh46] {
    font-size: 0.6rem;
    opacity: 0.6;
}
/* _content/PM.EmployeeSelfService.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.pm-topbar[b-31kgsfpgl7] {
    background: #0098ff;
    color: white;
    padding: 0 1.75rem;
    height: 56px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: sticky;
    top: 0;
    z-index: 200;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

/* ── Module Switcher ───────────────────────────────────────── */
.pm-module-switcher[b-31kgsfpgl7] { position: relative; flex-shrink: 0; }
.pm-module-switcher > summary[b-31kgsfpgl7] { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 7px; color: white; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 1.0rem; font-weight: 700; letter-spacing: 0.2px; padding: 6px 12px 6px 0; border-radius: 6px; transition: background 0.12s; user-select: none; }
    .pm-module-switcher > summary[b-31kgsfpgl7]::-webkit-details-marker, .pm-module-switcher > summary[b-31kgsfpgl7]::marker { display: none; }
    .pm-module-switcher > summary:hover[b-31kgsfpgl7], .pm-module-switcher[open] > summary[b-31kgsfpgl7] { background: rgba(255, 255, 255, 0.15); padding-left: 10px; padding-right: 10px; border-radius: 8px; }
.pm-brand-logo[b-31kgsfpgl7] { height: 30px; width: auto; }
.pm-brand-name[b-31kgsfpgl7] { font-size: 1.0rem; font-weight: 800; letter-spacing: 0.5px; }
.pm-mod-sep[b-31kgsfpgl7] { opacity: 0.5; font-weight: 400; }
.pm-mod-current[b-31kgsfpgl7] { font-size: 0.88rem; font-weight: 600; opacity: 0.92; }
.pm-mod-chevron[b-31kgsfpgl7] { font-size: 0.75rem; opacity: 0.7; transition: transform 0.15s; }
.pm-module-switcher[open] .pm-mod-chevron[b-31kgsfpgl7] { transform: rotate(180deg); }

/* ── Module Dropdown ───────────────────────────────────────── */
.pm-mod-dropdown[b-31kgsfpgl7] { position: absolute; top: calc(100% + 8px); left: 0; background: #fff; border-radius: 10px; box-shadow: 0 6px 24px rgba(0,0,0,0.18); min-width: 220px; overflow: hidden; border: 1px solid #e0e0e0; z-index: 500; }
.pm-mod-header[b-31kgsfpgl7] { padding: 8px 14px 6px; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #999; border-bottom: 1px solid #f0f0f0; }
.pm-mod-item[b-31kgsfpgl7] { display: flex; align-items: center; gap: 9px; padding: 10px 16px; color: #333; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 0.88rem; font-weight: 600; transition: background 0.1s; }
    .pm-mod-item:hover[b-31kgsfpgl7] { background: #f4f8ff; color: #0098ff; text-decoration: none; }
    .pm-mod-item.pm-mod-active[b-31kgsfpgl7] { background: #eef6ff; color: #0098ff; }
        .pm-mod-item.pm-mod-active[b-31kgsfpgl7]::after { content: "\2713"; margin-left: auto; font-size: 0.8rem; color: #0098ff; }
.pm-mod-icon[b-31kgsfpgl7] { font-size: 1.15rem; font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif; line-height: 1; }

.pm-home-btn[b-31kgsfpgl7] {
    margin-left: auto;
    color: white;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 6px 14px;
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 20px;
    transition: background 0.15s, border-color 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

    .pm-home-btn:hover[b-31kgsfpgl7] {
        color: white;
        background: rgba(255,255,255,0.18);
        border-color: white;
        text-decoration: none;
    }

.pm-main[b-31kgsfpgl7] {
    min-height: calc(100vh - 56px);
    padding: 1.75rem 2rem;
    background: #f2f2f2;
}

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

    #blazor-error-ui .dismiss[b-31kgsfpgl7] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
/* _content/PM.EmployeeSelfService.Web/Components/Layout/NavMenu.razor.rz.scp.css */
/* ── Ribbon Container ─────────────────────────────── */
.pm-ribbon[b-talzl9z4g9] {
    background: #222d62;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.pm-ribbon-cats[b-talzl9z4g9] {
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0 0.5rem;
    overflow-x: auto;
    scrollbar-width: none;
    min-height: 38px;
}

.pm-ribbon-cats[b-talzl9z4g9]::-webkit-scrollbar { display: none; }

.pm-ribbon-cat[b-talzl9z4g9] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 14px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.12s, border-color 0.12s, background 0.12s;
    flex-shrink: 0;
}

    .pm-ribbon-cat:hover[b-talzl9z4g9] {
        color: white;
        background: rgba(255, 255, 255, 0.06);
    }

    .pm-ribbon-cat--active[b-talzl9z4g9] { color: #7ec8ff; }

    .pm-ribbon-cat--selected[b-talzl9z4g9] {
        color: white;
        border-bottom-color: #0098ff;
        background: rgba(255, 255, 255, 0.08);
    }

.pm-ribbon-cat-icon[b-talzl9z4g9] { font-size: 0.85rem; }
.pm-ribbon-cat-label[b-talzl9z4g9] { }

.pm-ribbon-pages[b-talzl9z4g9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 0.75rem;
    background: #1a2340;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    min-height: 34px;
}

[b-talzl9z4g9] .pm-ribbon-link {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.76rem;
    font-weight: 500;
    padding: 6px 12px;
    white-space: nowrap;
    transition: color 0.1s, background 0.1s;
    border-radius: 4px;
}

    [b-talzl9z4g9] .pm-ribbon-link:hover {
        color: white;
        background: rgba(255, 255, 255, 0.1);
        text-decoration: none;
    }

    [b-talzl9z4g9] .pm-ribbon-link.active {
        color: #7ec8ff;
        font-weight: 700;
        background: rgba(126, 200, 255, 0.1);
    }

@media (max-width: 768px) {
    .pm-ribbon-cats[b-talzl9z4g9] { padding: 0 0.25rem; }
    .pm-ribbon-cat[b-talzl9z4g9] { padding: 0 8px; font-size: 0.72rem; }
    .pm-ribbon-cat-label[b-talzl9z4g9] { display: none; }
    .pm-ribbon-pages[b-talzl9z4g9] { padding: 0 0.25rem; }
    [b-talzl9z4g9] .pm-ribbon-link { font-size: 0.72rem; padding: 5px 8px; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/Home.razor.rz.scp.css */
.hub-container[b-xyvx69glk0] {
    max-width: 1280px;
    margin: 0 auto;
}

/* ── Header ── */
.hub-header[b-xyvx69glk0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.hub-title[b-xyvx69glk0] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.7rem;
    font-weight: 700;
    color: #222d62;
    margin: 0;
}

.hub-subtitle[b-xyvx69glk0] {
    color: #6e6e6e;
    margin: 0.2rem 0 0;
    font-size: 0.9rem;
    font-weight: 500;
}

.hub-searchbox[b-xyvx69glk0] {
    min-width: 240px;
    max-width: 340px;
    flex: 1;
    align-self: center;
}

.hub-searchbox .form-control[b-xyvx69glk0] {
    border-radius: 8px;
    border-color: #bdbdbd;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
}

.hub-searchbox .form-control:focus[b-xyvx69glk0] {
    border-color: #0098ff;
    box-shadow: 0 0 0 0.15rem rgba(0, 152, 255, 0.25);
}

/* ── Favoriten-Leiste ── */
.hub-fav-bar[b-xyvx69glk0] {
    background: #fff;
    border: 2px solid #0098ff;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.hub-fav-label[b-xyvx69glk0] {
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #0098ff;
    white-space: nowrap;
}

.hub-fav-tiles[b-xyvx69glk0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hub-fav-tile[b-xyvx69glk0] {
    display: flex;
    align-items: center;
    background: #f2f2f2;
    border: 1px solid #bdbdbd;
    border-radius: 20px;
    padding: 4px 8px 4px 12px;
    gap: 4px;
    transition: border-color 0.15s;
}

.hub-fav-tile:hover[b-xyvx69glk0] {
    border-color: #0098ff;
}

.hub-fav-link[b-xyvx69glk0] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #222d62;
    text-decoration: none;
    white-space: nowrap;
}

.hub-fav-link:hover[b-xyvx69glk0] {
    color: #0098ff;
    text-decoration: underline;
}

.hub-fav-remove[b-xyvx69glk0] {
    background: none;
    border: none;
    color: #bdbdbd;
    font-size: 1rem;
    line-height: 1;
    padding: 0 3px;
    cursor: pointer;
    transition: color 0.15s;
}

.hub-fav-remove:hover[b-xyvx69glk0] {
    color: #fc4831;
}

/* ── Sections-Grid ── */
.hub-grid[b-xyvx69glk0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 1.1rem;
    align-items: start;
}

.hub-section[b-xyvx69glk0] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s;
}

.hub-section:hover[b-xyvx69glk0] {
    box-shadow: 0 4px 14px rgba(0, 152, 255, 0.14);
}

.hub-sec-head[b-xyvx69glk0] {
    background: #0098ff;
    color: white;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.hub-sec-icon[b-xyvx69glk0] {
    font-size: 1.05rem;
    line-height: 1;
}

.hub-sec-title[b-xyvx69glk0] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.3px;
}

/* ── Link-Liste ── */
.hub-sec-list[b-xyvx69glk0] {
    list-style: none;
    margin: 0;
    padding: 6px 0;
}

.hub-sec-item[b-xyvx69glk0] {
    display: flex;
    align-items: center;
    padding: 0 10px 0 14px;
}

.hub-sec-item:hover[b-xyvx69glk0] {
    background: #f2f2f2;
}

.hub-sec-link[b-xyvx69glk0] {
    flex: 1;
    padding: 7px 4px;
    text-decoration: none;
    color: #333333;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hub-sec-link:hover .hub-sec-name[b-xyvx69glk0] {
    color: #0098ff;
    text-decoration: underline;
}

.hub-sec-name[b-xyvx69glk0] {
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hub-sec-desc[b-xyvx69glk0] {
    font-size: 0.72rem;
    color: #8a9ab0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
}

/* ── Stern-Button ── */
.hub-star[b-xyvx69glk0] {
    background: none;
    border: none;
    color: #bdbdbd;
    font-size: 1.1rem;
    padding: 4px 5px;
    cursor: pointer;
    line-height: 1;
    opacity: 0;
    transition: color 0.12s, opacity 0.12s;
    flex-shrink: 0;
}

.hub-sec-item:hover .hub-star[b-xyvx69glk0] {
    opacity: 1;
}

.hub-star:hover[b-xyvx69glk0] {
    color: #fd9808;
}

.hub-star-on[b-xyvx69glk0] {
    color: #fd9808;
    opacity: 1 !important;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .hub-searchbox[b-xyvx69glk0] {
        min-width: 100%;
        max-width: 100%;
    }

    .hub-grid[b-xyvx69glk0] {
        grid-template-columns: 1fr;
    }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/Aktivitaet.razor.rz.scp.css */
.af-layout[b-f0wb3qsn86] {
    max-width: 800px;
    margin: 0 auto;
}

/* ── Topbar ── */
.af-topbar[b-f0wb3qsn86] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.af-title[b-f0wb3qsn86] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222d62;
    margin: 0;
}

.af-subtitle[b-f0wb3qsn86] {
    color: #6e6e6e;
    margin: 0.2rem 0 0;
    font-size: 0.875rem;
}

.af-person-badge[b-f0wb3qsn86] {
    background: #e8f5ff;
    border: 1px solid #b3d9ff;
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #0055a5;
    white-space: nowrap;
    align-self: center;
}

/* ── Filter bar ── */
.af-filterbar[b-f0wb3qsn86] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 8px 14px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    flex-wrap: wrap;
}

.af-check[b-f0wb3qsn86] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    user-select: none;
}

.af-count[b-f0wb3qsn86] {
    margin-left: auto;
    font-size: 0.8rem;
    color: #8a9ab0;
}

/* ── Timeline ── */
.af-timeline[b-f0wb3qsn86] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.af-date-group[b-f0wb3qsn86] {
    margin-bottom: 1.5rem;
}

.af-date-head[b-f0wb3qsn86] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #8a9ab0;
    padding: 0 4px 6px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 6px;
}

/* ── Entry ── */
.af-entry[b-f0wb3qsn86] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    border-left: 3px solid transparent;
    margin-bottom: 4px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-left-width: 3px;
    transition: box-shadow 0.15s;
}

.af-entry:hover[b-f0wb3qsn86] {
    box-shadow: 0 2px 6px rgba(0,0,0,0.07);
}

.af-entry-icon[b-f0wb3qsn86] {
    font-size: 1rem;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-style: normal;
}

.af-entry-body[b-f0wb3qsn86] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.af-entry-title[b-f0wb3qsn86] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1f2937;
}

.af-entry-detail[b-f0wb3qsn86] {
    font-size: 0.78rem;
    color: #6b7280;
    margin-top: 1px;
}

.af-entry-time[b-f0wb3qsn86] {
    font-size: 0.8rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #6b7280;
    white-space: nowrap;
    font-family: monospace;
}

/* ── Color variants ── */
.af-entry--blue[b-f0wb3qsn86]   { border-left-color: #3b82f6; background: #eff6ff; }
.af-entry--green[b-f0wb3qsn86]  { border-left-color: #22c55e; background: #f0fdf4; }
.af-entry--orange[b-f0wb3qsn86] { border-left-color: #f59e0b; background: #fffbeb; }
.af-entry--red[b-f0wb3qsn86]    { border-left-color: #ef4444; background: #fef2f2; }
.af-entry--gray[b-f0wb3qsn86]   { border-left-color: #9ca3af; background: #f9fafb; }
.af-entry--teal[b-f0wb3qsn86]   { border-left-color: #0d9488; background: #f0fdfa; }
.af-entry--slate[b-f0wb3qsn86]  { border-left-color: #64748b; background: #f8fafc; }

.af-entry--green  .af-entry-icon[b-f0wb3qsn86] { color: #16a34a; }
.af-entry--red    .af-entry-icon[b-f0wb3qsn86] { color: #dc2626; }
.af-entry--orange .af-entry-icon[b-f0wb3qsn86] { color: #d97706; }
.af-entry--teal   .af-entry-icon[b-f0wb3qsn86] { color: #0d9488; }

/* ── Empty / Loading ── */
.af-empty[b-f0wb3qsn86] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
}

.af-empty-icon[b-f0wb3qsn86] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

.af-loading[b-f0wb3qsn86] {
    padding: 0.5rem 0;
}

/* ── Skeleton ── */
.sk-cell[b-f0wb3qsn86] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: sk-shimmer-b-f0wb3qsn86 1.4s infinite;
    display: block;
}

@keyframes sk-shimmer-b-f0wb3qsn86 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/Antraege.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────────── */
.antr-layout[b-h4q1fyhm7w] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 13px;
}

/* ── Topbar ───────────────────────────────────────────────────────────────── */
.antr-topbar[b-h4q1fyhm7w] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
}

.antr-person-wrap[b-h4q1fyhm7w] {
    flex: 1 1 240px;
    min-width: 200px;
    max-width: 380px;
    position: relative;
}

.antr-person-input[b-h4q1fyhm7w]   { font-size: 13px; }
.antr-person-anzeige[b-h4q1fyhm7w] { font-size: 13px; }

.antr-options[b-h4q1fyhm7w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.antr-lbl[b-h4q1fyhm7w] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.antr-jahr-sel[b-h4q1fyhm7w] { width: 80px; font-size: 13px; }

.antr-check-lbl[b-h4q1fyhm7w] {
    font-size: 12px;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

/* ── Autocomplete ─────────────────────────────────────────────────────────── */
.antr-autocomplete[b-h4q1fyhm7w] { position: relative; }

.antr-suggestions[b-h4q1fyhm7w] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    list-style: none;
    padding: 4px 0;
    margin: 2px 0 0;
    z-index: 200;
    box-shadow: 0 8px 24px rgba(16,24,40,.12);
    max-height: 220px;
    overflow-y: auto;
}

.antr-suggestions li[b-h4q1fyhm7w] {
    padding: 7px 12px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
}

.antr-suggestions li:hover[b-h4q1fyhm7w] { background: #f1f5f9; }

.antr-suggestions.antr-suggestions-sm li[b-h4q1fyhm7w] {
    font-size: 12px;
    padding: 5px 10px;
}

/* ── Content (Kalender+Formular links, Tabelle rechts) ───────────────────── */
.antr-content[b-h4q1fyhm7w] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.antr-bottom[b-h4q1fyhm7w] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.antr-left[b-h4q1fyhm7w] {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Kalender-Panel (volle Breite) ────────────────────────────────────────── */
.antr-cal-panel[b-h4q1fyhm7w] {
    background: #0e4c84;
    border-radius: 12px;
    padding: 12px 14px;
    user-select: none;
}

.antr-cal-nav[b-h4q1fyhm7w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 8px;
}

.antr-cal-status[b-h4q1fyhm7w] {
    flex: 1;
    text-align: center;
    font-size: 13px;
    color: #fff;
    min-height: 22px;
}

.antr-cal-hint[b-h4q1fyhm7w] { color: rgba(255,255,255,.6); }

.antr-cal-months[b-h4q1fyhm7w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.antr-cal-month-title[b-h4q1fyhm7w] {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,.85);
    letter-spacing: .03em;
    margin-bottom: 6px;
}

.antr-cal-month-grid[b-h4q1fyhm7w] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

/* ── Kalender Zellen ──────────────────────────────────────────────────────── */
.antr-cal-dow[b-h4q1fyhm7w] {
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: rgba(255,255,255,.6);
    padding: 3px 0;
    letter-spacing: .04em;
}

.antr-cal-day[b-h4q1fyhm7w] {
    text-align: center;
    font-size: 12px;
    padding: 5px 2px;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    transition: background .1s;
}

.antr-cal-day:hover[b-h4q1fyhm7w]        { background: rgba(255,255,255,.25); }
.antr-cal-we[b-h4q1fyhm7w]               { color: rgba(255,255,255,.45); }
.antr-cal-today[b-h4q1fyhm7w]            { background: rgba(255,255,255,.15); font-weight: 700; }
.antr-cal-von[b-h4q1fyhm7w]              { background: #fff; color: #0e4c84; font-weight: 700; border-radius: 6px 0 0 6px; }
.antr-cal-bis[b-h4q1fyhm7w]              { background: #fff; color: #0e4c84; font-weight: 700; border-radius: 0 6px 6px 0; }
.antr-cal-von.antr-cal-bis[b-h4q1fyhm7w] { border-radius: 6px; }
.antr-cal-range[b-h4q1fyhm7w]            { background: rgba(255,255,255,.25); border-radius: 0; }
.antr-cal-tage[b-h4q1fyhm7w]             { color: rgba(255,255,255,.7); }

/* Ausgewählter Antrag im Kalender */
.antr-cal-sel-von[b-h4q1fyhm7w],
.antr-cal-sel-bis[b-h4q1fyhm7w],
.antr-cal-sel-range[b-h4q1fyhm7w]        { box-shadow: inset 0 0 0 2px #ffd54f; }
.antr-cal-sel-von[b-h4q1fyhm7w]          { border-radius: 6px 0 0 6px; }
.antr-cal-sel-bis[b-h4q1fyhm7w]          { border-radius: 0 6px 6px 0; }
.antr-cal-sel-von.antr-cal-sel-bis[b-h4q1fyhm7w] { border-radius: 6px; }
.antr-cal-sel-range[b-h4q1fyhm7w]        { border-radius: 0; }

/* Anträge (auf dunklem Hintergrund) */
.antr-cal-beantragt[b-h4q1fyhm7w]   { background: #f9a825; color: #000; font-weight: 700; }
.antr-cal-vorl[b-h4q1fyhm7w]        { background: #66bb6a; color: #000; font-weight: 700; }
.antr-cal-fehlzeit[b-h4q1fyhm7w]    { background: #42a5f5; color: #fff; font-weight: 700; }
.antr-cal-abgelehnt[b-h4q1fyhm7w]   { background: #ef5350; color: #fff; font-weight: 700; }
.antr-cal-geloescht[b-h4q1fyhm7w]   { background: #ff7043; color: #fff; font-weight: 700; }
.antr-cal-grobplanung[b-h4q1fyhm7w] { background: #ab47bc; color: #fff; font-weight: 700; }

/* Feiertage / Sondertage */
.antr-cal-ft[b-h4q1fyhm7w]           { background: #4caf50; color: #fff; font-weight: 700; }
.antr-cal-sf[b-h4q1fyhm7w]           { background: #8bc34a; color: #000; }
.antr-cal-xf[b-h4q1fyhm7w]           { background: #388e3c; color: #fff; }
.antr-cal-zf[b-h4q1fyhm7w]           { background: #00897b; color: #fff; }
.antr-cal-fh[b-h4q1fyhm7w]           { background: #1e88e5; color: #fff; }
.antr-cal-br[b-h4q1fyhm7w]           { background: #fdd835; color: #000; }
.antr-cal-so[b-h4q1fyhm7w]           { color: #ff8a80; }
.antr-cal-at[b-h4q1fyhm7w]           { background: rgba(255,255,255,.1); color: rgba(255,255,255,.5); }

/* Schulferien */
.antr-cal-ferien[b-h4q1fyhm7w]       { background: rgba(0,188,212,.35); color: #fff; }
.antr-cal-ferien-bold[b-h4q1fyhm7w]  { font-weight: 700; }

/* ── Legende ─────────────────────────────────────────────────────────────── */
.antr-cal-legend[b-h4q1fyhm7w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding: 6px 4px 0;
}

.antr-legend-item[b-h4q1fyhm7w] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    color: #6b7280;
    white-space: nowrap;
}

.antr-legend-dot[b-h4q1fyhm7w] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    flex-shrink: 0;
}

/* ── Form-Panel ───────────────────────────────────────────────────────────── */
.antr-form-panel[b-h4q1fyhm7w] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.antr-panel-head[b-h4q1fyhm7w] {
    font-weight: 700;
    font-size: 13px;
    color: #0e4c84;
    border-bottom: 1px solid #e6eaf0;
    padding-bottom: 6px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.antr-count[b-h4q1fyhm7w] { font-weight: 400; font-size: 12px; color: #6b7280; }

.antr-form-row[b-h4q1fyhm7w] {
    display: flex;
    gap: 14px;
    align-items: flex-end;
}

.antr-form-grid[b-h4q1fyhm7w] {
    flex: 1;
    display: grid;
    grid-template-columns: 80px 1fr 80px 1fr 80px 1fr;
    gap: 7px 10px;
    align-items: center;
}

.antr-form-grid .antr-lbl[b-h4q1fyhm7w] { padding-top: 0; }

.antr-zeitraum-display[b-h4q1fyhm7w] { font-size: 13px; }

.antr-stundenwise-row[b-h4q1fyhm7w] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.antr-std-input[b-h4q1fyhm7w]  { width: 80px; }
.antr-vertr-wrap[b-h4q1fyhm7w] { position: relative; }

.antr-form-submit[b-h4q1fyhm7w] { flex-shrink: 0; }
.antr-btn-beantragen[b-h4q1fyhm7w] { font-size: 13px; white-space: nowrap; padding: 6px 20px; }

@media (max-width: 1200px) {
    .antr-form-grid[b-h4q1fyhm7w] {
        grid-template-columns: 80px 1fr;
    }
    .antr-form-row[b-h4q1fyhm7w] { flex-direction: column; align-items: stretch; }
    .antr-btn-beantragen[b-h4q1fyhm7w] { width: 100%; }
}

/* ── Tabellen-Panel ───────────────────────────────────────────────────────── */
.antr-table-panel[b-h4q1fyhm7w] {
    flex: 1 1 0;
    min-width: 0;
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.antr-table-scroll[b-h4q1fyhm7w] { overflow-x: auto; }

.antr-table[b-h4q1fyhm7w] {
    font-size: 12px;
    white-space: nowrap;
    border-collapse: separate;
    border-spacing: 0;
}

.antr-table thead th[b-h4q1fyhm7w] {
    background: linear-gradient(180deg, #0e4c84 0%, #0b3a66 100%);
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding: 8px 10px;
    border-bottom: none;
    white-space: nowrap;
}

.antr-table thead th:first-child[b-h4q1fyhm7w] { border-radius: 8px 0 0 0; }
.antr-table thead th:last-child[b-h4q1fyhm7w]  { border-radius: 0 8px 0 0; }

.antr-table tbody td[b-h4q1fyhm7w] {
    padding: 7px 10px;
    border-bottom: 1px solid #e6e8ec;
    vertical-align: middle;
}

.antr-table tbody tr:nth-child(even) td[b-h4q1fyhm7w] { background: #fafbfc; }
.antr-table tbody tr:hover td[b-h4q1fyhm7w]           { background: #f1f5f9; }

.antr-col-dat[b-h4q1fyhm7w]    { white-space: nowrap; }
.antr-col-kz[b-h4q1fyhm7w]     { font-family: monospace; font-size: 12px; }
.antr-col-tage[b-h4q1fyhm7w]   { white-space: nowrap; }
.antr-col-bearb[b-h4q1fyhm7w]  { max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
.antr-col-bemerk[b-h4q1fyhm7w] { max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.antr-col-del[b-h4q1fyhm7w]    { width: 36px; text-align: center; }

.badge[b-h4q1fyhm7w] {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 7px;
    border-radius: 6px;
    white-space: nowrap;
}

.btn-xs[b-h4q1fyhm7w] {
    padding: 2px 7px;
    font-size: 12px;
    line-height: 1.4;
    border-radius: 6px;
}

/* ── Blink-Animation neue Zeile ───────────────────────────────────────────── */
@@keyframes antr-row-blink {
    0%[b-h4q1fyhm7w]   { background: #bbf7d0; }
    50%[b-h4q1fyhm7w]  { background: #fff; }
    100%[b-h4q1fyhm7w] { background: #bbf7d0; }
}

.antr-row-new td[b-h4q1fyhm7w] {
    animation: antr-row-blink 0.6s ease-in-out 4;
}

.antr-table tbody tr[b-h4q1fyhm7w] { cursor: pointer; }

.antr-row-sel td[b-h4q1fyhm7w] {
    background: #e0f2fe !important;
    border-bottom-color: #bae6fd;
}

/* ── Storno-Modal ────────────────────────────────────────────────────────── */
.antr-modal-backdrop[b-h4q1fyhm7w] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.antr-modal[b-h4q1fyhm7w] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(16,24,40,.2);
    width: 400px;
    max-width: 92vw;
    overflow: hidden;
}

.antr-modal-head[b-h4q1fyhm7w] {
    background: linear-gradient(180deg, #0e4c84 0%, #0b3a66 100%);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 16px;
}

.antr-modal-body[b-h4q1fyhm7w] {
    padding: 16px;
    font-size: 13px;
    color: #374151;
}

.antr-modal-body p[b-h4q1fyhm7w] { margin: 0 0 10px; }

.antr-modal-info[b-h4q1fyhm7w] {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

.antr-modal-info td[b-h4q1fyhm7w] {
    padding: 4px 8px 4px 0;
    vertical-align: top;
}

.antr-modal-info td:first-child[b-h4q1fyhm7w] {
    color: #6b7280;
    white-space: nowrap;
    width: 70px;
}

.antr-modal-actions[b-h4q1fyhm7w] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid #e6eaf0;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@@media (max-width: 900px) {
    .antr-bottom[b-h4q1fyhm7w] { flex-direction: column; }
    .antr-left[b-h4q1fyhm7w] { flex: none; width: 100%; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/BefragungAusfuellen.razor.rz.scp.css */
.bfa-layout[b-btotxn2rxh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    max-width: 800px;
}

.bfa-header[b-btotxn2rxh] {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.bfa-meta[b-btotxn2rxh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.bfa-anonym-hint[b-btotxn2rxh] {
    font-size: 0.78rem;
    color: #888;
    font-style: italic;
}

.bfa-fragen[b-btotxn2rxh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bfa-frage[b-btotxn2rxh] {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    background: #fff;
}

.bfa-frage-text[b-btotxn2rxh] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    font-size: 0.92rem;
}

.bfa-frage-nr[b-btotxn2rxh] {
    color: #0098ff;
    font-weight: 700;
    margin-right: 0.25rem;
}

/* Rating 1-5 */
.bfa-rating[b-btotxn2rxh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.bfa-rating-btn[b-btotxn2rxh] {
    width: 40px;
    height: 40px;
    border: 2px solid #dee2e6;
    border-radius: 50%;
    background: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.15s;
    color: #555;
}

.bfa-rating-btn:hover[b-btotxn2rxh] {
    border-color: #0098ff;
    color: #0098ff;
}

.bfa-rating-btn--active[b-btotxn2rxh] {
    background: #0098ff;
    border-color: #0098ff;
    color: #fff;
}

.bfa-rating-labels[b-btotxn2rxh] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 0.7rem;
    color: #999;
    margin-top: 0.15rem;
}

/* eNPS 0-10 */
.bfa-enps[b-btotxn2rxh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    align-items: center;
}

.bfa-enps-btn[b-btotxn2rxh] {
    width: 36px;
    height: 36px;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    font-weight: 600;
    font-size: 0.82rem;
    cursor: pointer;
    transition: all 0.15s;
}

.bfa-enps-kritiker[b-btotxn2rxh] { color: #E74C3C; }
.bfa-enps-passiv[b-btotxn2rxh]   { color: #F39C12; }
.bfa-enps-promoter[b-btotxn2rxh] { color: #2ECC71; }

.bfa-enps-btn:hover[b-btotxn2rxh] {
    border-color: #555;
}

.bfa-enps-btn--active[b-btotxn2rxh] {
    color: #fff !important;
}

.bfa-enps-btn--active.bfa-enps-kritiker[b-btotxn2rxh] { background: #E74C3C; border-color: #E74C3C; }
.bfa-enps-btn--active.bfa-enps-passiv[b-btotxn2rxh]   { background: #F39C12; border-color: #F39C12; }
.bfa-enps-btn--active.bfa-enps-promoter[b-btotxn2rxh] { background: #2ECC71; border-color: #2ECC71; }

/* Ja/Nein */
.bfa-janein[b-btotxn2rxh] {
    display: flex;
    gap: 0.5rem;
}

.bfa-janein-btn[b-btotxn2rxh] {
    padding: 0.4rem 1.5rem;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.bfa-janein-btn:hover[b-btotxn2rxh] { border-color: #555; }
.bfa-janein-btn--ja[b-btotxn2rxh]   { background: #2ECC71; border-color: #2ECC71; color: #fff; }
.bfa-janein-btn--nein[b-btotxn2rxh] { background: #E74C3C; border-color: #E74C3C; color: #fff; }

/* Auswahl */
.bfa-auswahl[b-btotxn2rxh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.bfa-auswahl-item[b-btotxn2rxh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.88rem;
    transition: border-color 0.15s;
}

.bfa-auswahl-item:hover[b-btotxn2rxh] { border-color: #0098ff; }
.bfa-auswahl-item--active[b-btotxn2rxh] { border-color: #0098ff; background: #f0f8ff; }

.bfa-auswahl-item input[type="radio"][b-btotxn2rxh] {
    accent-color: #0098ff;
}

/* Freitext */
.bfa-textarea[b-btotxn2rxh] {
    font-size: 0.88rem;
    resize: vertical;
}

/* Actions */
.bfa-actions[b-btotxn2rxh] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #dee2e6;
}

/* Badge (shared with Befragungen.razor) */
.bf-badge[b-btotxn2rxh] { font-size: 0.7rem; font-weight: 500; padding: 0.15rem 0.4rem; }
.bf-badge--pulse[b-btotxn2rxh]       { background: #3498DB; color: #fff; }
.bf-badge--engagement[b-btotxn2rxh]  { background: #9B59B6; color: #fff; }
.bf-badge--enps[b-btotxn2rxh]        { background: #F39C12; color: #fff; }
.bf-badge--onboarding[b-btotxn2rxh]  { background: #2ECC71; color: #fff; }
.bf-badge--austritt[b-btotxn2rxh]    { background: #E74C3C; color: #fff; }
.bf-badge--sonstig[b-btotxn2rxh]     { background: #95A5A6; color: #fff; }
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/Befragungen.razor.rz.scp.css */
.bf-layout[b-8392kf5trw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    max-width: 900px;
}

.bf-topbar[b-8392kf5trw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.bf-section-title[b-8392kf5trw] {
    font-weight: 600;
    color: #555;
    margin-bottom: 0.25rem;
}

.bf-cards[b-8392kf5trw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.bf-card[b-8392kf5trw] {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s;
    background: #fff;
    position: relative;
}

.bf-card:hover[b-8392kf5trw] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-color: #0098ff;
}

.bf-card--offen[b-8392kf5trw] {
    border-left: 4px solid #0098ff;
}

.bf-card--abgeschlossen[b-8392kf5trw] {
    border-left: 4px solid #2ECC71;
    opacity: 0.85;
}

.bf-card-header[b-8392kf5trw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.bf-card-titel[b-8392kf5trw] {
    font-weight: 600;
    font-size: 0.95rem;
}

.bf-card-body[b-8392kf5trw] {
    display: flex;
    gap: 1rem;
    font-size: 0.82rem;
    color: #666;
}

.bf-card-anonym[b-8392kf5trw] {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    font-size: 0.7rem;
    color: #888;
    background: #f0f0f0;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
}

.bf-badge[b-8392kf5trw] {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.15rem 0.4rem;
}

.bf-badge--pulse[b-8392kf5trw]       { background: #3498DB; color: #fff; }
.bf-badge--engagement[b-8392kf5trw]  { background: #9B59B6; color: #fff; }
.bf-badge--enps[b-8392kf5trw]        { background: #F39C12; color: #fff; }
.bf-badge--onboarding[b-8392kf5trw]  { background: #2ECC71; color: #fff; }
.bf-badge--austritt[b-8392kf5trw]    { background: #E74C3C; color: #fff; }
.bf-badge--sonstig[b-8392kf5trw]     { background: #95A5A6; color: #fff; }
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/BefragungErgebnisse.razor.rz.scp.css */
.bfe-layout[b-jxwnek93c7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    max-width: 900px;
}

.bfe-header[b-jxwnek93c7] {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.bfe-meta[b-jxwnek93c7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Teilnahmequote */
.bfe-quote[b-jxwnek93c7] {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bfe-quote-label[b-jxwnek93c7] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #555;
    min-width: 100px;
}

.bfe-quote-bar-wrap[b-jxwnek93c7] {
    flex: 1;
    height: 10px;
    background: #e8e8e8;
    border-radius: 5px;
    overflow: hidden;
    max-width: 200px;
}

.bfe-quote-bar[b-jxwnek93c7] {
    height: 100%;
    background: #0098ff;
    border-radius: 5px;
    transition: width 0.3s;
}

.bfe-quote-text[b-jxwnek93c7] {
    font-size: 0.82rem;
    color: #555;
    font-weight: 500;
}

/* eNPS Score */
.bfe-enps-score[b-jxwnek93c7] {
    text-align: center;
    padding: 1rem;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #fff;
}

.bfe-enps-value[b-jxwnek93c7] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.bfe-enps-positiv[b-jxwnek93c7] { color: #2ECC71; }
.bfe-enps-negativ[b-jxwnek93c7] { color: #E74C3C; }

.bfe-enps-label[b-jxwnek93c7] {
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 0.5rem;
}

.bfe-enps-breakdown[b-jxwnek93c7] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    font-size: 0.78rem;
}

.bfe-enps-p[b-jxwnek93c7]  { color: #2ECC71; }
.bfe-enps-pa[b-jxwnek93c7] { color: #F39C12; }
.bfe-enps-k[b-jxwnek93c7]  { color: #E74C3C; }

/* Frage-Ergebnis */
.bfe-frage[b-jxwnek93c7] {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    background: #fff;
}

.bfe-frage-text[b-jxwnek93c7] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    font-size: 0.92rem;
}

.bfe-avg[b-jxwnek93c7] {
    font-size: 0.88rem;
    margin-bottom: 0.4rem;
}

/* Balkendiagramme */
.bfe-bars[b-jxwnek93c7] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.bfe-bar-row[b-jxwnek93c7] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.bfe-bar-label[b-jxwnek93c7] {
    width: 20px;
    text-align: right;
    font-size: 0.78rem;
    color: #666;
    flex-shrink: 0;
}

.bfe-bar-label--wide[b-jxwnek93c7] {
    width: 120px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bfe-bar-track[b-jxwnek93c7] {
    flex: 1;
    height: 16px;
    background: #f0f0f0;
    border-radius: 3px;
    overflow: hidden;
}

.bfe-bar-fill[b-jxwnek93c7] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s;
    min-width: 2px;
}

.bfe-bar-fill--rating[b-jxwnek93c7]   { background: #0098ff; }
.bfe-bar-fill--kritiker[b-jxwnek93c7] { background: #E74C3C; }
.bfe-bar-fill--passiv[b-jxwnek93c7]   { background: #F39C12; }
.bfe-bar-fill--promoter[b-jxwnek93c7] { background: #2ECC71; }
.bfe-bar-fill--auswahl[b-jxwnek93c7]  { background: #9B59B6; }

.bfe-bar-count[b-jxwnek93c7] {
    width: 28px;
    font-size: 0.75rem;
    color: #888;
    flex-shrink: 0;
}

/* Ja/Nein */
.bfe-janein-bar[b-jxwnek93c7] {
    display: flex;
    height: 28px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.25rem;
}

.bfe-janein-ja[b-jxwnek93c7] {
    background: #2ECC71;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 500;
    transition: width 0.3s;
}

.bfe-janein-nein[b-jxwnek93c7] {
    background: #E74C3C;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 500;
    transition: width 0.3s;
}

/* Freitext */
.bfe-freitext-list[b-jxwnek93c7] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    max-height: 200px;
    overflow-y: auto;
}

.bfe-freitext-item[b-jxwnek93c7] {
    padding: 0.4rem 0.6rem;
    background: #f8f9fa;
    border-radius: 4px;
    font-size: 0.85rem;
    border-left: 3px solid #dee2e6;
}

/* Badge (shared) */
.bf-badge[b-jxwnek93c7] { font-size: 0.7rem; font-weight: 500; padding: 0.15rem 0.4rem; }
.bf-badge--pulse[b-jxwnek93c7]       { background: #3498DB; color: #fff; }
.bf-badge--engagement[b-jxwnek93c7]  { background: #9B59B6; color: #fff; }
.bf-badge--enps[b-jxwnek93c7]        { background: #F39C12; color: #fff; }
.bf-badge--onboarding[b-jxwnek93c7]  { background: #2ECC71; color: #fff; }
.bf-badge--austritt[b-jxwnek93c7]    { background: #E74C3C; color: #fff; }
.bf-badge--sonstig[b-jxwnek93c7]     { background: #95A5A6; color: #fff; }
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/BefragungVerwalten.razor.rz.scp.css */
.bfv-layout[b-u4wcq0l2iz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
}

.bfv-topbar[b-u4wcq0l2iz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

/* Formular */
.bfv-form[b-u4wcq0l2iz] {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 1rem;
    background: #fafbfc;
    margin-bottom: 0.5rem;
}

.bfv-form-actions[b-u4wcq0l2iz] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #e8e8e8;
}

/* Frage-Editor */
.bfv-frage-editor[b-u4wcq0l2iz] {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 0.5rem;
    margin-bottom: 0.4rem;
    background: #fff;
}

.bfv-frage-editor-header[b-u4wcq0l2iz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.3rem;
}

.bfv-btn-x[b-u4wcq0l2iz] {
    padding: 0 0.4rem;
    font-size: 0.78rem;
    line-height: 1.2;
}

.bfv-optionen[b-u4wcq0l2iz] {
    padding-left: 1rem;
}

/* Tabelle */
.bfv-table[b-u4wcq0l2iz] {
    font-size: 0.82rem;
}

.bfv-table th[b-u4wcq0l2iz] {
    font-weight: 600;
    white-space: nowrap;
}

.bfv-actions[b-u4wcq0l2iz] {
    white-space: nowrap;
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.bfv-actions .btn[b-u4wcq0l2iz] {
    font-size: 0.72rem;
    padding: 0.15rem 0.4rem;
}

/* Badge (shared) */
.bf-badge[b-u4wcq0l2iz] { font-size: 0.7rem; font-weight: 500; padding: 0.15rem 0.4rem; }
.bf-badge--pulse[b-u4wcq0l2iz]       { background: #3498DB; color: #fff; }
.bf-badge--engagement[b-u4wcq0l2iz]  { background: #9B59B6; color: #fff; }
.bf-badge--enps[b-u4wcq0l2iz]        { background: #F39C12; color: #fff; }
.bf-badge--onboarding[b-u4wcq0l2iz]  { background: #2ECC71; color: #fff; }
.bf-badge--austritt[b-u4wcq0l2iz]    { background: #E74C3C; color: #fff; }
.bf-badge--sonstig[b-u4wcq0l2iz]     { background: #95A5A6; color: #fff; }
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/DiscordChat.razor.rz.scp.css */
.dc-layout[b-eiskd86p8s] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 140px);
    padding: 0;
}

.dc-topbar[b-eiskd86p8s] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 14px 20px 10px;
    border-bottom: 1px solid #e0e4ea;
    background: #f8f9fb;
    flex-shrink: 0;
}

.dc-title[b-eiskd86p8s] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a2340;
    margin: 0;
}

.dc-subtitle[b-eiskd86p8s] {
    font-size: 0.82rem;
    color: #6b7a90;
}

.dc-widget-container[b-eiskd86p8s] {
    flex: 1;
    padding: 0;
    min-height: 0;
}

.dc-widget-frame[b-eiskd86p8s] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
}

.dc-kanal-switch[b-eiskd86p8s] {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

.dc-kanal-btn[b-eiskd86p8s] {
    padding: 3px 10px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    font-size: 0.78rem;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    transition: all 0.15s;
}

.dc-kanal-btn:hover[b-eiskd86p8s] {
    border-color: #0098ff;
    color: #0098ff;
}

.dc-kanal-btn--active[b-eiskd86p8s] {
    background: #0098ff;
    border-color: #0098ff;
    color: #fff;
}

.dc-not-configured[b-eiskd86p8s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #6b7a90;
}

@media (max-width: 768px) {
    .dc-layout[b-eiskd86p8s] {
        height: calc(100vh - 120px);
    }

    .dc-topbar[b-eiskd86p8s] {
        padding: 10px 12px 8px;
    }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/Kalender.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────────── */
.kal-layout[b-u4xqeqrhlj] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 13px;
}

/* ── Topbar ───────────────────────────────────────────────────────────────── */
.kal-topbar[b-u4xqeqrhlj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
}

.kal-person-wrap[b-u4xqeqrhlj] {
    flex: 1 1 240px;
    min-width: 200px;
    max-width: 380px;
    position: relative;
}

.kal-person-input[b-u4xqeqrhlj]  { font-size: 13px; }
.kal-person-anzeige[b-u4xqeqrhlj] { font-size: 13px; }

.kal-options[b-u4xqeqrhlj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.kal-lbl[b-u4xqeqrhlj] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.kal-jahr-sel[b-u4xqeqrhlj] { width: 80px; font-size: 13px; }

/* ── Autocomplete ─────────────────────────────────────────────────────────── */
.kal-autocomplete[b-u4xqeqrhlj] { position: relative; }

.kal-suggestions[b-u4xqeqrhlj] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    list-style: none;
    padding: 4px 0;
    margin: 2px 0 0;
    z-index: 200;
    box-shadow: 0 8px 24px rgba(16,24,40,.12);
    max-height: 220px;
    overflow-y: auto;
}

.kal-suggestions li[b-u4xqeqrhlj] {
    padding: 7px 12px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
}

.kal-suggestions li:hover[b-u4xqeqrhlj] { background: #f1f5f9; }

/* ── 12-Monats-Grid ───────────────────────────────────────────────────────── */
.kal-months[b-u4xqeqrhlj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

/* ── Monats-Box ───────────────────────────────────────────────────────────── */
.kal-month-box[b-u4xqeqrhlj] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(16,24,40,.04);
    padding: 10px;
}

.kal-month-title[b-u4xqeqrhlj] {
    font-weight: 700;
    font-size: 12px;
    color: #0e4c84;
    text-align: center;
    margin-bottom: 6px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.kal-month-grid[b-u4xqeqrhlj] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
}

/* ── Wochentag-Kopf ───────────────────────────────────────────────────────── */
.kal-dow[b-u4xqeqrhlj] {
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #9ca3af;
    padding: 2px 0 4px;
    letter-spacing: .04em;
}

/* ── Tages-Zelle ──────────────────────────────────────────────────────────── */
.kal-day[b-u4xqeqrhlj] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    height: 24px;
    border-radius: 3px;
    cursor: default;
    user-select: none;
    color: #374151;
}

/* Wochenende */
.kal-sa[b-u4xqeqrhlj] { background: #fff3e0; color: #9a5000; }
.kal-so[b-u4xqeqrhlj] { background: #fde8e8; color: #b71c1c; }

/* Feiertage / Sondertage */
.kal-ft[b-u4xqeqrhlj] { background: #e8f5e9; border: 1px solid #66bb6a; color: #1b5e20; font-weight: 600; }
.kal-sf[b-u4xqeqrhlj] { background: #f9fbe7; border: 1px solid #9e9d24; color: #33691e; }
.kal-xf[b-u4xqeqrhlj] { background: #f1f8e9; border: 1px solid #388e3c; color: #1b5e20; }
.kal-zf[b-u4xqeqrhlj] { background: #e0f7fa; border: 1px solid #5f9ea0; color: #006064; }
.kal-fh[b-u4xqeqrhlj] { background: #e3f2fd; border: 1px solid #1e88e5; color: #0d47a1; }
.kal-br[b-u4xqeqrhlj] { background: #fffde7; border: 1px solid #f9a825; color: #e65100; }
.kal-at[b-u4xqeqrhlj] { background: #f5f5f5; border: 1px solid #bdbdbd; color: #616161; }

/* Schulferien */
.kal-ferien[b-u4xqeqrhlj] { font-weight: 700; text-decoration: underline; text-decoration-color: rgba(0,188,212,.6); text-underline-offset: 2px; }

/* Anträge */
.kal-beantragt[b-u4xqeqrhlj]   { background: #fff9c4; border: 1px solid #f9a825; color: #5d4037; font-weight: 600; }
.kal-vorl[b-u4xqeqrhlj]        { background: #c8e6c9; border: 1px solid #66bb6a; color: #1b5e20; font-weight: 600; }
.kal-fehlzeit[b-u4xqeqrhlj]    { background: #1565c0; color: #fff; font-weight: 600; }
.kal-abgelehnt[b-u4xqeqrhlj]   { background: #ffcdd2; border: 1px solid #ef5350; color: #b71c1c; font-weight: 600; }
.kal-geloescht[b-u4xqeqrhlj]   { background: #ffe0b2; border: 1px solid #ff5722; color: #bf360c; font-weight: 600; }
.kal-grobplanung[b-u4xqeqrhlj] { background: #ede7f6; border: 1px solid #7e57c2; color: #311b92; font-weight: 600; }

/* ── Legende ──────────────────────────────────────────────────────────────── */
.kal-legend-wrap[b-u4xqeqrhlj] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(16,24,40,.04);
}

.kal-legend-summary[b-u4xqeqrhlj] {
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    user-select: none;
    list-style: none;
}

.kal-legend-summary[b-u4xqeqrhlj]::-webkit-details-marker { display: none; }
.kal-legend-summary[b-u4xqeqrhlj]::before { content: "▶ "; font-size: 10px; }
details[open] .kal-legend-summary[b-u4xqeqrhlj]::before { content: "▼ "; }

.kal-legend[b-u4xqeqrhlj] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 8px 12px 12px;
    border-top: 1px solid #e6eaf0;
}

.kal-legend-group[b-u4xqeqrhlj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.kal-legend-head[b-u4xqeqrhlj] {
    font-size: 11px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: .04em;
    width: 100%;
    margin-bottom: 2px;
}

.kal-legend-item[b-u4xqeqrhlj] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #374151;
}

.kal-legend-box[b-u4xqeqrhlj] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    flex-shrink: 0;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@@media (max-width: 1100px) {
    .kal-months[b-u4xqeqrhlj] { grid-template-columns: repeat(2, 1fr); }
}

@@media (max-width: 700px) {
    .kal-months[b-u4xqeqrhlj] { grid-template-columns: 1fr; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/MeinDienstplan.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────────── */
.dp-layout[b-1szsfaxyu4] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
}

/* ── Kopfleiste ──────────────────────────────────────────────────────────── */
.dp-topbar[b-1szsfaxyu4] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.dp-title[b-1szsfaxyu4] {
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0;
    white-space: nowrap;
}

.dp-person-wrap[b-1szsfaxyu4] { flex: 1; min-width: 200px; }

.dp-person-badge[b-1szsfaxyu4] {
    display: inline-block;
    padding: .25rem .6rem;
    background: var(--pm-surface, #f0f4f8);
    border: 1px solid var(--pm-border, #d0d7de);
    border-radius: .35rem;
    font-size: .85rem;
}

/* ── Filter-Panel ────────────────────────────────────────────────────────── */
.dp-filter-panel[b-1szsfaxyu4] {
    border: 1px solid var(--pm-border, #d0d7de);
    border-radius: .45rem;
    overflow: hidden;
}

.dp-filter-head[b-1szsfaxyu4] {
    padding: .45rem .75rem;
    font-weight: 600;
    font-size: .85rem;
    background: var(--pm-surface, #f0f4f8);
    border-bottom: 1px solid var(--pm-border, #d0d7de);
}

.dp-filter-body[b-1szsfaxyu4] {
    padding: .65rem .75rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

/* Schnellauswahl-Chips */
.dp-schnell[b-1szsfaxyu4] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.dp-chip[b-1szsfaxyu4] {
    padding: .25rem .65rem;
    border: 1px solid var(--pm-border, #d0d7de);
    border-radius: 1rem;
    background: #fff;
    font-size: .78rem;
    cursor: pointer;
    transition: all .15s;
}

.dp-chip:hover[b-1szsfaxyu4] { background: var(--pm-surface, #f0f4f8); }

.dp-chip-active[b-1szsfaxyu4] {
    background: var(--pm-primary, #0969da);
    color: #fff;
    border-color: var(--pm-primary, #0969da);
}

/* Intervall-Zeile */
.dp-intervall[b-1szsfaxyu4] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.dp-lbl[b-1szsfaxyu4] {
    font-size: .82rem;
    font-weight: 500;
    color: #57606a;
}

.dp-date[b-1szsfaxyu4] { width: 10rem; }

/* ── Tabelle ─────────────────────────────────────────────────────────────── */
.dp-table-scroll[b-1szsfaxyu4] {
    overflow-x: auto;
    border: 1px solid var(--pm-border, #d0d7de);
    border-radius: .45rem;
}

.dp-table[b-1szsfaxyu4] {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
    white-space: nowrap;
}

.dp-table thead th[b-1szsfaxyu4] {
    position: sticky;
    top: 0;
    background: linear-gradient(180deg, #0e4c84, #0b3a66);
    color: #fff;
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: .55rem .6rem;
    border: none;
}

.dp-table tbody td[b-1szsfaxyu4] {
    padding: .45rem .6rem;
    border-bottom: 1px solid #e6e8ec;
    vertical-align: middle;
}

.dp-table tbody tr:nth-child(even) td[b-1szsfaxyu4] { background: #fafbfc; }
.dp-table tbody tr:hover td[b-1szsfaxyu4] { background: #f1f5f9; }

.dp-table tfoot td[b-1szsfaxyu4] {
    padding: .55rem .6rem;
    border-top: 2px solid var(--pm-border, #d0d7de);
    background: #fff;
}

/* Spaltenbreiten */
.dp-col-dat[b-1szsfaxyu4]  { width: 7rem; }
.dp-col-tag[b-1szsfaxyu4]  { width: 3rem; }
.dp-col-sch[b-1szsfaxyu4]  { width: 4rem; text-align: center; }
.dp-col-zeit[b-1szsfaxyu4] { width: 4.5rem; text-align: center; }
.dp-col-dauer[b-1szsfaxyu4] { width: 5rem; text-align: right; }

.dp-mono[b-1szsfaxyu4] { font-family: 'Cascadia Mono', 'Consolas', monospace; }

.dp-empty[b-1szsfaxyu4] {
    text-align: center;
    color: #57606a;
    padding: 2rem !important;
}

/* ── Sondertage (Zeile abgesetzt) ────────────────────────────────────────── */
.dp-row-sonder td[b-1szsfaxyu4] { color: #57606a; }

/* Datum-Farbcodierung (aus Original ASP.NET) */
.dp-dat-sa[b-1szsfaxyu4] { background: #ff8000 !important; color: #fff !important; border-radius: .2rem; }
.dp-dat-so[b-1szsfaxyu4] { background: #ff0000 !important; color: #fff !important; border-radius: .2rem; }
.dp-dat-ft[b-1szsfaxyu4] { background: #00ff00 !important; color: #000 !important; border-radius: .2rem; }
.dp-dat-sf[b-1szsfaxyu4] { background: #00c000 !important; color: #fff !important; border-radius: .2rem; }
.dp-dat-xf[b-1szsfaxyu4] { background: #008000 !important; color: #fff !important; border-radius: .2rem; }
.dp-dat-zf[b-1szsfaxyu4] { background: #008080 !important; color: #fff !important; border-radius: .2rem; }
.dp-dat-fh[b-1szsfaxyu4] { background: #0000ff !important; color: #fff !important; border-radius: .2rem; }
.dp-dat-br[b-1szsfaxyu4] { background: #ffff00 !important; color: #000 !important; border-radius: .2rem; }

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 700px) {
    .dp-intervall[b-1szsfaxyu4] { flex-direction: column; align-items: stretch; }
    .dp-date[b-1szsfaxyu4] { width: 100%; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/MeineDaten.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────────── */
.md-layout[b-uxdiee5hgl] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
    max-width: 900px;
}

/* ── Kopfleiste ──────────────────────────────────────────────────────────── */
.md-topbar[b-uxdiee5hgl] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.md-title[b-uxdiee5hgl] {
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0;
    white-space: nowrap;
}

.md-person-wrap[b-uxdiee5hgl] {
    flex: 1;
    min-width: 200px;
}

.md-person-badge[b-uxdiee5hgl] {
    display: inline-block;
    padding: .25rem .6rem;
    background: var(--pm-surface, #f0f4f8);
    border: 1px solid var(--pm-border, #d0d7de);
    border-radius: .35rem;
    font-size: .85rem;
}

/* ── Content ─────────────────────────────────────────────────────────────── */
.md-content[b-uxdiee5hgl] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

/* ── Panels ──────────────────────────────────────────────────────────────── */
.md-panel[b-uxdiee5hgl] {
    border: 1px solid var(--pm-border, #d0d7de);
    border-radius: .45rem;
    overflow: hidden;
}

.md-panel-edit[b-uxdiee5hgl] {
    border-color: var(--pm-primary, #0969da);
}

.md-panel-head[b-uxdiee5hgl] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    font-weight: 600;
    font-size: .85rem;
    background: var(--pm-surface, #f0f4f8);
    border-bottom: 1px solid var(--pm-border, #d0d7de);
}

.md-edit-hint[b-uxdiee5hgl] {
    font-weight: 400;
    font-size: .75rem;
    color: var(--pm-primary, #0969da);
}

/* ── Info-Grid (nur lesen) ───────────────────────────────────────────────── */
.md-info-grid[b-uxdiee5hgl] {
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: .1rem 1rem;
    padding: .6rem .75rem;
    font-size: .84rem;
}

.md-lbl[b-uxdiee5hgl] {
    color: #57606a;
    font-weight: 500;
    padding: .25rem 0;
}

.md-val[b-uxdiee5hgl] {
    padding: .25rem 0;
}

/* ── Form-Grid (bearbeitbar) ─────────────────────────────────────────────── */
.md-form-grid[b-uxdiee5hgl] {
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: .35rem 1rem;
    padding: .75rem;
    align-items: center;
}

.md-input-plz[b-uxdiee5hgl] {
    max-width: 10rem;
}

.md-form-actions[b-uxdiee5hgl] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .5rem .75rem .75rem;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .md-info-grid[b-uxdiee5hgl],
    .md-form-grid[b-uxdiee5hgl] {
        grid-template-columns: 1fr;
    }

    .md-lbl[b-uxdiee5hgl] {
        font-weight: 600;
        padding-bottom: 0;
    }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/MeineDokumente.razor.rz.scp.css */
.md-layout[b-9s6iophfna] {
    max-width: 900px;
    margin: 0 auto;
}

/* ── Topbar ── */
.md-topbar[b-9s6iophfna] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.md-title[b-9s6iophfna] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222d62;
    margin: 0;
}

.md-subtitle[b-9s6iophfna] {
    color: #6e6e6e;
    margin: 0.2rem 0 0;
    font-size: 0.875rem;
}

.md-person-badge[b-9s6iophfna] {
    background: #e8f5ff;
    border: 1px solid #b3d9ff;
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #0055a5;
    white-space: nowrap;
    align-self: center;
}

/* ── Filter bar ── */
.md-filterbar[b-9s6iophfna] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 0.75rem;
}

.md-type-btn[b-9s6iophfna] {
    padding: 4px 14px;
    border-radius: 16px;
    border: 1.5px solid #e0e0e0;
    background: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    transition: border-color 0.12s, color 0.12s, background 0.12s;
}

.md-type-btn:hover[b-9s6iophfna]    { border-color: #0098ff; color: #0098ff; }
.md-type-active[b-9s6iophfna]       { border-color: #0098ff; background: #e8f5ff; color: #0055a5; }

/* ── Count ── */
.md-count[b-9s6iophfna] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #9ca3af;
    margin-bottom: 0.75rem;
}

/* ── Document list ── */
.md-list[b-9s6iophfna] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.md-item[b-9s6iophfna] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    transition: box-shadow 0.15s;
}

.md-item:hover[b-9s6iophfna] {
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    border-color: #b3d9ff;
}

.md-item-icon[b-9s6iophfna] {
    font-size: 1.5rem;
    flex-shrink: 0;
    width: 36px;
    text-align: center;
}

.md-item-body[b-9s6iophfna] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.md-item-title[b-9s6iophfna] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1f2937;
}

.md-item-meta[b-9s6iophfna] {
    font-size: 0.78rem;
    color: #9ca3af;
    margin-top: 2px;
}

.md-item-sep[b-9s6iophfna] {
    margin: 0 5px;
}

.md-badge[b-9s6iophfna] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    background: #e8f5ff;
    color: #0055a5;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

/* ── Info box ── */
.md-info-box[b-9s6iophfna] {
    display: flex;
    gap: 14px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 0.875rem;
    color: #1e40af;
}

.md-info-icon[b-9s6iophfna] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

/* ── Empty ── */
.md-empty[b-9s6iophfna] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
}

.md-empty-icon[b-9s6iophfna] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

/* ── Upload Panel ── */
.md-upload-panel[b-9s6iophfna] {
    background: #f8faff;
    border: 1.5px solid #c7dcf5;
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 1.5rem;
}

.md-upload-title[b-9s6iophfna] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #222d62;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.md-upload-icon[b-9s6iophfna] {
    font-size: 1.1rem;
}

/* ── Section headers ── */
.md-section-header[b-9s6iophfna] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 0.6rem;
    margin-top: 0.25rem;
}

.md-count-badge[b-9s6iophfna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    border-radius: 10px;
    background: #e0e7ff;
    color: #3730a3;
    font-size: 0.72rem;
    font-weight: 700;
}

/* ── Kategorie badge (eigene Uploads) ── */
.md-kategorie-badge[b-9s6iophfna] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    background: #e8f5ff;
    color: #0055a5;
    font-size: 0.72rem;
    font-weight: 700;
}

/* ── Status-Varianten für eigene Uploads ── */
.md-item--abgelaufen[b-9s6iophfna] {
    border-color: #fca5a5;
    background: #fff5f5;
}

.md-item--warnung[b-9s6iophfna] {
    border-color: #fcd34d;
    background: #fffbeb;
}

/* ── Loading skeleton ── */
.md-loading[b-9s6iophfna] { padding: 0.5rem 0; }

.sk-cell[b-9s6iophfna] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: sk-shimmer-b-9s6iophfna 1.4s infinite;
    display: block;
}

@keyframes sk-shimmer-b-9s6iophfna {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/Mitarbeiterverzeichnis.razor.rz.scp.css */
.mv-layout[b-0jqar6zqav] {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── Topbar ── */
.mv-topbar[b-0jqar6zqav] {
    margin-bottom: 1.25rem;
}

.mv-title[b-0jqar6zqav] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222d62;
    margin: 0;
}

.mv-subtitle[b-0jqar6zqav] {
    color: #6e6e6e;
    margin: 0.2rem 0 0;
    font-size: 0.875rem;
}

/* ── Search bar ── */
.mv-searchbar[b-0jqar6zqav] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.mv-search-input[b-0jqar6zqav] {
    flex: 1;
    border-radius: 8px;
    font-size: 0.9rem;
}

.mv-search-btn[b-0jqar6zqav] {
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    border-radius: 8px;
}

/* ── Results header ── */
.mv-results-head[b-0jqar6zqav] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.mv-count[b-0jqar6zqav] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #6b7280;
}

/* ── Grid ── */
.mv-grid[b-0jqar6zqav] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 0.75rem;
}

/* ── Card ── */
.mv-card[b-0jqar6zqav] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s;
}

.mv-card:hover[b-0jqar6zqav] {
    box-shadow: 0 4px 14px rgba(0, 152, 255, 0.1);
}

.mv-card-open[b-0jqar6zqav] {
    border-color: #0098ff;
    box-shadow: 0 4px 14px rgba(0, 152, 255, 0.15);
}

.mv-card-header[b-0jqar6zqav] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    cursor: pointer;
    user-select: none;
}

.mv-card-header:hover[b-0jqar6zqav] {
    background: #f8f9fa;
}

/* ── Avatar ── */
.mv-avatar[b-0jqar6zqav] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0098ff, #222d62);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mv-card-main[b-0jqar6zqav] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.mv-name[b-0jqar6zqav] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mv-penr[b-0jqar6zqav] {
    font-size: 0.75rem;
    color: #9ca3af;
    font-weight: 500;
}

.mv-chevron[b-0jqar6zqav] {
    font-size: 0.65rem;
    color: #9ca3af;
    flex-shrink: 0;
}

/* ── Card body (expanded) ── */
.mv-card-body[b-0jqar6zqav] {
    border-top: 1px solid #f0f0f0;
    padding: 10px 14px 12px;
    background: #fafafa;
}

.mv-detail-row[b-0jqar6zqav] {
    display: flex;
    gap: 8px;
    font-size: 0.82rem;
    padding: 3px 0;
}

.mv-detail-lbl[b-0jqar6zqav] {
    width: 88px;
    flex-shrink: 0;
    font-weight: 600;
    color: #9ca3af;
}

.mv-detail-val[b-0jqar6zqav] {
    color: #374151;
    word-break: break-all;
}

.mv-link[b-0jqar6zqav] {
    color: #0098ff;
    text-decoration: none;
}

.mv-link:hover[b-0jqar6zqav] {
    text-decoration: underline;
}

.mv-card-actions[b-0jqar6zqav] {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #e8e8e8;
}

/* ── Hint / Empty ── */
.mv-hint[b-0jqar6zqav] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
}

.mv-hint-icon[b-0jqar6zqav] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

/* ── Loading skeleton ── */
.mv-loading[b-0jqar6zqav] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 0.75rem;
}

.mv-sk-card[b-0jqar6zqav] {
    height: 70px;
    border-radius: 10px;
}

.sk-cell[b-0jqar6zqav] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: sk-shimmer-b-0jqar6zqav 1.4s infinite;
    display: block;
}

@keyframes sk-shimmer-b-0jqar6zqav {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/Organigramm.razor.rz.scp.css */
.oc-layout[b-uh7mh7k8ou] {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── Topbar ── */
.oc-topbar[b-uh7mh7k8ou] {
    margin-bottom: 1.25rem;
}

.oc-title[b-uh7mh7k8ou] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222d62;
    margin: 0;
}

.oc-subtitle[b-uh7mh7k8ou] {
    color: #6e6e6e;
    margin: 0.2rem 0 0;
    font-size: 0.875rem;
}

/* ── Search bar ── */
.oc-searchbar[b-uh7mh7k8ou] {
    margin-bottom: 1.25rem;
}

.oc-search-input[b-uh7mh7k8ou] {
    max-width: 420px;
    border-radius: 8px;
    font-size: 0.9rem;
}

/* ── Hint / Empty ── */
.oc-hint[b-uh7mh7k8ou] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
}

.oc-hint-icon[b-uh7mh7k8ou] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

/* ── Loading skeleton ── */
.oc-loading[b-uh7mh7k8ou] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.oc-sk-row[b-uh7mh7k8ou] {
    height: 44px;
    border-radius: 8px;
}

.sk-cell[b-uh7mh7k8ou] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: sk-shimmer-b-uh7mh7k8ou 1.4s infinite;
    display: block;
}

@keyframes sk-shimmer-b-uh7mh7k8ou {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Tree (styles reach into the OrgChartNode child component via ::deep) ── */
.oc-tree[b-uh7mh7k8ou],
.oc-tree[b-uh7mh7k8ou]  .oc-children {
    list-style: none;
    margin: 0;
    padding: 0;
}

.oc-tree[b-uh7mh7k8ou]  .oc-children {
    margin-left: 26px;
    padding-left: 18px;
    border-left: 2px solid #e5e7eb;
}

.oc-tree[b-uh7mh7k8ou]  .oc-node {
    margin: 4px 0;
}

.oc-tree[b-uh7mh7k8ou]  .oc-node-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.oc-tree[b-uh7mh7k8ou]  .oc-node-row--match .oc-card {
    border-color: #0098ff;
    box-shadow: 0 0 0 2px rgba(0, 152, 255, 0.15);
}

.oc-tree[b-uh7mh7k8ou]  .oc-toggle {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: none;
    background: transparent;
    color: #9ca3af;
    font-size: 0.8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oc-tree[b-uh7mh7k8ou]  .oc-toggle:hover {
    color: #0098ff;
}

.oc-tree[b-uh7mh7k8ou]  .oc-toggle-spacer {
    width: 20px;
    flex-shrink: 0;
}

.oc-tree[b-uh7mh7k8ou]  .oc-card {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 8px 12px;
    cursor: pointer;
    transition: box-shadow 0.2s, border-color 0.2s;
    max-width: 420px;
}

.oc-tree[b-uh7mh7k8ou]  .oc-card:hover {
    box-shadow: 0 4px 14px rgba(0, 152, 255, 0.1);
}

.oc-tree[b-uh7mh7k8ou]  .oc-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0098ff, #222d62);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.oc-tree[b-uh7mh7k8ou]  .oc-card-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.oc-tree[b-uh7mh7k8ou]  .oc-name {
    font-size: 0.87rem;
    font-weight: 700;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oc-tree[b-uh7mh7k8ou]  .oc-dept {
    font-size: 0.72rem;
    color: #9ca3af;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oc-tree[b-uh7mh7k8ou]  .oc-count {
    font-size: 0.7rem;
    font-weight: 700;
    color: #6b7280;
    background: #f3f4f6;
    border-radius: 999px;
    padding: 1px 7px;
    flex-shrink: 0;
}

/* ── Group-node avatar (folder icon) ── */
.oc-tree[b-uh7mh7k8ou]  .oc-avatar--group {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
}

/* ── Mode Tabs ── */
.oc-mode-tabs[b-uh7mh7k8ou] {
    display: flex;
    gap: 4px;
    margin-bottom: 1rem;
    background: #f3f4f6;
    border-radius: 10px;
    padding: 3px;
    width: fit-content;
}

.oc-mode-tab[b-uh7mh7k8ou] {
    border: none;
    background: transparent;
    padding: 6px 18px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.oc-mode-tab:hover[b-uh7mh7k8ou] {
    color: #374151;
}

.oc-mode-tab--active[b-uh7mh7k8ou] {
    background: #fff;
    color: #222d62;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

/* ── Zugriffscode controls (Gruppierung + Baumansicht) ── */
.oc-zucode-controls[b-uh7mh7k8ou] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

.oc-gruppierung-select[b-uh7mh7k8ou] {
    max-width: 200px;
}

.oc-toggle-label[b-uh7mh7k8ou] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: #374151;
    cursor: pointer;
    white-space: nowrap;
}

/* ── Vorgesetzter card ── */
.oc-vorgesetzter-card[b-uh7mh7k8ou] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 1.25rem;
    max-width: 520px;
}

.oc-vorgesetzter-card .oc-avatar[b-uh7mh7k8ou] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0098ff, #222d62);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.oc-avatar--vg[b-uh7mh7k8ou] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0098ff, #222d62);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.oc-vorgesetzter-card .oc-card-main[b-uh7mh7k8ou] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.oc-vorgesetzter-card .oc-name[b-uh7mh7k8ou] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e3a8a;
}

.oc-vorgesetzter-card .oc-dept[b-uh7mh7k8ou] {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
}

.oc-vorgesetzter-card .oc-count[b-uh7mh7k8ou] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #3b82f6;
    background: #dbeafe;
    border-radius: 999px;
    padding: 2px 10px;
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── Grouped flat list (Zugriffscode mode) ── */
.oc-gruppe[b-uh7mh7k8ou] {
    margin-bottom: 4px;
}

.oc-gruppe-header[b-uh7mh7k8ou] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s;
    user-select: none;
}

.oc-gruppe-header:hover[b-uh7mh7k8ou] {
    background: #f3f4f6;
}

.oc-gruppe-toggle[b-uh7mh7k8ou] {
    color: #9ca3af;
    font-size: 0.85rem;
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

.oc-gruppe-name[b-uh7mh7k8ou] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #374151;
    flex: 1;
}

.oc-gruppe-header .oc-count[b-uh7mh7k8ou] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #6b7280;
    background: #e5e7eb;
    border-radius: 999px;
    padding: 1px 8px;
    flex-shrink: 0;
}

.oc-gruppe-body[b-uh7mh7k8ou] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 0 6px 28px;
}

/* ── Flat person card ── */
.oc-flat-card[b-uh7mh7k8ou] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 8px 12px;
    cursor: pointer;
    transition: box-shadow 0.2s, border-color 0.2s;
    max-width: 420px;
}

.oc-flat-card:hover[b-uh7mh7k8ou] {
    box-shadow: 0 4px 14px rgba(0, 152, 255, 0.1);
}

.oc-flat-card--match[b-uh7mh7k8ou] {
    border-color: #0098ff;
    box-shadow: 0 0 0 2px rgba(0, 152, 255, 0.15);
}

.oc-flat-card .oc-avatar[b-uh7mh7k8ou] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0098ff, #222d62);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.oc-flat-card .oc-card-main[b-uh7mh7k8ou] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.oc-flat-card .oc-name[b-uh7mh7k8ou] {
    font-size: 0.87rem;
    font-weight: 700;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oc-flat-card .oc-dept[b-uh7mh7k8ou] {
    font-size: 0.72rem;
    color: #9ca3af;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/OrgUebersicht.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────────── */

.orgu-layout[b-6y8btcwoxi] {
    padding: 1.5rem;
    max-width: 1200px;
}

/* ── Empty state ─────────────────────────────────────────────────────────── */

.orgu-empty[b-6y8btcwoxi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: #6b7280;
}

.orgu-empty-icon[b-6y8btcwoxi] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.orgu-empty h2[b-6y8btcwoxi] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #374151;
}

.orgu-empty p[b-6y8btcwoxi] {
    max-width: 480px;
    line-height: 1.6;
}

/* ── Header ──────────────────────────────────────────────────────────────── */

.orgu-header[b-6y8btcwoxi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    gap: 1rem;
}

.orgu-title[b-6y8btcwoxi] {
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0 0 0.2rem;
}

.orgu-subtitle[b-6y8btcwoxi] {
    font-size: 0.85rem;
    color: #6b7280;
    margin: 0;
}

/* ── Loading ─────────────────────────────────────────────────────────────── */

.orgu-loading[b-6y8btcwoxi] {
    padding: 1rem 0;
}

/* ── Summary stats ───────────────────────────────────────────────────────── */

.orgu-stats[b-6y8btcwoxi] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.orgu-stat[b-6y8btcwoxi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1.25rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    min-width: 110px;
}

.orgu-stat--warn[b-6y8btcwoxi] {
    background: #fef9c3;
    border-color: #fde047;
}

.orgu-stat-val[b-6y8btcwoxi] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.orgu-stat-lbl[b-6y8btcwoxi] {
    font-size: 0.7rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 0.25rem;
    text-align: center;
}

/* ── Filter bar ──────────────────────────────────────────────────────────── */

.orgu-filterbar[b-6y8btcwoxi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.orgu-filter-sel[b-6y8btcwoxi] {
    width: auto;
    min-width: 150px;
}

.orgu-filter-suche[b-6y8btcwoxi] {
    width: 200px;
}

.orgu-filter-check[b-6y8btcwoxi] {
    font-size: 0.85rem;
    color: #374151;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.orgu-filter-count[b-6y8btcwoxi] {
    margin-left: auto;
    font-size: 0.8rem;
    color: #9ca3af;
    white-space: nowrap;
}

/* ── No data ─────────────────────────────────────────────────────────────── */

.orgu-no-data[b-6y8btcwoxi] {
    padding: 2.5rem;
    text-align: center;
    color: #9ca3af;
    border: 1px dashed #e5e7eb;
    border-radius: 8px;
}

/* ── Table ───────────────────────────────────────────────────────────────── */

.orgu-table-wrap[b-6y8btcwoxi] {
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.orgu-table[b-6y8btcwoxi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.orgu-table thead tr[b-6y8btcwoxi] {
    background: #f3f4f6;
    border-bottom: 2px solid #e5e7eb;
}

.orgu-table th[b-6y8btcwoxi] {
    padding: 0.6rem 0.9rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7280;
    white-space: nowrap;
}

.orgu-table td[b-6y8btcwoxi] {
    padding: 0.55rem 0.9rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.orgu-table tbody tr:last-child td[b-6y8btcwoxi] {
    border-bottom: none;
}

.orgu-table tbody tr:hover[b-6y8btcwoxi] {
    background: #f9fafb;
}

/* Sortable column headers */
.orgu-th-sort[b-6y8btcwoxi] {
    cursor: pointer;
    user-select: none;
}

.orgu-th-sort:hover[b-6y8btcwoxi] {
    color: #374151;
}

.orgu-th-sort--auf[b-6y8btcwoxi]::after {
    content: " ▲";
    font-size: 0.65rem;
    color: #6366f1;
}

.orgu-th-sort--ab[b-6y8btcwoxi]::after {
    content: " ▼";
    font-size: 0.65rem;
    color: #6366f1;
}

/* Row highlighting */
.orgu-row--heute td[b-6y8btcwoxi] {
    background: #eff6ff;
}

.orgu-row--leer td[b-6y8btcwoxi] {
    color: #9ca3af;
}

.orgu-col-num[b-6y8btcwoxi] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.orgu-name[b-6y8btcwoxi] {
    font-weight: 500;
}

/* ── Status badges ───────────────────────────────────────────────────────── */

.orgu-status[b-6y8btcwoxi] {
    display: inline-block;
    padding: 0.2em 0.55em;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.orgu-status--ok[b-6y8btcwoxi]   { background: #dcfce7; color: #166534; }
.orgu-status--warn[b-6y8btcwoxi] { background: #fef9c3; color: #854d0e; }
.orgu-status--info[b-6y8btcwoxi] { background: #dbeafe; color: #1e40af; }
.orgu-status--err[b-6y8btcwoxi]  { background: #fee2e2; color: #991b1b; }
.orgu-status--nil[b-6y8btcwoxi]  { background: #f3f4f6; color: #6b7280; }
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/Schichttausch.razor.rz.scp.css */
.st-layout[b-3aukxi6asj] {
    max-width: 800px;
    margin: 0 auto;
}

/* ── Topbar ── */
.st-topbar[b-3aukxi6asj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.st-title[b-3aukxi6asj] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222d62;
    margin: 0;
}

.st-subtitle[b-3aukxi6asj] {
    color: #6e6e6e;
    margin: 0.2rem 0 0;
    font-size: 0.875rem;
}

.st-person-badge[b-3aukxi6asj] {
    background: #e8f5ff;
    border: 1px solid #b3d9ff;
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #0055a5;
    white-space: nowrap;
    align-self: center;
}

/* ── Step hint ── */
.st-step-hint[b-3aukxi6asj] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #374151;
    margin-bottom: 0.75rem;
}

.st-step-num[b-3aukxi6asj] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0098ff;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── Schichten list ── */
.st-schichten[b-3aukxi6asj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 0.5rem;
}

.st-schicht-row[b-3aukxi6asj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #fff;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.1s;
}

.st-schicht-row:hover[b-3aukxi6asj] { border-color: #0098ff; background: #f0f8ff; }
.st-schicht-sel[b-3aukxi6asj]       { border-color: #0098ff; background: #e8f5ff; }

.st-schicht-date[b-3aukxi6asj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 42px;
}

.st-wd[b-3aukxi6asj] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #9ca3af;
}

.st-date[b-3aukxi6asj] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1f2937;
    font-variant-numeric: tabular-nums;
}

.st-schicht-info[b-3aukxi6asj] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.st-schicht-name[b-3aukxi6asj] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1f2937;
}

.st-schicht-zeit[b-3aukxi6asj] {
    font-size: 0.78rem;
    color: #6b7280;
    font-variant-numeric: tabular-nums;
}

.st-schicht-dauer[b-3aukxi6asj] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #6b7280;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    min-width: 40px;
    text-align: right;
}

.st-schicht-check[b-3aukxi6asj] {
    width: 20px;
    text-align: center;
    font-weight: 700;
    color: #0098ff;
    font-size: 1rem;
}

/* ── Partner search ── */
.st-partner-box[b-3aukxi6asj] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 0.5rem;
}

.st-partner-search[b-3aukxi6asj] {
    margin-bottom: 10px;
}

.st-person-list[b-3aukxi6asj] {
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    max-height: 200px;
    overflow-y: auto;
}

.st-person-item[b-3aukxi6asj] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 0.875rem;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.1s;
}

.st-person-item:last-child[b-3aukxi6asj] { border-bottom: none; }
.st-person-item:hover[b-3aukxi6asj]      { background: #f0f8ff; }
.st-person-sel[b-3aukxi6asj]             { background: #e8f5ff; font-weight: 600; }

.st-person-name[b-3aukxi6asj] {
    flex: 1;
    color: #1f2937;
}

.st-person-nr[b-3aukxi6asj] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.st-person-check[b-3aukxi6asj] {
    color: #0098ff;
    font-weight: 700;
}

.st-no-results[b-3aukxi6asj] {
    font-size: 0.82rem;
    color: #9ca3af;
    padding: 4px 0;
    margin: 0;
}

.st-selected-partner[b-3aukxi6asj] {
    font-size: 0.875rem;
    color: #374151;
    padding: 8px 10px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
}

/* ── Form box ── */
.st-form-box[b-3aukxi6asj] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 16px;
}

.st-lbl[b-3aukxi6asj] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
}

.st-char-hint[b-3aukxi6asj] {
    font-size: 0.75rem;
    color: #9ca3af;
    text-align: right;
    margin-top: 3px;
}

.st-submit-row[b-3aukxi6asj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 4px;
}

.st-summary[b-3aukxi6asj] {
    flex: 1;
    font-size: 0.82rem;
    color: #6b7280;
}

.st-submit-btn[b-3aukxi6asj] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 8px;
}

/* ── Empty ── */
.st-empty[b-3aukxi6asj] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
}

.st-empty-icon[b-3aukxi6asj] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

/* ── Loading skeleton ── */
.st-loading[b-3aukxi6asj] { padding: 0.5rem 0; }

.sk-cell[b-3aukxi6asj] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: sk-shimmer-b-3aukxi6asj 1.4s infinite;
    display: block;
}

@keyframes sk-shimmer-b-3aukxi6asj {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/SoftwareTerminal.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────────── */
.st-layout[b-ldrrrjkek5] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 13px;
}

/* ── Topbar ──────────────────────────────────────────────────────────────── */
.st-topbar[b-ldrrrjkek5] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    padding: 12px 14px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.st-header-row[b-ldrrrjkek5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.st-title[b-ldrrrjkek5] {
    font-size: 18px;
    font-weight: 800;
    color: #0e4c84;
    margin: 0;
}

.st-subtitle[b-ldrrrjkek5] {
    font-size: 12px;
    color: #6b7280;
}

.st-clock[b-ldrrrjkek5] {
    font-family: monospace;
    font-size: 28px;
    font-weight: 900;
    color: #0e4c84;
    letter-spacing: 2px;
}

.st-filter-row[b-ldrrrjkek5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.st-lbl[b-ldrrrjkek5] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.st-autocomplete[b-ldrrrjkek5] {
    position: relative;
    display: inline-block;
}

.st-ac-input[b-ldrrrjkek5] { width: 250px; font-size: 13px; }

.st-dropdown[b-ldrrrjkek5] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200;
    min-width: 320px;
    background: #fff;
    border: 1px solid #b0bec5;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0,0,0,.12);
    max-height: 220px;
    overflow-y: auto;
    padding: 4px 0;
}

.st-dd-item[b-ldrrrjkek5] {
    padding: 6px 12px;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    gap: 8px;
}

.st-dd-item:hover[b-ldrrrjkek5] { background: #e8f0fe; }
.st-dd-penr[b-ldrrrjkek5] { font-family: monospace; color: #6b7280; font-size: 12px; }

.st-person-badge[b-ldrrrjkek5] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    background: #dbeafe;
    color: #1e40af;
}

/* ── Status-Meldung ──────────────────────────────────────────────────────── */
.st-msg[b-ldrrrjkek5] {
    border-radius: 10px;
    padding: 10px 14px;
    font-weight: 700;
    font-size: 13px;
}

.st-msg-ok[b-ldrrrjkek5] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.st-msg-err[b-ldrrrjkek5] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

/* ── Panel ────────────────────────────────────────────────────────────────── */
.st-panel[b-ldrrrjkek5] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.st-panel-head[b-ldrrrjkek5] {
    font-weight: 700;
    font-size: 13px;
    color: #0e4c84;
    border-bottom: 1px solid #e6eaf0;
    padding-bottom: 6px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

/* ── Buchungsbuttons ─────────────────────────────────────────────────────── */
.st-btn-grid[b-ldrrrjkek5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.st-btn[b-ldrrrjkek5] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: none;
    border-radius: 12px;
    font-weight: 800;
    font-size: 14px;
    cursor: pointer;
    color: #1a1a1a;
    transition: transform .06s ease, box-shadow .12s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.st-btn:hover:not(:disabled)[b-ldrrrjkek5] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.st-btn:disabled[b-ldrrrjkek5] {
    opacity: .5;
    cursor: not-allowed;
}

.st-btn-komm[b-ldrrrjkek5] { background: #99cc00; }
.st-btn-geht[b-ldrrrjkek5] { background: #fe6600; color: #fff; }
.st-btn-feza[b-ldrrrjkek5] { background: #fefe00; }
.st-btn-feze[b-ldrrrjkek5] { background: #8ed3ff; }
.st-btn-kstw[b-ldrrrjkek5] { background: #ff7fed; }
.st-btn-prow[b-ldrrrjkek5] { background: #b5a0e2; }

/* ── Nachmeldung ─────────────────────────────────────────────────────────── */
.st-check-lbl[b-ldrrrjkek5] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    color: #0e4c84;
    cursor: pointer;
}

.st-nach-row[b-ldrrrjkek5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.st-date-input[b-ldrrrjkek5] { width: 150px; font-size: 13px; }
.st-time-input[b-ldrrrjkek5] { width: 110px; font-size: 13px; }

/* ── Dialog-Overlay ──────────────────────────────────────────────────────── */
.st-overlay[b-ldrrrjkek5] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.st-dialog[b-ldrrrjkek5] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0,0,0,.2);
    padding: 20px;
    min-width: 340px;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.st-dlg-head[b-ldrrrjkek5] {
    font-weight: 800;
    font-size: 15px;
    color: #0e4c84;
}

.st-dlg-actions[b-ldrrrjkek5] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* ── Protokoll-Tabelle ───────────────────────────────────────────────────── */
.st-prot-actions[b-ldrrrjkek5] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.st-table-scroll[b-ldrrrjkek5] { overflow-x: auto; }

.st-table[b-ldrrrjkek5] {
    font-size: 12px;
    white-space: nowrap;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 600px;
    width: 100%;
}

.st-table thead th[b-ldrrrjkek5] {
    background: linear-gradient(180deg, #0e4c84 0%, #0b3a66 100%);
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding: 8px 10px;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.st-table thead th:first-child[b-ldrrrjkek5] { border-radius: 8px 0 0 0; }
.st-table thead th:last-child[b-ldrrrjkek5]  { border-radius: 0 8px 0 0; }

.st-table tbody td[b-ldrrrjkek5] {
    padding: 7px 10px;
    border-bottom: 1px solid #e6e8ec;
    vertical-align: middle;
}

.st-table tbody tr:nth-child(even) td[b-ldrrrjkek5] { background: #fafbfc; }
.st-table tbody tr:hover td[b-ldrrrjkek5]           { background: #f1f5f9; }

.st-col-mono[b-ldrrrjkek5] { font-family: monospace; font-size: 12px; }
.st-col-code[b-ldrrrjkek5] { font-weight: 600; }

.st-empty[b-ldrrrjkek5] {
    text-align: center;
    color: #9ca3af;
    padding: 20px !important;
    font-style: italic;
}

/* ── Protokoll-Zeilen-Status ─────────────────────────────────────────────── */
.st-row-unbu td[b-ldrrrjkek5] { background: #fefce8 !important; }
.st-row-abbu td[b-ldrrrjkek5] { background: #fee2e2 !important; }

/* ── Responsive ──────────────────────────────────────────────────────────── */
@@media (max-width: 700px) {
    .st-btn-grid[b-ldrrrjkek5] { grid-template-columns: 1fr; }
    .st-header-row[b-ldrrrjkek5] { flex-direction: column; align-items: flex-start; gap: 6px; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/SollIst.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────────── */

.si-layout[b-bfid3qjywp] {
    padding: 1.5rem;
    max-width: 1280px;
}

/* ── Top bar ─────────────────────────────────────────────────────────────── */

.si-topbar[b-bfid3qjywp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.si-title[b-bfid3qjywp]    { font-size: 1.375rem; font-weight: 700; margin: 0 0 0.2rem; }
.si-subtitle[b-bfid3qjywp] { font-size: 0.85rem; color: #6b7280; margin: 0; }

.si-person-badge[b-bfid3qjywp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e3a5f;
    border-radius: 20px;
    padding: 0.3em 0.9em;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    align-self: center;
}

.si-person-badge small[b-bfid3qjywp] {
    font-weight: 400;
    color: #6b7280;
}

/* ── Filter bar ──────────────────────────────────────────────────────────── */

.si-filterbar[b-bfid3qjywp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    padding: 0.9rem 1rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.si-range-row[b-bfid3qjywp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.si-lbl[b-bfid3qjywp] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    white-space: nowrap;
}

.si-date-in[b-bfid3qjywp] { width: 140px; }

.si-check-lbl[b-bfid3qjywp] {
    font-size: 0.83rem;
    color: #374151;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

/* ── Summary cards ───────────────────────────────────────────────────────── */

.si-cards[b-bfid3qjywp] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.si-card[b-bfid3qjywp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1.4rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    min-width: 120px;
}

.si-card-pos[b-bfid3qjywp] { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.si-card-neg[b-bfid3qjywp] { background: #fef2f2; border-color: #fecaca; color: #991b1b; }

.si-card-val[b-bfid3qjywp] {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
}

.si-card-lbl[b-bfid3qjywp] {
    font-size: 0.7rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 0.25rem;
    text-align: center;
}

.si-card-pos .si-card-lbl[b-bfid3qjywp],
.si-card-neg .si-card-lbl[b-bfid3qjywp] { color: inherit; opacity: 0.7; }

/* ── Panel ───────────────────────────────────────────────────────────────── */

.si-panel[b-bfid3qjywp] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.si-panel-head[b-bfid3qjywp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #f3f4f6;
    padding: 0.55rem 1rem;
    font-weight: 700;
    font-size: 0.85rem;
    border-bottom: 1px solid #e5e7eb;
}

.si-period[b-bfid3qjywp] {
    font-weight: 400;
    font-size: 0.8rem;
    color: #6b7280;
}

/* ── Table ───────────────────────────────────────────────────────────────── */

.si-table-wrap[b-bfid3qjywp] {
    overflow-x: auto;
}

.si-table[b-bfid3qjywp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.si-table thead tr[b-bfid3qjywp] {
    background: #f3f4f6;
    border-bottom: 2px solid #e5e7eb;
}

.si-table th[b-bfid3qjywp] {
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7280;
    white-space: nowrap;
}

.si-table td[b-bfid3qjywp] {
    padding: 0.45rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.si-table tbody tr:last-child td[b-bfid3qjywp] { border-bottom: none; }
.si-table tbody tr:hover[b-bfid3qjywp]          { background: #f9fafb; }

/* Column alignment */
.si-col-r[b-bfid3qjywp]    { text-align: right; }
.si-col-mono[b-bfid3qjywp] { font-variant-numeric: tabular-nums; font-family: monospace, 'Courier New'; }
.si-col-grund[b-bfid3qjywp] { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Row states */
.si-row-we    td[b-bfid3qjywp] { background: #f9f9f9; color: #9ca3af; }
.si-row-today td[b-bfid3qjywp] { background: #eff6ff; }

/* Diff cell coloring */
.si-diff-pos[b-bfid3qjywp] { color: #166534; font-weight: 600; }
.si-diff-neg[b-bfid3qjywp] { color: #991b1b; font-weight: 600; }

/* Empty */
.si-empty[b-bfid3qjywp] {
    text-align: center;
    color: #9ca3af;
    padding: 2rem;
    font-size: 0.875rem;
}

/* Footer */
.si-foot td[b-bfid3qjywp] {
    background: #f3f4f6 !important;
    font-weight: 700;
    border-top: 2px solid #e5e7eb;
    border-bottom: none !important;
    font-size: 0.8rem;
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/TeamTimeline.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────────── */

.tt-layout[b-0t6rufsgu7] {
    padding: 1.5rem;
    max-width: 100%;
}

/* ── Org-Filter ─────────────────────────────────────────────────────────── */

.tt-org-filter[b-0t6rufsgu7] {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

/* ── Empty state ─────────────────────────────────────────────────────────── */

.tt-empty[b-0t6rufsgu7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: #6b7280;
}

.tt-empty-icon[b-0t6rufsgu7] { font-size: 3rem; margin-bottom: 1rem; }

.tt-empty h2[b-0t6rufsgu7] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #374151;
}

.tt-empty p[b-0t6rufsgu7] { max-width: 480px; line-height: 1.6; }

/* ── Top bar ─────────────────────────────────────────────────────────────── */

.tt-topbar[b-0t6rufsgu7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.tt-title[b-0t6rufsgu7]    { font-size: 1.375rem; font-weight: 700; margin: 0 0 0.2rem; }
.tt-subtitle[b-0t6rufsgu7] { font-size: 0.85rem; color: #6b7280; margin: 0; }

.tt-nav[b-0t6rufsgu7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.tt-monat[b-0t6rufsgu7] {
    font-weight: 700;
    font-size: 0.95rem;
    min-width: 145px;
    text-align: center;
    white-space: nowrap;
}

/* ── Loading ─────────────────────────────────────────────────────────────── */

.tt-loading[b-0t6rufsgu7] { padding: 1rem 0; }

/* ── Filter bar ──────────────────────────────────────────────────────────── */

.tt-filterbar[b-0t6rufsgu7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.tt-search[b-0t6rufsgu7] { width: 220px; }

.tt-fc[b-0t6rufsgu7] {
    font-size: 0.8rem;
    color: #9ca3af;
    white-space: nowrap;
}

.tt-stat-badge[b-0t6rufsgu7] {
    display: inline-flex;
    align-items: center;
    gap: 0.2em;
    padding: 0.2em 0.7em;
    border-radius: 20px;
    font-size: 0.8rem;
    white-space: nowrap;
}

.tt-stat-warn[b-0t6rufsgu7] { background: #fef9c3; color: #854d0e; border: 1px solid #fde047; }
.tt-stat-ok[b-0t6rufsgu7]   { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }

/* ── Table wrapper ───────────────────────────────────────────────────────── */

.tt-table-wrap[b-0t6rufsgu7] {
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1rem;
}

/* ── Table ───────────────────────────────────────────────────────────────── */

.tt-table[b-0t6rufsgu7] {
    border-collapse: collapse;
    min-width: 100%;
    font-size: 0.8rem;
    table-layout: auto;
}

/* ── Name column header ──────────────────────────────────────────────────── */

.tt-th-name[b-0t6rufsgu7] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: #f3f4f6;
    text-align: left;
    padding: 0.4rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7280;
    border-right: 2px solid #d1d5db;
    border-bottom: 2px solid #d1d5db;
    white-space: nowrap;
    min-width: 190px;
}

/* ── Day header cells ────────────────────────────────────────────────────── */

.tt-th-day[b-0t6rufsgu7] {
    text-align: center;
    padding: 0.3rem 0.15rem;
    min-width: 30px;
    width: 30px;
    max-width: 30px;
    background: #f3f4f6;
    border-bottom: 2px solid #d1d5db;
    border-right: 1px solid #e5e7eb;
    vertical-align: bottom;
    line-height: 1.1;
}

.tt-th-we[b-0t6rufsgu7]    { background: #ececec; }
.tt-th-today[b-0t6rufsgu7] { background: #dbeafe !important; }

.tt-d-n[b-0t6rufsgu7] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #374151;
}

.tt-d-w[b-0t6rufsgu7] {
    display: block;
    font-size: 0.58rem;
    color: #9ca3af;
    text-transform: uppercase;
}

.tt-th-today .tt-d-n[b-0t6rufsgu7] { color: #1d4ed8; }
.tt-th-today .tt-d-w[b-0t6rufsgu7] { color: #93c5fd; }

/* ── Body: sticky name cell ──────────────────────────────────────────────── */

.tt-td-name[b-0t6rufsgu7] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    padding: 0.3rem 0.75rem;
    border-right: 2px solid #d1d5db;
    border-bottom: 1px solid #f3f4f6;
    white-space: nowrap;
    min-width: 190px;
}

.tt-row:hover .tt-td-name[b-0t6rufsgu7] { background: #f9fafb; }

.tt-pname[b-0t6rufsgu7] { display: block; font-weight: 500; font-size: 0.8rem; }
.tt-penr[b-0t6rufsgu7]  { color: #9ca3af; font-size: 0.68rem; }

/* ── Data cells ──────────────────────────────────────────────────────────── */

.tt-cell[b-0t6rufsgu7] {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    padding: 0;
    border-bottom: 1px solid #f3f4f6;
    border-right: 1px solid #f0f0f0;
    height: 30px;
    cursor: default;
    transition: filter 0.1s;
}

.tt-row:hover .tt-cell[b-0t6rufsgu7] { filter: brightness(0.96); }

/* Base states */
.tt-cell-we[b-0t6rufsgu7]    { background: #f4f4f4; }
.tt-cell-today[b-0t6rufsgu7] { background: #dbeafe !important; }

/* Absence status fills */
.tt-abs-bean[b-0t6rufsgu7] { background: #fde68a; }
.tt-abs-gen[b-0t6rufsgu7]  { background: #86efac; }
.tt-abs-vorl[b-0t6rufsgu7] { background: #93c5fd; }
.tt-abs-abge[b-0t6rufsgu7] { background: #fca5a5; }

/* Weekend + absence: blend absence color on gray */
.tt-cell-we.tt-abs-bean[b-0t6rufsgu7] { background: #f5d97a; }
.tt-cell-we.tt-abs-gen[b-0t6rufsgu7]  { background: #74d99a; }
.tt-cell-we.tt-abs-vorl[b-0t6rufsgu7] { background: #7db8f5; }
.tt-cell-we.tt-abs-abge[b-0t6rufsgu7] { background: #f08e8e; }

/* Empty row */
.tt-empty-row[b-0t6rufsgu7] {
    text-align: center;
    color: #9ca3af;
    padding: 2rem;
    font-size: 0.875rem;
}

/* ── Legend ──────────────────────────────────────────────────────────────── */

.tt-legend[b-0t6rufsgu7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    font-size: 0.78rem;
    color: #6b7280;
}

.tt-li[b-0t6rufsgu7] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.tt-ld[b-0t6rufsgu7] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    flex-shrink: 0;
    border: 1px solid rgba(0,0,0,0.1);
}

.tt-ld-bean[b-0t6rufsgu7]  { background: #fde68a; }
.tt-ld-gen[b-0t6rufsgu7]   { background: #86efac; }
.tt-ld-vorl[b-0t6rufsgu7]  { background: #93c5fd; }
.tt-ld-abge[b-0t6rufsgu7]  { background: #fca5a5; }
.tt-ld-we[b-0t6rufsgu7]    { background: #f4f4f4; }
.tt-ld-today[b-0t6rufsgu7] { background: #dbeafe; }

/* ── Clickable cells + labels ───────────────────────────────────────────── */

.tt-cell-clickable[b-0t6rufsgu7] {
    cursor: pointer;
    position: relative;
}

.tt-cell-clickable:hover[b-0t6rufsgu7] {
    filter: brightness(0.88) !important;
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
    z-index: 1;
}

.tt-cell-label[b-0t6rufsgu7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 0.55rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.55);
    line-height: 1;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: clip;
}

/* ── Detail-Overlay + Panel ─────────────────────────────────────────────── */

.tt-overlay[b-0t6rufsgu7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
}

.tt-detail-panel[b-0t6rufsgu7] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    padding: 1.5rem;
    width: 420px;
    max-width: 90vw;
    max-height: 85vh;
    overflow-y: auto;
}

.tt-detail-head[b-0t6rufsgu7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.tt-detail-dl[b-0t6rufsgu7] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 1rem;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.tt-detail-dl dt[b-0t6rufsgu7] {
    font-weight: 600;
    color: #6b7280;
    white-space: nowrap;
}

.tt-detail-dl dd[b-0t6rufsgu7] {
    margin: 0;
    color: #111827;
}

.tt-detail-actions[b-0t6rufsgu7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e5e7eb;
}

.tt-detail-ablehnen[b-0t6rufsgu7] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e5e7eb;
}

.tt-detail-ablehnen .form-label[b-0t6rufsgu7] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 0.3rem;
}

.tt-detail-ablehnen-btns[b-0t6rufsgu7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/Urlaubsuebersicht.razor.rz.scp.css */
.uu-layout[b-jr9o44lwl0] {
    max-width: 900px;
    margin: 0 auto;
}

/* ── Topbar ── */
.uu-topbar[b-jr9o44lwl0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.uu-title[b-jr9o44lwl0] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222d62;
    margin: 0;
}

.uu-subtitle[b-jr9o44lwl0] {
    color: #6e6e6e;
    margin: 0.2rem 0 0;
    font-size: 0.875rem;
}

.uu-person-badge[b-jr9o44lwl0] {
    background: #e8f5ff;
    border: 1px solid #b3d9ff;
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #0055a5;
    white-space: nowrap;
    align-self: center;
}

/* ── Cards ── */
.uu-cards[b-jr9o44lwl0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 1.25rem;
}

.uu-card[b-jr9o44lwl0] {
    flex: 1;
    min-width: 130px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.uu-card-val[b-jr9o44lwl0] {
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.1;
    color: #222d62;
}

.uu-card-lbl[b-jr9o44lwl0] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

.uu-card-sub[b-jr9o44lwl0] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 2px;
}

.uu-card-total[b-jr9o44lwl0] { border-top: 3px solid #0098ff; }
.uu-card-total .uu-card-val[b-jr9o44lwl0] { color: #0098ff; }

.uu-card-used[b-jr9o44lwl0]  { border-top: 3px solid #6366f1; }
.uu-card-used  .uu-card-val[b-jr9o44lwl0] { color: #6366f1; }

.uu-card-pending[b-jr9o44lwl0] { border-top: 3px solid #f59e0b; }
.uu-card-pending .uu-card-val[b-jr9o44lwl0] { color: #d97706; }

.uu-card-rest[b-jr9o44lwl0]  { border-top: 3px solid #22c55e; }
.uu-card-rest  .uu-card-val[b-jr9o44lwl0] { color: #16a34a; }

.uu-card-warn[b-jr9o44lwl0]  { border-top: 3px solid #f59e0b; }
.uu-card-warn  .uu-card-val[b-jr9o44lwl0] { color: #d97706; }

.uu-card-over[b-jr9o44lwl0]  { border-top: 3px solid #ef4444; }
.uu-card-over  .uu-card-val[b-jr9o44lwl0] { color: #dc2626; }

/* ── Panel ── */
.uu-panel[b-jr9o44lwl0] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1.1rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.uu-panel-head[b-jr9o44lwl0] {
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    padding: 9px 18px;
    font-weight: 700;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #374151;
}

/* ── Progress bar ── */
.uu-bar-row[b-jr9o44lwl0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
}

.uu-bar-track[b-jr9o44lwl0] {
    flex: 1;
    height: 16px;
    background: #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
}

.uu-bar-fill[b-jr9o44lwl0] {
    height: 100%;
    background: linear-gradient(90deg, #0098ff, #6366f1);
    border-radius: 8px;
    transition: width 0.5s ease;
}

.uu-bar-pending[b-jr9o44lwl0] { background: linear-gradient(90deg, #0098ff, #6366f1); }
.uu-bar-pending-seg[b-jr9o44lwl0] { background: #fbbf24; }

.uu-bar-label[b-jr9o44lwl0] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #374151;
    white-space: nowrap;
    min-width: 160px;
}

.uu-bar-label-muted[b-jr9o44lwl0] { color: #9ca3af; font-weight: 500; }

/* ── Monthly chart ── */
.uu-month-chart[b-jr9o44lwl0] {
    padding: 10px 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.uu-mc-row[b-jr9o44lwl0] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.uu-mc-lbl[b-jr9o44lwl0] {
    width: 34px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
    text-align: right;
    flex-shrink: 0;
}

.uu-mc-track[b-jr9o44lwl0] {
    flex: 1;
    height: 14px;
    background: #f3f4f6;
    border-radius: 4px;
    overflow: hidden;
}

.uu-mc-bar[b-jr9o44lwl0] {
    height: 100%;
    background: #0098ff;
    border-radius: 4px;
    transition: width 0.4s ease;
    min-width: 2px;
}

.uu-mc-val[b-jr9o44lwl0] {
    width: 32px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #374151;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.uu-mc-now .uu-mc-lbl[b-jr9o44lwl0] { color: #0098ff; }
.uu-mc-now .uu-mc-bar[b-jr9o44lwl0] { background: #059669; }
.uu-mc-now .uu-mc-val[b-jr9o44lwl0] { color: #059669; }

/* ── Anträge-Tabelle ── */
.uu-table-wrap[b-jr9o44lwl0] {
    overflow-x: auto;
    padding: 4px 0;
}

.uu-table[b-jr9o44lwl0] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.uu-table th[b-jr9o44lwl0] {
    background: #f8f9fa;
    padding: 7px 14px;
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #6b7280;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.uu-table td[b-jr9o44lwl0] {
    padding: 7px 14px;
    border-bottom: 1px solid #f0f0f0;
    color: #1f2937;
}

.uu-table tbody tr:last-child td[b-jr9o44lwl0] { border-bottom: none; }
.uu-table tbody tr:hover td[b-jr9o44lwl0] { background: #f8f9fa; }

.uu-col-r[b-jr9o44lwl0] { text-align: right; font-variant-numeric: tabular-nums; }

/* ── Status badge ── */
.uu-badge[b-jr9o44lwl0] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.uu-badge-green[b-jr9o44lwl0]  { background: #dcfce7; color: #16a34a; }
.uu-badge-orange[b-jr9o44lwl0] { background: #fef3c7; color: #d97706; }
.uu-badge-blue[b-jr9o44lwl0]   { background: #dbeafe; color: #1d4ed8; }
.uu-badge-red[b-jr9o44lwl0]    { background: #fee2e2; color: #dc2626; }
.uu-badge-gray[b-jr9o44lwl0]   { background: #f3f4f6; color: #6b7280; }

/* ── Loading skeleton ── */
.uu-loading[b-jr9o44lwl0] { padding: 0.5rem 0; }

.sk-cell[b-jr9o44lwl0] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: sk-shimmer-b-jr9o44lwl0 1.4s infinite;
    display: block;
}

@keyframes sk-shimmer-b-jr9o44lwl0 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Pages/SelfService/ZeiterfassungSummary.razor.rz.scp.css */
/* ── Layout ───────────────────────────────────────────────────────────────── */
.zt-layout[b-4yrisa72fx] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 13px;
}

/* ── Topbar ───────────────────────────────────────────────────────────────── */
.zt-topbar[b-4yrisa72fx] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    padding: 12px 14px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zt-header-row[b-4yrisa72fx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zt-title[b-4yrisa72fx] {
    font-size: 18px;
    font-weight: 800;
    color: #0e4c84;
    margin: 0;
}

.zt-subtitle[b-4yrisa72fx] {
    font-size: 12px;
    color: #6b7280;
}

.zt-filter-row[b-4yrisa72fx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.zt-lbl[b-4yrisa72fx] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.zt-date-input[b-4yrisa72fx] { width: 148px; font-size: 13px; }

/* ── Person-Autocomplete ──────────────────────────────────────────────────── */
.zt-autocomplete[b-4yrisa72fx] {
    position: relative;
    display: inline-block;
}

.zt-ac-input[b-4yrisa72fx] { width: 250px; font-size: 13px; }

.zt-dropdown[b-4yrisa72fx] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200;
    min-width: 320px;
    background: #fff;
    border: 1px solid #b0bec5;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0,0,0,.12);
    max-height: 220px;
    overflow-y: auto;
    padding: 4px 0;
}

.zt-dd-item[b-4yrisa72fx] {
    padding: 6px 12px;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    gap: 8px;
}

.zt-dd-item:hover[b-4yrisa72fx] { background: #e8f0fe; }
.zt-dd-penr[b-4yrisa72fx] { font-family: monospace; color: #6b7280; font-size: 12px; }

.zt-person-badge[b-4yrisa72fx] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    background: #dbeafe;
    color: #1e40af;
}

/* ── Summen-Karten ────────────────────────────────────────────────────────── */
.zt-cards[b-4yrisa72fx] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.zt-card[b-4yrisa72fx] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 150px;
    flex: 1;
}

.zt-card-val[b-4yrisa72fx] {
    font-size: 26px;
    font-weight: 800;
    color: #0e4c84;
    font-family: monospace;
    letter-spacing: 1px;
}

.zt-card-lbl[b-4yrisa72fx] {
    font-size: 11px;
    color: #6b7280;
    margin-top: 4px;
    text-align: center;
}

/* ── Panel ────────────────────────────────────────────────────────────────── */
.zt-panel[b-4yrisa72fx] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
    overflow: hidden;
}

.zt-panel-head[b-4yrisa72fx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    font-weight: 700;
    font-size: 13px;
    color: #0e4c84;
    border-bottom: 1px solid #e6eaf0;
    background: #f8fafc;
}

.zt-period-label[b-4yrisa72fx] {
    font-size: 11px;
    font-weight: 400;
    color: #6b7280;
}

/* ── Tabelle ──────────────────────────────────────────────────────────────── */
.zt-table-scroll[b-4yrisa72fx] { overflow-x: auto; }

.zt-table[b-4yrisa72fx] {
    font-size: 12px;
    white-space: nowrap;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 560px;
    width: 100%;
}

.zt-table thead th[b-4yrisa72fx] {
    background: linear-gradient(180deg, #0e4c84 0%, #0b3a66 100%);
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding: 8px 10px;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.zt-table thead th:first-child[b-4yrisa72fx] { border-radius: 0; }
.zt-table thead th:last-child[b-4yrisa72fx]  { border-radius: 0; }

.zt-table tbody td[b-4yrisa72fx] {
    padding: 7px 10px;
    border-bottom: 1px solid #e6e8ec;
    vertical-align: middle;
}

.zt-table tbody tr:nth-child(even) td[b-4yrisa72fx] { background: #fafbfc; }
.zt-table tbody tr:hover td[b-4yrisa72fx]           { background: #f1f5f9; }

.zt-table tfoot td[b-4yrisa72fx] {
    padding: 8px 10px;
    border-top: 2px solid #dbe2ea;
    font-weight: 800;
    background: #f8fafc;
    color: #0e4c84;
}

.zt-col-mono[b-4yrisa72fx]   { font-family: monospace; font-size: 12px; }
.zt-col-right[b-4yrisa72fx]  { text-align: right; }
.zt-col-center[b-4yrisa72fx] { text-align: center; }

.zt-empty[b-4yrisa72fx] {
    text-align: center;
    color: #9ca3af;
    padding: 24px !important;
    font-style: italic;
}

/* ── Zeilen-Status ────────────────────────────────────────────────────────── */
.zt-row-incomplete td[b-4yrisa72fx] { color: #b45309; background: #fffbeb !important; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@@media (max-width: 700px) {
    .zt-cards[b-4yrisa72fx] { flex-direction: column; }
    .zt-header-row[b-4yrisa72fx] { flex-direction: column; align-items: flex-start; gap: 6px; }
}
/* _content/PM.EmployeeSelfService.Web/Components/Shared/GlobalPersonPicker.razor.rz.scp.css */
/* ── Root wrapper ──────────────────────────────────────────── */
.pm-gf-root[b-1mk02ebx4b] {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Trigger row ───────────────────────────────────────────── */
.pm-gf-triggers[b-1mk02ebx4b] {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* ── Person button ─────────────────────────────────────────── */
.pm-gf-btn[b-1mk02ebx4b] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #e0ecff;
    border: 1.5px solid #b8d4ff;
    border-radius: 20px;
    color: #1a4a8a;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    padding: 5px 12px 5px 9px;
    transition: background 0.15s, border-color 0.15s;
    white-space: nowrap;
    max-width: 200px;
}

    .pm-gf-btn:hover[b-1mk02ebx4b],
    .pm-gf-btn--active[b-1mk02ebx4b] {
        background: #d0e0ff;
        border-color: #0098ff;
    }

.pm-gf-icon[b-1mk02ebx4b] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    opacity: 0.9;
}

.pm-gf-label[b-1mk02ebx4b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
}

.pm-gf-label--leer[b-1mk02ebx4b] {
    color: #6c8ebf;
    font-weight: 500;
}

.pm-gf-clear[b-1mk02ebx4b] {
    margin-left: 2px;
    font-size: 1rem;
    line-height: 1;
    color: #1a4a8a;
    opacity: 0.7;
    padding: 0 2px;
    border-radius: 50%;
    transition: opacity 0.1s;
}

    .pm-gf-clear:hover[b-1mk02ebx4b] {
        opacity: 1;
        color: #dc3545;
    }

/* ── Org / Date chips ──────────────────────────────────────── */
.pm-gf-chip[b-1mk02ebx4b] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px 4px 8px;
    border-radius: 14px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #b8d4ff;
    transition: background 0.12s;
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pm-gf-chip--org[b-1mk02ebx4b] {
    background: #e0ecff;
    color: #1a4a8a;
}

.pm-gf-chip--date[b-1mk02ebx4b] {
    background: #e8f4e8;
    color: #1a6b3a;
    border-color: #b8e0c4;
}

    .pm-gf-chip:hover[b-1mk02ebx4b] {
        background: #d0e0ff;
    }

.pm-gf-chip-x[b-1mk02ebx4b] {
    background: none;
    border: none;
    color: #1a4a8a;
    opacity: 0.7;
    font-size: 0.9rem;
    line-height: 1;
    padding: 0 1px;
    cursor: pointer;
    flex-shrink: 0;
}

    .pm-gf-chip-x:hover[b-1mk02ebx4b] {
        opacity: 1;
        color: #dc3545;
    }

/* ── Dropdown panel ────────────────────────────────────────── */
.pm-gf-panel[b-1mk02ebx4b] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 360px;
    background: #fff;
    border: 1px solid #dde3ea;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
    z-index: 600;
    color: #333;
    overflow: hidden;
}

/* ── Section ───────────────────────────────────────────────── */
.pm-gf-sec[b-1mk02ebx4b] {
    padding: 10px 12px;
    border-bottom: 1px solid #f0f0f0;
}

    .pm-gf-sec:last-child[b-1mk02ebx4b] {
        border-bottom: none;
    }

.pm-gf-sec-hdr[b-1mk02ebx4b] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #6c757d;
    margin-bottom: 7px;
}

/* ── Person search ─────────────────────────────────────────── */
.pm-gf-input[b-1mk02ebx4b] {
    font-size: 0.85rem;
}

.pm-gf-current[b-1mk02ebx4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f0f6ff;
    border: 1px solid #cce0ff;
    border-radius: 6px;
    padding: 5px 8px;
    font-size: 0.83rem;
    margin-bottom: 6px;
}

.pm-gf-small-x[b-1mk02ebx4b] {
    background: none;
    border: none;
    color: #6c757d;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 2px;
    flex-shrink: 0;
}

    .pm-gf-small-x:hover[b-1mk02ebx4b] {
        color: #dc3545;
    }

.pm-gf-results[b-1mk02ebx4b] {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
    max-height: 180px;
    overflow-y: auto;
    border-top: 1px solid #f0f0f0;
}

.pm-gf-result[b-1mk02ebx4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 0.84rem;
    transition: background 0.1s;
}

    .pm-gf-result:hover[b-1mk02ebx4b] {
        background: #eef5ff;
        color: #0062cc;
    }

.pm-gf-result-nr[b-1mk02ebx4b] {
    color: #888;
    flex-shrink: 0;
    font-size: 0.77rem;
}

.pm-gf-empty[b-1mk02ebx4b] {
    margin: 5px 2px 0;
    font-size: 0.82rem;
    color: #999;
}

/* ── Date section ──────────────────────────────────────────── */
.pm-gf-datrow[b-1mk02ebx4b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 7px;
}

.pm-gf-datlbl[b-1mk02ebx4b] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 3px;
    display: block;
}

.pm-gf-quickbtn-row[b-1mk02ebx4b] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.pm-gf-quickbtn[b-1mk02ebx4b] {
    padding: 3px 8px;
    font-size: 0.75rem;
    background: #f0f2f5;
    border: 1px solid #dde3ea;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.1s;
}

    .pm-gf-quickbtn:hover[b-1mk02ebx4b] {
        background: #e2e8f0;
    }

.pm-gf-quickbtn--clear[b-1mk02ebx4b] {
    background: #fff0f0;
    border-color: #f5c6cb;
    color: #842029;
}

    .pm-gf-quickbtn--clear:hover[b-1mk02ebx4b] {
        background: #fde;
    }

/* ── Zugriffscode chip ────────────────────────────────────── */
.pm-gf-chip--zucode[b-1mk02ebx4b] {
    background: #fff3cd;
    color: #664d03;
    border-color: #ffe69c;
    font-weight: 700;
}

    .pm-gf-chip--zucode:hover[b-1mk02ebx4b] {
        background: #ffe9a0;
    }

/* ── Zugriffscode detail panel ────────────────────────────── */
.pm-zc-panel[b-1mk02ebx4b] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 400px;
    max-height: 520px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #dde3ea;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
    z-index: 610;
    color: #333;
}

.pm-zc-header[b-1mk02ebx4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #fff3cd;
    border-bottom: 1px solid #ffe69c;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    color: #664d03;
    border-radius: 10px 10px 0 0;
}

.pm-zc-loading[b-1mk02ebx4b] {
    padding: 18px 14px;
    text-align: center;
    color: #999;
    font-size: 0.85rem;
}

.pm-zc-sec[b-1mk02ebx4b] {
    padding: 8px 14px;
    border-bottom: 1px solid #f0f0f0;
}

    .pm-zc-sec:last-child[b-1mk02ebx4b] {
        border-bottom: none;
    }

.pm-zc-sec-hdr[b-1mk02ebx4b] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6c757d;
    margin-bottom: 5px;
}

.pm-zc-item[b-1mk02ebx4b] {
    font-size: 0.82rem;
    padding: 2px 0;
    line-height: 1.4;
}

.pm-zc-nr[b-1mk02ebx4b] {
    display: inline-block;
    min-width: 50px;
    color: #888;
    font-size: 0.78rem;
    font-weight: 600;
}

.pm-zc-sec--personen .pm-zc-personen-list[b-1mk02ebx4b] {
    max-height: 200px;
    overflow-y: auto;
}
/* _content/PM.EmployeeSelfService.Web/Components/Shared/ToastContainer.razor.rz.scp.css */
.pm-toast-container[b-71ugh1wrng] {
    position: fixed;
    top: 60px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}
.pm-toast[b-71ugh1wrng] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 280px;
    max-width: 450px;
    padding: 10px 14px;
    border-radius: 6px;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 4px 14px rgba(0,0,0,.18);
    pointer-events: auto;
    animation: pm-toast-in-b-71ugh1wrng .25s ease-out;
}
.pm-toast-success[b-71ugh1wrng] { background: #198754; }
.pm-toast-danger[b-71ugh1wrng]  { background: #dc3545; }
.pm-toast-warning[b-71ugh1wrng] { background: #e67c00; }
.pm-toast-info[b-71ugh1wrng]    { background: #0098ff; }
.pm-toast-msg[b-71ugh1wrng]     { flex: 1; }
.pm-toast-close[b-71ugh1wrng] {
    background: none;
    border: none;
    color: rgba(255,255,255,.7);
    font-size: 1.15rem;
    cursor: pointer;
    padding: 0 2px;
    line-height: 1;
}
.pm-toast-close:hover[b-71ugh1wrng] { color: #fff; }
@keyframes pm-toast-in-b-71ugh1wrng {
    from { opacity: 0; transform: translateX(40px); }
    to   { opacity: 1; transform: translateX(0); }
}