@import '_content/CPuSharedCompomentEdu/CPuSharedCompomentEdu.uzasg94avp.bundle.scp.css';
@import '_content/CPuSharedComponent/CPuSharedComponent.sgp4om0pgn.bundle.scp.css';

/* /Components/Layout/Header.razor.rz.scp.css */
.navbar.header-navbar[b-zhfpvceinq] {
    margin: 0;
    padding: 0;
}

.container-1[b-zhfpvceinq] {
    background-color: white;
    height: 55px;
    width: 100%;
}

.container-2[b-zhfpvceinq] {
    background-color: #6956cc;
    height: 0px;
    width: 100%;
    position: relative;
}

    .container-2 .logo[b-zhfpvceinq] {
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url("./img/cpu-informatik-logo.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 100px;
        height: 100px;
        z-index: 10;
    }

.container-3[b-zhfpvceinq] {
    background-color: #6956cc;
    height: 145px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}

    .container-3 .left-section[b-zhfpvceinq],
    .container-3 .right-section[b-zhfpvceinq] {
        height: 100%;
        box-sizing: border-box;
        padding-top: 35px;
    }

    .container-3 .left-section[b-zhfpvceinq] {
        width: 360px;
        padding-left: 33px;
        display: flex;
    }

        .container-3 .left-section .burger[b-zhfpvceinq] {
            width: 35px;
            height: 35px;
        }

        .container-3 .left-section .logo[b-zhfpvceinq] {
            width: 247px;
            height: auto;
            margin-left: 35px;
            padding: 0px;
            align-self: flex-start;
        }

    /* Neue Styles für die rechte Sektion */
    .container-3 .right-section[b-zhfpvceinq] {
        width: 580px;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding-right: 20px;
        gap: 15px;
    }

        .container-3 .right-section .user-info[b-zhfpvceinq] {
            display: flex;
            align-items: center;
            gap: 8px;
            color: white;
            font-size: 14px;
            font-weight: 500;
            max-width: 280px;
            height: 35px;
            box-sizing: border-box;
        }

            .container-3 .right-section .user-info i[b-zhfpvceinq] {
                font-size: 18px;
                flex-shrink: 0;
            }

            .container-3 .right-section .user-info span[b-zhfpvceinq] {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .container-3 .right-section a.logout-icon[b-zhfpvceinq] {
            text-decoration: none;
            display: inline-block;
        }

        .container-3 .right-section .megafon-element[b-zhfpvceinq] {
            display: flex;
            align-items: center;
            gap: 10px;
            border: 2px solid #ffff02;
            border-radius: 6px;
            padding: 4px 8px;
            background-color: rgba(255, 255, 255, 0.1);
            height: 35px;
            box-sizing: border-box;
        }

            .container-3 .right-section .megafon-element .megafon-icon[b-zhfpvceinq] {
                width: 24px;
                height: 24px;
                background-image: url("./img/megafon.svg");
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
            }

            .container-3 .right-section .megafon-element .text[b-zhfpvceinq] {
                color: white;
                font-weight: bold;
                font-size: 16px;
                white-space: nowrap;
            }

        .container-3 .right-section .alert-icon[b-zhfpvceinq],
        .container-3 .right-section .message-icon[b-zhfpvceinq],
        .container-3 .right-section .logout-icon[b-zhfpvceinq] {
            width: 35px;
            height: 35px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .container-3 .right-section .alert-icon[b-zhfpvceinq] {
            background-image: url("./img/alert.svg");
        }

        .container-3 .right-section .message-icon[b-zhfpvceinq] {
            background-image: url("./img/message.svg");
        }

        .container-3 .right-section .logout-icon[b-zhfpvceinq] {
            background-image: url("./img/signout.svg");
        }

.container-4[b-zhfpvceinq] {
    background-color: #6956cc;
    height: 35px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

    .container-4 .left-section[b-zhfpvceinq],
    .container-4 .right-section[b-zhfpvceinq] {
        background-color: white;
        flex: 1;
        height: 100%;
    }

    .container-4 .middle-section[b-zhfpvceinq] {
        width: 70px;
        height: 100%;
        background-image: url("./img/cutoutarrow.svg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

/* Breakpoint für 850px Display-Größe */
@media (max-width: 850px) {
    .container-3 .left-section .logo[b-zhfpvceinq] {
        width: 175px;
    }
}

/* Breakpoint für 768px Display-Größe (Mobile) */
@media (max-width: 768px) {
    .container-3[b-zhfpvceinq] {
        flex-direction: column;
        height: auto;
    }

        .container-3 .left-section[b-zhfpvceinq],
        .container-3 .right-section[b-zhfpvceinq] {
            width: 100%;
        }

        .container-3 .left-section[b-zhfpvceinq] {
            justify-content: space-between;
            padding-right: 33px;
        }

            .container-3 .left-section .logo[b-zhfpvceinq] {
                width: 81px;
            }

        .container-3 .right-section[b-zhfpvceinq] {
            padding-top: 25px;
            padding-bottom: 25px;
        }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-tbjf5xhv05] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-tbjf5xhv05] {
    flex: 1;
}

.sidebar[b-tbjf5xhv05] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-tbjf5xhv05] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-tbjf5xhv05]  a, .top-row[b-tbjf5xhv05]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-tbjf5xhv05]  a:hover, .top-row[b-tbjf5xhv05]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-tbjf5xhv05]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-tbjf5xhv05] {
        justify-content: space-between;
    }

    .top-row[b-tbjf5xhv05]  a, .top-row[b-tbjf5xhv05]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-tbjf5xhv05] {
        flex-direction: row;
    }

    .sidebar[b-tbjf5xhv05] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tbjf5xhv05] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-tbjf5xhv05]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-tbjf5xhv05], article[b-tbjf5xhv05] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-tbjf5xhv05] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-tbjf5xhv05] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar[b-28h8djmvcz] {
    min-width: 300px;
    max-width: 300px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: white;
}

    .sidebar.collapse[b-28h8djmvcz] {
        display: none;
    }

    .sidebar.expand[b-28h8djmvcz] {
        display: block;
    }

@media (max-width: 1199.98px) {
    .sidebar[b-28h8djmvcz] {
        display: none;
    }

        .sidebar.expand[b-28h8djmvcz] {
            position: fixed;
            top: 3.5rem;
            left: 0;
            height: auto;
            min-width: 100%;
            z-index: 1050;
        }
}

[b-28h8djmvcz] .app-sidebar > .nav-pills > .nav-item:first-of-type {
    padding-top: 0rem;
}

[b-28h8djmvcz] .app-sidebar > .nav-pills > .nav-item:last-of-type {
    padding-bottom: 1rem;
}

[b-28h8djmvcz] .app-sidebar .nav-pills > .nav-item a {
    border-radius: 0px;
    display: flex;
    align-items: center;
}

[b-28h8djmvcz] .app-sidebar > .nav-pills > .nav-item > a {
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: .25rem 1rem .25rem .125rem;
}

    [b-28h8djmvcz] .app-sidebar,
    [b-28h8djmvcz] .app-sidebar > .nav-pills,
    [b-28h8djmvcz] .app-sidebar > .nav-pills > .nav-item,
    [b-28h8djmvcz] .app-sidebar > .nav-pills > .nav-item > a:not(.active) {
        background-color: inherit;
    }

@media (max-width: 1199.98px) {
    [b-28h8djmvcz] .app-sidebar > .nav-pills > .nav-item:last-of-type {
        padding-bottom: 0;
    }
}

/* --- breaking lines start cpu styles ---*/


/*CPU Navigation*/
.cpu-navi-font[b-28h8djmvcz] {
    font-family: 'CPuDisplay'
}

.cpu-navi-header[b-28h8djmvcz] {
    font-family: 'CPuDisplayXBold'
}


/* /Components/Pages/Abwesenheitskalender.razor.rz.scp.css */
.abs-legend[b-77p83cswt5] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    vertical-align: middle;
}
.abs-legend-urlaub[b-77p83cswt5] { background-color: #2e7d32; }
.abs-legend-krankenstand[b-77p83cswt5] { background-color: #c62828; }
.abs-scheduler[b-77p83cswt5] { height: 70vh; }
/* /Components/Pages/Auswertungen.razor.rz.scp.css */
/* /auswertungen — Werkbank nach cpulohn.xpress AuswertungenView */

.aw-page[b-mtek88bgk8] {
    --blue:   #2563eb;
    --green:  #16a34a;
    --border: #dbe4ee;
    --muted:  #64748b;
}

.aw-cols[b-mtek88bgk8] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: .75rem;
    align-items: start;
}

@media (max-width: 900px) {
    .aw-cols[b-mtek88bgk8] { grid-template-columns: 1fr; }
}

.aw-right[b-mtek88bgk8] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.aw-panel[b-mtek88bgk8] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: .6rem;
    padding: .7rem;
}

.aw-sec[b-mtek88bgk8] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--green);
    border-bottom: 1px solid var(--border);
    padding-bottom: .2rem;
    margin: 0 0 .55rem;
}

/* ---------- Arten-Liste ---------- */
.aw-art[b-mtek88bgk8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .6rem;
    border-radius: .45rem;
    font-size: .85rem;
    cursor: pointer;
    user-select: none;
}

.aw-art i[b-mtek88bgk8] {
    width: 18px;
    text-align: center;
    color: var(--muted);
}

.aw-art:hover[b-mtek88bgk8] {
    background: #f1f5f9;
}

.aw-art.sel[b-mtek88bgk8] {
    background: #eff6ff;
    color: var(--blue);
    font-weight: 700;
}

.aw-art.sel i[b-mtek88bgk8] {
    color: var(--blue);
}

.aw-art.soon[b-mtek88bgk8] {
    opacity: .45;
    cursor: default;
}

.aw-art.soon:hover[b-mtek88bgk8] {
    background: transparent;
}

.aw-art.soon .tag[b-mtek88bgk8] {
    margin-left: auto;
    font-size: .62rem;
    background: #f1f5f9;
    border-radius: 999px;
    padding: .05rem .4rem;
    color: var(--muted);
}

/* ---------- Zeitraum / Parameter ---------- */
.aw-lbl[b-mtek88bgk8] {
    display: block;
    font-size: .72rem;
    color: var(--muted);
    margin-bottom: 2px;
}

.aw-month[b-mtek88bgk8] {
    width: 130px;
}

.aw-check[b-mtek88bgk8] {
    padding-bottom: .35rem;
    font-size: .85rem;
}

/* ---------- Dienstnehmer-Auswahl ---------- */
.aw-selbar[b-mtek88bgk8] {
    display: flex;
    gap: .4rem;
    align-items: center;
    margin-bottom: .5rem;
    flex-wrap: wrap;
}

.aw-count[b-mtek88bgk8] {
    margin-left: auto;
    font-size: .75rem;
    color: var(--muted);
}

.aw-count b[b-mtek88bgk8] {
    color: var(--blue);
}

.aw-page[b-mtek88bgk8]  .aw-grid td {
    padding-top: .28rem;
    padding-bottom: .28rem;
    font-size: .82rem;
}

.aw-ok[b-mtek88bgk8] { color: var(--green); }
.aw-no[b-mtek88bgk8] { color: #cbd5e1; }
/* /Components/Pages/BruttoNettoMonatlich.razor.rz.scp.css */
/* /bruttonettomonatlich — header block + info ticker like Dienstnehmer/Dashboard */

.bn-page[b-jhl38twwrd] {
    --fp-blue:  #2563eb;
    --fp-green: #16a34a;
    --fp-border: #dbe4ee;
}

/* ---------- header bar ---------- */
.fp-header[b-jhl38twwrd] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: .5rem;
    padding: .5rem .75rem;
    margin-bottom: .5rem;
}

.fp-title[b-jhl38twwrd] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.fp-sub[b-jhl38twwrd] {
    color: #64748b;
    font-weight: 400;
    font-size: .85rem;
}

.fp-badge[b-jhl38twwrd] {
    background: #eff6ff;
    color: var(--fp-blue);
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    padding: .15rem .6rem;
}

.fp-actions[b-jhl38twwrd] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.bn-page[b-jhl38twwrd]  .fp-btn-save,
.bn-page[b-jhl38twwrd]  .fp-btn-save.dxbl-btn {
    background-color: var(--fp-blue) !important;
    border-color: var(--fp-blue) !important;
    color: #fff !important;
}

/* ---------- kein DV im Abrechnungsmonat → Maske + Buttons komplett gesperrt ---------- */
.bn-locked[b-jhl38twwrd] {
    pointer-events: none;
    opacity: .55;
    filter: grayscale(.3);
    user-select: none;
}

/* ---------- info ticker (same format as dashboard news) ---------- */
.ticker[b-jhl38twwrd] {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: linear-gradient(90deg, #eff6ff, #f5f3ff);
    border: 1px solid var(--fp-border);
    border-radius: .6rem;
    padding: .5rem .75rem;
    overflow: hidden;
}

.ticker .tag[b-jhl38twwrd] {
    flex-shrink: 0;
    color: #6956CC;
    font-weight: 800;
    font-size: .75rem;
}

.ticker .rail[b-jhl38twwrd] {
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
}

.ticker .rail-inner[b-jhl38twwrd] {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: ticker-scroll-b-jhl38twwrd 30s linear infinite;
}

.ticker .rail:hover .rail-inner[b-jhl38twwrd] {
    animation-play-state: paused;
}

@keyframes ticker-scroll-b-jhl38twwrd {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.ticker .pill[b-jhl38twwrd] {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: 999px;
    padding: .2rem .7rem;
    margin-right: 1.25rem;
    font-size: .78rem;
    font-weight: 600;
}

.ticker .pill i[b-jhl38twwrd] { font-size: .7rem; }
.ticker .pill.info i[b-jhl38twwrd] { color: var(--fp-blue); }
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* /dashboard — Variante C: Icon-Kacheln + Quick Actions */

.dash-page[b-6hx03be6ef] {
    --blue:   #2563eb;
    --violet: #7c3aed;
    --teal:   #0d9488;
    --green:  #16a34a;
    --orange: #ea580c;
    --bg:     #f0f4f8;
    --border: #dbe4ee;
    --muted:  #64748b;
}

.dash-title i[b-6hx03be6ef] {
    color: #6956CC;
}

.dash-section[b-6hx03be6ef] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--green);
    border-bottom: 1px solid var(--border);
    padding-bottom: .25rem;
    margin: 0 0 .75rem;
}

/* ---------- KPI tiles ---------- */
.kpi-row[b-6hx03be6ef] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .75rem;
}

@media (max-width: 900px) {
    .kpi-row[b-6hx03be6ef] { grid-template-columns: repeat(2, 1fr); }
}

.kpi-tile[b-6hx03be6ef] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: .6rem;
    padding: .7rem .75rem;
    display: flex;
    gap: .75rem;
    align-items: center;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .05);
}

.kpi-tile .sq[b-6hx03be6ef] {
    width: 42px;
    height: 42px;
    border-radius: .6rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.sq.kpi-blue[b-6hx03be6ef]   { background: var(--blue); }
.sq.kpi-violet[b-6hx03be6ef] { background: var(--violet); }
.sq.kpi-teal[b-6hx03be6ef]   { background: var(--teal); }
.sq.kpi-green[b-6hx03be6ef]  { background: var(--green); }
.sq.kpi-orange[b-6hx03be6ef] { background: var(--orange); }

.kpi-tile .num[b-6hx03be6ef] {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
}

.kpi-tile .lbl[b-6hx03be6ef] {
    font-size: .7rem;
    color: var(--muted);
}

/* ---------- News-Ticker (Platzhalter) ---------- */
.ticker[b-6hx03be6ef] {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: linear-gradient(90deg, #eff6ff, #f5f3ff);
    border: 1px solid var(--border);
    border-radius: .6rem;
    padding: .5rem .75rem;
    overflow: hidden;
}

.ticker .tag[b-6hx03be6ef] {
    flex-shrink: 0;
    color: #6956CC;
    font-weight: 800;
    font-size: .75rem;
}

.ticker .rail[b-6hx03be6ef] {
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
}

.ticker .rail-inner[b-6hx03be6ef] {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: ticker-scroll-b-6hx03be6ef 30s linear infinite;
}

.ticker .rail:hover .rail-inner[b-6hx03be6ef] {
    animation-play-state: paused;
}

@keyframes ticker-scroll-b-6hx03be6ef {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.ticker .pill[b-6hx03be6ef] {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .2rem .7rem;
    margin-right: 1.25rem;
    font-size: .78rem;
    font-weight: 600;
}

.ticker .pill i[b-6hx03be6ef] { font-size: .7rem; }
.ticker .pill.law i[b-6hx03be6ef]  { color: #dc2626; }
.ticker .pill.info i[b-6hx03be6ef] { color: var(--blue); }
.ticker .pill.tip i[b-6hx03be6ef]  { color: var(--green); }
.ticker .pill.rel i[b-6hx03be6ef]  { color: var(--orange); }

/* ---------- Firma cards ---------- */
.firmen-grid[b-6hx03be6ef] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

@media (max-width: 900px) {
    .firmen-grid[b-6hx03be6ef] { grid-template-columns: 1fr; }
}

.firma-card[b-6hx03be6ef] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: .75rem;
    padding: .9rem;
}

.firma-card .head[b-6hx03be6ef] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .6rem;
}

.firma-card .nm[b-6hx03be6ef] {
    font-weight: 700;
}

.firma-card .nr[b-6hx03be6ef] {
    color: var(--muted);
    font-weight: 400;
    font-size: .75rem;
    margin-right: .4rem;
}

.firma-card .stats[b-6hx03be6ef] {
    display: flex;
    gap: .6rem;
    margin-bottom: .75rem;
}

.firma-card .mini[b-6hx03be6ef] {
    flex: 1;
    background: var(--bg);
    border-radius: .5rem;
    text-align: center;
    padding: .5rem .25rem;
}

.firma-card .mini .v[b-6hx03be6ef] {
    font-weight: 800;
    font-size: 1.05rem;
    color: var(--blue);
}

.firma-card .mini .l[b-6hx03be6ef] {
    font-size: .65rem;
    color: var(--muted);
    text-transform: uppercase;
}

.firma-card .actions[b-6hx03be6ef] {
    display: flex;
    gap: .5rem;
}

.firma-card .actions a[b-6hx03be6ef] {
    flex: 1;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    color: var(--blue);
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    border-radius: .5rem;
    padding: .4rem .25rem;
    text-decoration: none;
}

.firma-card .actions a:hover[b-6hx03be6ef] {
    background: #dbeafe;
}
/* /Components/Pages/Dienstnehmer.razor.rz.scp.css */
/* /dienstnehmer — list→detail layout, same concept as /firmen */

.dn-page[b-2shcuw6oge] {
    --fp-blue:  #2563eb;
    --fp-green: #16a34a;
    --fp-red:   #dc2626;
    --fp-border: #dbe4ee;
}

/* ---------- header bar ---------- */
.fp-header[b-2shcuw6oge] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: .5rem;
    padding: .5rem .75rem;
    margin-bottom: .5rem;
}

.fp-title[b-2shcuw6oge] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.fp-sub[b-2shcuw6oge] {
    color: #64748b;
    font-weight: 400;
    font-size: .85rem;
}

.fp-badge[b-2shcuw6oge] {
    background: #eff6ff;
    color: var(--fp-blue);
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    padding: .15rem .6rem;
}

.fp-actions[b-2shcuw6oge] {
    margin-left: auto;
    display: flex;
    gap: .5rem;
}

.fp-hint[b-2shcuw6oge] {
    color: #94a3b8;
    font-size: .78rem;
    margin: .25rem 0 0;
}

/* ---------- button colors ---------- */
.dn-page[b-2shcuw6oge]  .fp-btn-save,
.dn-page[b-2shcuw6oge]  .fp-btn-save.dxbl-btn {
    background-color: var(--fp-blue) !important;
    border-color: var(--fp-blue) !important;
    color: #fff !important;
}

/* ---------- tabs ---------- */
.dn-page[b-2shcuw6oge]  .fp-tabs {
    margin-top: .25rem;
}

.fp-tab-body[b-2shcuw6oge] {
    padding: .75rem .25rem .25rem;
}

/* ---------- form layout groups: flat, green section title ---------- */
.dn-page[b-2shcuw6oge]  .fp-grp {
    background: transparent;
    border: none;
    margin-bottom: .5rem;
}

.dn-page[b-2shcuw6oge]  .fp-grp > *:first-child {
    background: transparent !important;
    border: none !important;
    padding: .25rem 0 !important;
    font-size: .85rem;
    font-weight: 700;
    color: var(--fp-green) !important;
    border-bottom: 1px solid var(--fp-border) !important;
}

.dn-page[b-2shcuw6oge]  .fp-grp > *:last-child {
    padding: .4rem 0 .5rem;
}

.dn-page[b-2shcuw6oge]  .fp-grp .dxbl-fl-item,
.dn-page[b-2shcuw6oge]  .fp-grp [class*="fl-item"] {
    padding-top: .15rem;
    padding-bottom: .15rem;
}

.dn-page[b-2shcuw6oge]  .fp-grp label,
.dn-page[b-2shcuw6oge]  .fp-grp [class*="caption"] {
    font-size: .8rem;
    color: #475569;
}

.dn-page[b-2shcuw6oge]  .fp-grp input,
.dn-page[b-2shcuw6oge]  .fp-grp select {
    font-size: .85rem;
}

/* ---------- grid — compact rows, clickable name ---------- */
.dn-page[b-2shcuw6oge]  .fp-grid td {
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: .85rem;
}

.fp-link[b-2shcuw6oge],
.dn-page[b-2shcuw6oge]  .fp-link {
    color: var(--fp-blue);
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.dn-page[b-2shcuw6oge]  .fp-link:hover {
    text-decoration: underline;
}
/* /Components/Pages/EldaMeldungen.razor.rz.scp.css */
/* /elda — 4-Modul-Werkbank nach cpulohn.xpress EldaBaseView */

.elda-page[b-oyv3iogb95] {
    --blue:   #2563eb;
    --green:  #16a34a;
    --red:    #dc2626;
    --border: #dbe4ee;
    --muted:  #64748b;
}

.elda-cols[b-oyv3iogb95] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: .75rem;
    align-items: start;
}

@media (max-width: 900px) {
    .elda-cols[b-oyv3iogb95] { grid-template-columns: 1fr; }
}

.elda-panel[b-oyv3iogb95] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: .6rem;
    padding: .7rem;
    margin-bottom: .75rem;
}

.elda-sec[b-oyv3iogb95] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--green);
    border-bottom: 1px solid var(--border);
    padding-bottom: .2rem;
    margin: 0 0 .55rem;
}

/* Modul-Menü */
.elda-mod[b-oyv3iogb95] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .6rem;
    border-radius: .45rem;
    font-size: .85rem;
    cursor: pointer;
    user-select: none;
}

.elda-mod i[b-oyv3iogb95] {
    width: 20px;
    text-align: center;
    color: var(--muted);
}

.elda-mod:hover[b-oyv3iogb95] {
    background: #f1f5f9;
}

.elda-mod.sel[b-oyv3iogb95] {
    background: #eff6ff;
    color: var(--blue);
    font-weight: 700;
}

.elda-mod.sel i[b-oyv3iogb95] {
    color: var(--blue);
}

.elda-mod .cnt[b-oyv3iogb95] {
    margin-left: auto;
    background: #fef3c7;
    color: #92400e;
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 700;
    padding: .05rem .45rem;
}

.elda-mod .cnt.blue[b-oyv3iogb95] {
    background: #dbeafe;
    color: #1e40af;
}

/* Formularelemente */
.elda-lbl[b-oyv3iogb95] {
    display: block;
    font-size: .72rem;
    color: var(--muted);
    margin-bottom: 2px;
}

.elda-page[b-oyv3iogb95]  .elda-spin {
    width: 100px;
}

/* Tabellen */
.elda-tbl[b-oyv3iogb95] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
}

.elda-tbl th[b-oyv3iogb95] {
    color: var(--muted);
    font-weight: 600;
    font-size: .68rem;
    text-transform: uppercase;
    text-align: left;
    padding: .3rem .45rem;
    border-bottom: 1px solid var(--border);
}

.elda-tbl td[b-oyv3iogb95] {
    padding: .34rem .45rem;
    border-bottom: 1px dashed #eef2f7;
    vertical-align: middle;
}

.elda-tbl tr.sel2 td[b-oyv3iogb95] {
    background: #eff6ff;
}

.elda-tbl td.num[b-oyv3iogb95] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Status-Chips */
.elda-st[b-oyv3iogb95] {
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
    padding: .08rem .5rem;
    white-space: nowrap;
}

.elda-st.entwurf[b-oyv3iogb95]  { background: #fef3c7; color: #92400e; }
.elda-st.bereit[b-oyv3iogb95]   { background: #dbeafe; color: #1e40af; }
.elda-st.gesendet[b-oyv3iogb95] { background: #dcfce7; color: #166534; }
.elda-st.fehler[b-oyv3iogb95]   { background: #fee2e2; color: #991b1b; }

/* Aktions-Icons in Tabellen */
.elda-act[b-oyv3iogb95] {
    color: var(--blue);
    cursor: pointer;
}

.elda-act:hover[b-oyv3iogb95] {
    opacity: .75;
}
/* /Components/Pages/Firmen.razor.rz.scp.css */
/* /firmen — compact list→detail layout; flat groups, green section titles, colored action buttons */

.firmen-page[b-c16cjr1b1d] {
    --fp-blue:  #2563eb;
    --fp-green: #16a34a;
    --fp-red:   #dc2626;
    --fp-border: #dbe4ee;
}

/* ---------- header bar ---------- */
.fp-header[b-c16cjr1b1d] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: .5rem;
    padding: .5rem .75rem;
    margin-bottom: .5rem;
}

.fp-title[b-c16cjr1b1d] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.fp-sub[b-c16cjr1b1d] {
    color: #64748b;
    font-weight: 400;
    font-size: .85rem;
}

.fp-badge[b-c16cjr1b1d] {
    background: #eff6ff;
    color: var(--fp-blue);
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    padding: .15rem .6rem;
}

.fp-actions[b-c16cjr1b1d] {
    margin-left: auto;
    display: flex;
    gap: .5rem;
}

.fp-hint[b-c16cjr1b1d] {
    color: #94a3b8;
    font-size: .78rem;
    margin: .25rem 0 0;
}

/* ---------- button colors ---------- */
.firmen-page[b-c16cjr1b1d]  .fp-btn-save,
.firmen-page[b-c16cjr1b1d]  .fp-btn-save.dxbl-btn {
    background-color: var(--fp-blue) !important;
    border-color: var(--fp-blue) !important;
    color: #fff !important;
}

.firmen-page[b-c16cjr1b1d]  .fp-btn-delete,
.firmen-page[b-c16cjr1b1d]  .fp-btn-delete.dxbl-btn {
    background-color: var(--fp-red) !important;
    border-color: var(--fp-red) !important;
    color: #fff !important;
}

/* ---------- grid (Firmenliste) — compact rows, clickable name ---------- */
.firmen-page[b-c16cjr1b1d]  .fp-grid td {
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: .85rem;
}

.fp-link[b-c16cjr1b1d],
.firmen-page[b-c16cjr1b1d]  .fp-link {
    color: var(--fp-blue);
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.firmen-page[b-c16cjr1b1d]  .fp-link:hover {
    text-decoration: underline;
}

/* ---------- tabs ---------- */
.firmen-page[b-c16cjr1b1d]  .fp-tabs {
    margin-top: .25rem;
}

.fp-tab-body[b-c16cjr1b1d] {
    padding: .75rem .25rem .25rem;
}

/* ---------- form layout groups: flat, green section title ---------- */
.firmen-page[b-c16cjr1b1d]  .fp-grp {
    background: transparent;
    border: none;
    margin-bottom: .5rem;
}

/* group caption bar — first child of the group root */
.firmen-page[b-c16cjr1b1d]  .fp-grp > *:first-child {
    background: transparent !important;
    border: none !important;
    padding: .25rem 0 !important;
    font-size: .85rem;
    font-weight: 700;
    color: var(--fp-green) !important;
    border-bottom: 1px solid var(--fp-border) !important;
}

.firmen-page[b-c16cjr1b1d]  .fp-grp > *:last-child {
    padding: .4rem 0 .5rem;
}

/* ---------- compact form rows ---------- */
.firmen-page[b-c16cjr1b1d]  .fp-grp .dxbl-fl-item,
.firmen-page[b-c16cjr1b1d]  .fp-grp [class*="fl-item"] {
    padding-top: .15rem;
    padding-bottom: .15rem;
}

.firmen-page[b-c16cjr1b1d]  .fp-grp label,
.firmen-page[b-c16cjr1b1d]  .fp-grp [class*="caption"] {
    font-size: .8rem;
    color: #475569;
}

.firmen-page[b-c16cjr1b1d]  .fp-grp input,
.firmen-page[b-c16cjr1b1d]  .fp-grp select {
    font-size: .85rem;
}
/* /Components/Pages/GespeicherteBerechnungen.razor.rz.scp.css */
/* /berechnungen — Aufrollungen (Regeln §2) */

.auf-page[b-juhsa1fhgn] {
    --blue:   #2563eb;
    --green:  #16a34a;
    --red:    #dc2626;
    --border: #dbe4ee;
    --muted:  #64748b;
}

.auf-panel[b-juhsa1fhgn] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: .6rem;
    padding: .7rem;
    margin-bottom: .75rem;
}

.auf-sec[b-juhsa1fhgn] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--green);
    border-bottom: 1px solid var(--border);
    padding-bottom: .2rem;
    margin: 0 0 .55rem;
}

.auf-lbl[b-juhsa1fhgn] {
    display: block;
    font-size: .72rem;
    color: var(--muted);
    margin-bottom: 2px;
}

.auf-month[b-juhsa1fhgn] {
    width: 130px;
}

.auf-page[b-juhsa1fhgn]  .auf-grid td {
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: .82rem;
}

/* „aufgerollt von"-Chips (Regel 3 + 6) */
.auf-none[b-juhsa1fhgn] {
    color: #cbd5e1;
    font-size: .78rem;
}

.auf-chip[b-juhsa1fhgn] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: #fef3c7;
    color: #92400e;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    padding: .1rem .5rem;
    margin-right: .25rem;
    white-space: nowrap;
}

.auf-chip.open[b-juhsa1fhgn] {
    background: #dcfce7;
    color: #166534;
}

.auf-chip .del[b-juhsa1fhgn] {
    color: var(--red);
    cursor: pointer;
    font-size: .72rem;
}

.auf-chip .lock[b-juhsa1fhgn] {
    color: #b4a06a;
    font-size: .6rem;
}

/* Vergleichstabelle (Regel 5) */
.auf-cmp[b-juhsa1fhgn] {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}

.auf-cmp th[b-juhsa1fhgn] {
    color: var(--muted);
    font-weight: 600;
    font-size: .7rem;
    text-transform: uppercase;
    text-align: left;
    padding: .3rem .45rem;
    border-bottom: 1px solid var(--border);
}

.auf-cmp th:first-child[b-juhsa1fhgn] {
    width: 34%;
}

.auf-cmp td[b-juhsa1fhgn] {
    padding: .34rem .45rem;
    border-bottom: 1px dashed #eef2f7;
}

.auf-cmp .num[b-juhsa1fhgn],
.auf-cmp th.num[b-juhsa1fhgn] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.auf-cmp td.pos[b-juhsa1fhgn] { color: var(--green); font-weight: 700; }
.auf-cmp td.neg[b-juhsa1fhgn] { color: var(--red);   font-weight: 700; }

.auf-colhead[b-juhsa1fhgn] {
    font-size: .68rem;
    color: var(--muted);
    text-transform: none;
    font-weight: 400;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.gridlayout-item[b-0t3snwo4ep] {
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    height: 100%;
    padding: 0.5rem;
    text-align: center;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .gridlayout-item[b-0t3snwo4ep]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.4;
    }

.gridlayout-header[b-0t3snwo4ep]:before {
    background-color: var(--bs-red);
}

.gridlayout-content[b-0t3snwo4ep]:before {
    background-color: var(--bs-yellow);
}

.gridlayout-left-side-bar[b-0t3snwo4ep]:before {
    background-color: var(--bs-green);
}

.gridlayout-right-side-bar[b-0t3snwo4ep]:before {
    background-color: var(--bs-info);
}

/*.gridlayout-footer:before {
    background-color: var(--bs-blue);
    opacity: 0.5;
}*/

@media (max-width: 575.98px) {
    .gridlayout-item[b-0t3snwo4ep] {
        font-size: 0.9em;
    }
}


.demo-products .row > div[b-0t3snwo4ep] {
    margin-bottom: 1.5rem;
}

.demo-products .demo-product[b-0t3snwo4ep] {
    cursor: pointer;
    display: flex;
    padding: 1.5rem;
    border-radius: 0.75rem;
    height: 100%;
    margin: 0;
    text-decoration: none;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease-in-out;
    background-color: #f2f2f2;
}

    .demo-products .demo-product:hover[b-0t3snwo4ep] {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }


    .demo-products .demo-product h5[b-0t3snwo4ep] {
        font-size: 1.25rem;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    .demo-products .demo-product .demo-product-info[b-0t3snwo4ep] {
        display: inline-block;
        font-size: 0.75rem;
        line-height: 1rem;
        opacity: 0.72;
    }

.demo-products-description p a[b-0t3snwo4ep] {
    text-decoration: underline;
}

.demo-products-description > p:last-of-type[b-0t3snwo4ep] {
    margin-bottom: 2rem;
}

.demo-product-icon > svg[b-0t3snwo4ep] {
    max-width: 120px;
    max-height: 120px;
}

.demo-product-icon[b-0t3snwo4ep] {
    margin-right: 0.5rem;
    flex: 0 0 auto;
    --product-accent-color: var(--bs-primary);
    --product-accent-color-subtle: var(--bs-primary-bg-subtle, var(--bs-gray-400));
    --product-green: #50a534;
    --product-red: #d27370;
    --product-yellow: #ecc063;
    --product-shadow-color: #8e9195;
    --product-card-shadow-color: #c5c7c9;
}

.demo-product-icon-grid[b-0t3snwo4ep] {
    --grid-shadow-color: var(--product-shadow-color);
    --grid-table-bg: #ffffff;
    --grid-table-rows-bg: #e1e2e4;
    --grid-table-hover-bg: #c5c7c9;
    --grid-table-btn-1: var(--product-red);
    --grid-table-btn-2: var(--product-yellow);
    --grid-table-btn-3: var(--product-green);
    --grid-lines-color: #8e9195;
    --grid-card-bg: #ffffff;
    --grid-card-shadow-color: var(--product-card-shadow-color);
    --grid-card-lines-color: #c5c7c9;
    --grid-card-accent-color: var(--product-accent-color);
}

/* Container mit deinen spezifizierten Eigenschaften */
.container[b-0t3snwo4ep] {
    /* Layout Properties */
    /*width: 465px;*/
    /* height: 350px;*/
    /* UI Properties */
    background: #edeef0;
    border-radius: 14px;
    opacity: 1;
    /* Inhalt zentrieren */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: background 0.3s ease;
    overflow: hidden;
}

    .container:hover[b-0t3snwo4ep] {
        background: #4e5a6b;
    }

.default-content[b-0t3snwo4ep] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
    z-index: 2;
}



.container:hover .default-content[b-0t3snwo4ep] {
    opacity: 0;
    pointer-events: none;
}

.checkmark[b-0t3snwo4ep] {
    font-size: 65px;
    margin-bottom: 20px;
    color: #6956cc;
}



.text[b-0t3snwo4ep] {
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.hover-content[b-0t3snwo4ep] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease 0.8s;
    z-index: 1;
}

.container:hover .hover-content[b-0t3snwo4ep] {
    opacity: 1;
    pointer-events: auto;
}

.hover-text[b-0t3snwo4ep] {
    color: white;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.hover-bottom[b-0t3snwo4ep] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 50px;
}

.checkmark-animated[b-0t3snwo4ep] {
    font-size: 75px;
    position: absolute;
    top: calc(50% - 37.5px);
    left: calc(50% - 37.5px);
    transition: all 0.8s ease;
    z-index: 3;
    opacity: 0; /* Initial ausgeblendet */
    color: #ffff02;
}

.container:hover .checkmark-animated[b-0t3snwo4ep] {
    font-size: 35px;
    top: calc(100% - 55px);
    left: 20px;
    opacity: 1; /* Beim Hover sichtbar */
}

/* Sofortiger Rücksprung beim Verlassen des Hovers */
.container:not(:hover) .checkmark-animated[b-0t3snwo4ep] {
    transition: all 0s ease;
    opacity: 0; /* Beim Verlassen des Hovers wieder ausgeblendet */
}

.container:not(:hover) .hover-content[b-0t3snwo4ep] {
    transition: opacity 0s ease;
}

.container:not(:hover) .default-content[b-0t3snwo4ep] {
    transition: opacity 0s ease;
}

.hover-button[b-0t3snwo4ep] {
    height: 35px;
    padding: 0 20px;
    border: 2px solid #ffff02;
    border-radius: 8px;
    background: transparent;
    color: #ffff02;
    font-size: 16px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease 0.8s;
    display: flex;
    align-items: center;
    gap: 10px;
}

.container:hover .hover-button[b-0t3snwo4ep] {
    opacity: 1;
}

.container:not(:hover) .hover-button[b-0t3snwo4ep] {
    transition: opacity 0s ease;
}

.hover-button .arrow[b-0t3snwo4ep] {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.hover-button:hover .arrow[b-0t3snwo4ep] {
    transform: translateX(5px);
}


/*control each box height*/
.vh-20[b-0t3snwo4ep] {
    /*height: 30vh;*/
    /*height: 350px;*/
    height: 100%;
    width: 100%;
}

/*control each box height*/
.vh-40[b-0t3snwo4ep] {
    /*height: 60vh;*/
    /*height: 700px;*/
    height: 100%;
    width: 100%;
    display: flex;
}

.front-box-size[b-0t3snwo4ep] {
    font-size: 65px;
    margin-bottom: 20px;
    color: #6956cc;
}



.custom-carousel-image[b-0t3snwo4ep] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .custom-carousel-image img[b-0t3snwo4ep] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* This mimics FillAndCrop */
        object-position: center;
        display: block;
    }
/* /Components/Pages/Krankenstand.razor.rz.scp.css */
/* /krankenstand — list→detail layout, same concept as /dienstnehmer */

.dn-page[b-98p7raznaq] {
    --fp-blue:  #2563eb;
    --fp-green: #16a34a;
    --fp-red:   #dc2626;
    --fp-border: #dbe4ee;
}

.fp-header[b-98p7raznaq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: .5rem;
    padding: .5rem .75rem;
    margin-bottom: .5rem;
}

.fp-title[b-98p7raznaq] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.fp-sub[b-98p7raznaq] {
    color: #64748b;
    font-weight: 400;
    font-size: .85rem;
}

.fp-badge[b-98p7raznaq] {
    background: #eff6ff;
    color: var(--fp-blue);
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    padding: .15rem .6rem;
}

.fp-actions[b-98p7raznaq] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.fp-hint[b-98p7raznaq] {
    color: #94a3b8;
    font-size: .78rem;
    margin: .25rem 0 0;
}

.dn-page[b-98p7raznaq]  .fp-grid td {
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: .85rem;
}

.fp-link[b-98p7raznaq],
.dn-page[b-98p7raznaq]  .fp-link {
    color: var(--fp-blue);
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.dn-page[b-98p7raznaq]  .fp-link:hover {
    text-decoration: underline;
}
/* /Components/Pages/Lohnarten.razor.rz.scp.css */
/* /lohnarten — Stammdaten nach cpulohn.xpress LohnartenStammdatenView */

.la-page[b-orkfi7mz4s] {
    --blue:   #2563eb;
    --green:  #16a34a;
    --red:    #dc2626;
    --amber:  #d97706;
    --border: #dbe4ee;
    --muted:  #64748b;
}

.la-panel[b-orkfi7mz4s] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: .6rem;
    padding: .7rem;
    margin-bottom: .75rem;
}

.la-sec[b-orkfi7mz4s] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--green);
    border-bottom: 1px solid var(--border);
    padding-bottom: .2rem;
    margin: 0 0 .55rem;
}

.la-page[b-orkfi7mz4s]  .la-grid td {
    padding-top: .28rem;
    padding-bottom: .28rem;
    font-size: .82rem;
}

.la-st[b-orkfi7mz4s] {
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 700;
    padding: .08rem .5rem;
    white-space: nowrap;
}

.la-st.aktiv[b-orkfi7mz4s]   { background: #dcfce7; color: #166534; }
.la-st.inaktiv[b-orkfi7mz4s] { background: #f1f5f9; color: #94a3b8; }
.la-st.sys[b-orkfi7mz4s]     { background: #ede9fe; color: #5b21b6; }

.la-lock[b-orkfi7mz4s] {
    color: var(--muted);
    font-size: .75rem;
}

/* Editor */
.la-lbl[b-orkfi7mz4s] {
    display: block;
    font-size: .72rem;
    color: var(--muted);
    margin-bottom: 2px;
}

.la-edrow[b-orkfi7mz4s] {
    display: grid;
    grid-template-columns: 110px 1fr 160px 280px;
    gap: 1rem;
    align-items: end;
}

@media (max-width: 900px) {
    .la-edrow[b-orkfi7mz4s] { grid-template-columns: 1fr 1fr; }
}

.la-edrow2[b-orkfi7mz4s] {
    display: flex;
    gap: 1.4rem;
    align-items: center;
    margin-top: .7rem;
    flex-wrap: wrap;
}

.la-tip[b-orkfi7mz4s] {
    font-size: .72rem;
    color: var(--amber);
}
/* /Components/Pages/Monatslauf.razor.rz.scp.css */
/* /monatslauf — Periodenabschluss-Cockpit nach cpulohn.xpress MonatsabschlussView */

.pa-page[b-gd6kkj3esy] {
    --blue:   #2563eb;
    --green:  #16a34a;
    --red:    #dc2626;
    --amber:  #d97706;
    --border: #dbe4ee;
    --muted:  #64748b;
}

.pa-cols[b-gd6kkj3esy] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: .75rem;
    align-items: start;
}

@media (max-width: 1000px) {
    .pa-cols[b-gd6kkj3esy] { grid-template-columns: 1fr; }
}

.pa-panel[b-gd6kkj3esy] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: .6rem;
    padding: .7rem;
    margin-bottom: .75rem;
}

.pa-sec[b-gd6kkj3esy] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--green);
    border-bottom: 1px solid var(--border);
    padding-bottom: .2rem;
    margin: 0 0 .55rem;
}

.pa-page[b-gd6kkj3esy]  .pa-grid td {
    padding-top: .28rem;
    padding-bottom: .28rem;
    font-size: .8rem;
}

/* Status-Chips */
.pa-st[b-gd6kkj3esy] {
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 700;
    padding: .08rem .5rem;
    white-space: nowrap;
}

.pa-st.ok[b-gd6kkj3esy]     { background: #dcfce7; color: #166534; }
.pa-st.fehlt[b-gd6kkj3esy]  { background: #fee2e2; color: #991b1b; }
.pa-st.na[b-gd6kkj3esy]     { background: #f1f5f9; color: #94a3b8; }
.pa-st.bereit[b-gd6kkj3esy] { background: #dbeafe; color: #1e40af; }
.pa-st.warn[b-gd6kkj3esy]   { background: #fef3c7; color: #92400e; }

.pa-act[b-gd6kkj3esy] {
    color: var(--blue);
    cursor: pointer;
}

/* Zusammenfassung */
.pa-sum[b-gd6kkj3esy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem 0;
    border-bottom: 1px dashed #eef2f7;
    font-size: .82rem;
}

.pa-sum:last-child[b-gd6kkj3esy] { border-bottom: none; }
.pa-sum .l[b-gd6kkj3esy] { color: var(--muted); }
.pa-sum .v[b-gd6kkj3esy] { font-weight: 700; font-variant-numeric: tabular-nums; }
.pa-sum .v.ok[b-gd6kkj3esy]  { color: var(--green); }
.pa-sum .v.bad[b-gd6kkj3esy] { color: var(--red); }

.pa-check[b-gd6kkj3esy] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8rem;
    padding: .22rem 0;
}

.pa-check i.ok[b-gd6kkj3esy]   { color: var(--green); }
.pa-check i.bad[b-gd6kkj3esy]  { color: var(--red); }
.pa-check i.warn[b-gd6kkj3esy] { color: var(--amber); }
.pa-check i.info[b-gd6kkj3esy] { color: var(--blue); }

.pa-page[b-gd6kkj3esy]  .pa-go {
    width: 100%;
    margin-top: .6rem;
}

.pa-after[b-gd6kkj3esy] {
    margin-top: .55rem;
    background: #f8fafc;
    border: 1px dashed var(--border);
    border-radius: .5rem;
    padding: .5rem .6rem;
    font-size: .72rem;
    color: var(--muted);
}

.pa-after b[b-gd6kkj3esy] { color: #1e293b; }

/* Offene Aufrollungen */
.pa-roll[b-gd6kkj3esy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem 0;
    border-bottom: 1px dashed #eef2f7;
    font-size: .8rem;
}

.pa-roll:last-of-type[b-gd6kkj3esy] { border-bottom: none; }

.pa-roll .chip[b-gd6kkj3esy] {
    background: #dcfce7;
    color: #166534;
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 700;
    padding: .06rem .45rem;
}
/* /Components/Pages/Urlaub.razor.rz.scp.css */
/* /urlaub — list→detail layout, same concept as /dienstnehmer */

.dn-page[b-77sa4be67v] {
    --fp-blue:  #2563eb;
    --fp-green: #16a34a;
    --fp-red:   #dc2626;
    --fp-border: #dbe4ee;
}

.fp-header[b-77sa4be67v] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: .5rem;
    padding: .5rem .75rem;
    margin-bottom: .5rem;
}

.fp-title[b-77sa4be67v] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.fp-sub[b-77sa4be67v] {
    color: #64748b;
    font-weight: 400;
    font-size: .85rem;
}

.fp-badge[b-77sa4be67v] {
    background: #eff6ff;
    color: var(--fp-blue);
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    padding: .15rem .6rem;
}

.fp-actions[b-77sa4be67v] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.fp-hint[b-77sa4be67v] {
    color: #94a3b8;
    font-size: .78rem;
    margin: .25rem 0 0;
}

.dn-page[b-77sa4be67v]  .fp-grid td {
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: .85rem;
}

.fp-link[b-77sa4be67v],
.dn-page[b-77sa4be67v]  .fp-link {
    color: var(--fp-blue);
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.dn-page[b-77sa4be67v]  .fp-link:hover {
    text-decoration: underline;
}
/* /Components/Shared/CPuOneProStdParameter.razor.rz.scp.css */
/* CPuOneProStdParameter — read-only Parameteranzeige (Werte aus Firma / DV / DVH) */

.pp-panel[b-3tnvr75l4n] {
    background: #fff;
    border: 1px solid #dbe4ee;
    border-radius: .6rem;
    padding: .6rem .75rem;
    font-size: .82rem;
}

.pp-row[b-3tnvr75l4n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .3rem 0;
    border-bottom: 1px dashed #eef2f7;
}

.pp-row:last-child[b-3tnvr75l4n] {
    border-bottom: none;
}

.pp-lbl[b-3tnvr75l4n] {
    color: #64748b;
    flex-shrink: 0;
}

.pp-val[b-3tnvr75l4n] {
    font-weight: 600;
    text-align: right;
}

.pp-num[b-3tnvr75l4n] {
    font-variant-numeric: tabular-nums;
}

.pp-code[b-3tnvr75l4n] {
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
    border-radius: .4rem;
    padding: .05rem .5rem;
    font-weight: 700;
    font-size: .75rem;
}

.pp-ja[b-3tnvr75l4n] {
    color: #16a34a;
}

.pp-nein[b-3tnvr75l4n] {
    color: #94a3b8;
}

.pp-ja i[b-3tnvr75l4n],
.pp-nein i[b-3tnvr75l4n] {
    margin-right: .3rem;
}

.pp-sub[b-3tnvr75l4n] {
    margin-top: .6rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #dbe4ee;
    font-size: .78rem;
    font-weight: 700;
    color: #16a34a;
}

/* zugeklappte Dienstgeber-Sektion (native <details>) */
.pp-acc[b-3tnvr75l4n] {
    margin-top: .6rem;
    border: 1px solid #dbe4ee;
    border-radius: .5rem;
    overflow: hidden;
}

.pp-acc summary[b-3tnvr75l4n] {
    cursor: pointer;
    list-style: none;
    padding: .35rem .6rem;
    background: #f8fafc;
    font-size: .78rem;
    font-weight: 700;
    color: #16a34a;
    user-select: none;
}

.pp-acc summary[b-3tnvr75l4n]::-webkit-details-marker {
    display: none;
}

.pp-acc summary[b-3tnvr75l4n]::after {
    content: "▸";
    float: right;
    color: #94a3b8;
    transition: transform .15s;
}

.pp-acc[open] summary[b-3tnvr75l4n]::after {
    transform: rotate(90deg);
}

.pp-acc-hint[b-3tnvr75l4n] {
    font-weight: 400;
    color: #94a3b8;
    font-size: .72rem;
    margin-left: .35rem;
}

.pp-acc-body[b-3tnvr75l4n] {
    padding: .1rem .6rem .4rem;
}