/* /Components/Common/CampPrecompletat.razor.rz.scp.css */
.camp-precompletat[b-01xrj2l5xm] {
    color: #6c757d;
    background-color: #f8f9fa;
}

.camp-personalizat[b-01xrj2l5xm] {
    color: #0b5ed7;
    border-color: #9ec5fe;
}

.camp-hint[b-01xrj2l5xm] {
    color: #6c757d;
    font-size: .8rem;
}

.camp-hint--personalizat[b-01xrj2l5xm] {
    color: #0b5ed7;
}

/* Tema intunecata: dark-mode.css pune `color: var(--wd-text)` pe orice .form-control, cu specificitate mai mare
   decat clasele de aici, deci campurile mostenite (gri) si cele scrise de om (albastru) ieseau amandoua albe.
   Aceeasi codare ca pe tema deschisa, cu nuantele ei. */
html.wd-dark .camp-precompletat[b-01xrj2l5xm] {
    color: var(--wd-muted);
    background-color: var(--wd-surface);
}

html.wd-dark .camp-personalizat[b-01xrj2l5xm] {
    color: #6aa6f8;
    border-color: #3b6ea8;
}

html.wd-dark .camp-hint--personalizat[b-01xrj2l5xm] {
    color: #6aa6f8;
}
/* /Components/Common/DocumenteCareExpira.razor.rz.scp.css */
/* Bootstrap 5.1 n-are `fw-medium` (a venit in 5.3). */
.fw-medium[b-ccnzu6ksg7] { font-weight: 500; }
/* /Components/Common/ListaBife.razor.rz.scp.css */
/* Lista cu bife: butonul arata ca un select, lista cade sub el ca un dropdown si se inchide la click in afara. */
.lb[b-svxmkwaech] { position: relative; }

.lb-lista[b-svxmkwaech] {
    position: absolute;
    z-index: 1050;
    top: 100%;
    left: 0;
    min-width: 100%;
    max-height: 18rem;
    overflow-y: auto;
    margin: .125rem 0 0;
    padding: .25rem;
}

.lb-optiune[b-svxmkwaech] { cursor: pointer; border-radius: .25rem; font-size: .875rem; }
.lb-optiune:hover[b-svxmkwaech] { background: rgba(var(--bs-primary-rgb), .08); }

.lb-vechi[b-svxmkwaech] { font-size: .75rem; }
.btn-close-sm[b-svxmkwaech] { width: .5em; height: .5em; }

.camp-precompletat[b-svxmkwaech] { color: #6c757d; background-color: #f8f9fa; }
.camp-personalizat[b-svxmkwaech] { color: #0b5ed7; border-color: #9ec5fe; }
.camp-hint[b-svxmkwaech] { color: #6c757d; font-size: .8rem; }
.camp-hint--personalizat[b-svxmkwaech] { color: #0b5ed7; }

html.wd-dark .camp-precompletat[b-svxmkwaech] { color: var(--wd-muted); background-color: var(--wd-surface); }
html.wd-dark .camp-personalizat[b-svxmkwaech] { color: #6aa6f8; border-color: #3b6ea8; }
html.wd-dark .camp-hint--personalizat[b-svxmkwaech] { color: #6aa6f8; }
html.wd-dark .lb-lista[b-svxmkwaech] { background: var(--wd-surface) !important; border-color: var(--wd-border) !important; }
/* /Components/Common/PanelHelp.razor.rz.scp.css */
/* PanelHelp — „?" cu card la hover (echivalentul HoverCard din shadcn, fara JS). */
.panel-help[b-tcgj7oatdz] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.panel-help-btn[b-tcgj7oatdz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #6c757d;
    font-size: 18px;
    line-height: 1;
    transition: background-color .15s, color .15s;
}

.panel-help-btn:hover[b-tcgj7oatdz],
.panel-help-btn:focus-visible[b-tcgj7oatdz] {
    background: #e9ecef;
    color: #212529;
    outline: none;
}

.panel-help-card[b-tcgj7oatdz] {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    z-index: 1060;
    width: 24rem;
    max-width: calc(100vw - 2rem);
    padding: 1.25rem;
    border-radius: 1rem;
    border-color: #e2e8f0;
    background: linear-gradient(to bottom right, #fff, #f8fafc);
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
    white-space: normal;
    font-weight: 400;
}

.panel-help:hover .panel-help-card[b-tcgj7oatdz],
.panel-help:focus-within .panel-help-card[b-tcgj7oatdz] {
    display: block;
}

.panel-help-title[b-tcgj7oatdz] {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: .375rem;
}
/* /Components/Layout/GardPrezenta.razor.rz.scp.css */
/* Panoul acoperă tot ecranul: cât altcineva lucrează pe firmă, nu se atinge nimic din pagină. */
.prezenta-panou[b-0dh17nz5qv] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(33, 37, 41, .55);
    backdrop-filter: blur(2px);
}

.prezenta-cutie[b-0dh17nz5qv] {
    width: min(460px, 100%);
    padding: 2rem 1.75rem;
    border-radius: .75rem;
    background: #fff;
    text-align: center;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .25);
}

.prezenta-lacat[b-0dh17nz5qv] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff3cd;
    color: #997404;
    font-size: 1.25rem;
}

/* Banda de sus: eu am controlul, dar cineva așteaptă. Mică, nu blochează nimic. */
.prezenta-banda[b-0dh17nz5qv] {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1900;
    padding: .35rem .9rem;
    border: 1px solid #ffe69c;
    border-top: 0;
    border-radius: 0 0 .5rem .5rem;
    background: #fff3cd;
    color: #664d03;
    font-size: .8125rem;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .08);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-isl88gyaj5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-isl88gyaj5] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
/* Fisierul are, mai jos, `.main-content-container { display: block; text-align: left }` — asta e alinierea dorita.
   Regula de aici o anula, fiindca `!important` bate o regula ulterioara de aceeasi specificitate, si atunci TOT
   continutul aplicatiei iesea centrat: etichetele formularelor, numele din tabele, cardurile din wizarduri (care nici
   nu se mai intindeau pe latime, fiind centrate ca elemente inline). RESUMAN-ul de referinta e aliniat la stanga, deci
   `text-align` iese de aici si ramane cel de jos.
   Aceeasi pereche de reguli exista si in wikidocweb/Components/Layout/MainLayout.razor.css (fisier oglinda, CONVENTII
   §9): daca si acolo alinierea centrata e nedorita, corectia se muta si acolo. */
.main-content-container[b-isl88gyaj5]{
}
.top-row[b-isl88gyaj5] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

    .sidebar[b-isl88gyaj5] {
        min-width: 260px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

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

#blazor-error-ui[b-isl88gyaj5] {
    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-isl88gyaj5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* New layout honeycomb */

/* Top Navigation Bar */
.topbar[b-isl88gyaj5] {
    display: block;
    background-color: #161616;
    color: white;
    border-bottom-color: #f3b202;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    text-align: center;
}

.main-container[b-isl88gyaj5] {
    display: block;
    width: 100%;
    text-align: center;
    /* max-width: 1200px;*/
    margin:0 auto;
}
.topbar-item-text[b-isl88gyaj5] {
    display: inline;
}

.main-content-container[b-isl88gyaj5] {
    display: block;
    text-align: left;
}
    .main-content-container article[b-isl88gyaj5]{
        padding:0 1.5rem !important;
    }
@media (max-width: 585px) {
    .topbar-item-text[b-isl88gyaj5] {
        display: none;
    }

    .topbar-cont-container[b-isl88gyaj5] {
        padding: 0 !important;
    }
}

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-29ro46aqmz] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-29ro46aqmz] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-29ro46aqmz] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-29ro46aqmz] {
    font-size: 1.1rem;
}

.bi[b-29ro46aqmz] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-29ro46aqmz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-29ro46aqmz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-29ro46aqmz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-29ro46aqmz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-29ro46aqmz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-29ro46aqmz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-29ro46aqmz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-29ro46aqmz] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-29ro46aqmz] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-29ro46aqmz] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-29ro46aqmz] {
        padding-bottom: 1rem;
    }

    .nav-item[b-29ro46aqmz]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-29ro46aqmz]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-29ro46aqmz]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-29ro46aqmz] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-29ro46aqmz] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-29ro46aqmz] {
        display: none;
    }

    .nav-scrollable[b-29ro46aqmz] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/TopMenu.razor.rz.scp.css */
/* === NAVBAR BASE === */
nav[b-kte88dhjjq] {
    background-color: #fbbc05 !important;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
}

.navbar .container[b-kte88dhjjq] {
    padding: 0.15rem 1.5rem;
    min-height: 48px;
    align-items: center;
}

/* Abatere fata de wikidoc, unde meniul are jumatate din module: la RESUMAN, dupa Faza 8, cele 14 module
   nu mai incap pe un rand la 1600px, iar lista iesea din bara galbena si intindea pagina la 2282px, cu
   derulare orizontala. Doua schimbari, amandoua doar pe latimile mari:
   - bara foloseste toata latimea ferestrei, nu cei 1320px ai containerului Bootstrap;
   - daca tot nu incap, modulele trec pe randul urmator in loc sa impinga bara in afara ecranului.
   Sub 992px nu se schimba nimic: acolo navbar-ul se plieaza oricum in meniul vertical. */
@media (min-width: 992px) {
    .navbar .container[b-kte88dhjjq] {
        max-width: 100%;
    }

    .navbar-nav.me-auto[b-kte88dhjjq] {
        flex-wrap: wrap;
        row-gap: 2px;
    }
}

/* === LOGO === */
/* Sigla REGES-ULTRA e o imagine SVG cu literele din Neuropol X transformate in contururi (licenta fontului
   permite sigle si grafica statica, dar interzice webfont-ul, deci nu exista @font-face). E de 14 ori mai lata
   decat inalta, de aceea e mai lata decat vechea sigla RESUMAN, ca sa ramana la aceeasi inaltime de litera. */
.logo-resuman[b-kte88dhjjq] {
    width: 210px;
    display: block;
    transition: opacity 0.2s ease;
}

    .logo-resuman:hover[b-kte88dhjjq] {
        opacity: 0.82;
    }

/* === LEFT NAV LINKS === */
.nav-link[b-kte88dhjjq] {
    color: #1a1a1a !important;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 0.3rem 0.75rem !important;
    border-radius: 8px;
    transition: background-color 0.18s ease;
}

    .nav-link:hover[b-kte88dhjjq] {
        background-color: rgba(0, 0, 0, 0.08);
    }

/* === ADMIN DROPDOWN BUTTON === */
.dropbtn[b-kte88dhjjq] {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    color: #1a1a1a;
    padding: 0.3rem 0.75rem;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.18s ease;
    text-decoration: none;
}

    .dropbtn:hover[b-kte88dhjjq],
    .dropbtn:focus[b-kte88dhjjq] {
        background-color: rgba(0, 0, 0, 0.08);
        outline: none;
    }

/* === DROPDOWN PANEL === */
.ddown[b-kte88dhjjq] {
    position: relative;
    display: inline-block;
}

.ddown-content[b-kte88dhjjq] {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    background-color: #fff;
    min-width: 280px;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.13);
    border: 1px solid rgba(0, 0, 0, 0.07);
    z-index: 1000;
    overflow: hidden;
    padding: 6px 0;
}

    .ddown-content.show[b-kte88dhjjq] {
        display: block;
    }

    .ddown-content li[b-kte88dhjjq] {
        list-style: none;
    }

.navbar-dropdown-container[b-kte88dhjjq] {
    padding: 0;
    margin: 0;
}

    .navbar-dropdown-container li:hover[b-kte88dhjjq] {
        background-color: transparent;
    }

.ddown-item[b-kte88dhjjq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    text-decoration: none;
    color: #1a1a1a;
    width: 100%;
}

    .ddown-item svg[b-kte88dhjjq] {
        flex-shrink: 0;
        opacity: 0.7;
    }

.ddown-item:active[b-kte88dhjjq],
.ddown-item:focus[b-kte88dhjjq] {
    background-color: transparent;
    color: #1a1a1a;
    outline: none;
}

.topbar-ddown-item-text[b-kte88dhjjq] {
    color: #1a1a1a;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
}

.ddown-content a:hover[b-kte88dhjjq] {
    background-color: transparent;
}

/* === DROPDOWN SECTION LABEL === */
.ddown-section-label[b-kte88dhjjq] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 8px 16px 4px;
}

/* === ICON CHIPS === */
.ddown-icon[b-kte88dhjjq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex-shrink: 0;
}

.ddown-icon--blue[b-kte88dhjjq]   { background: #dbeafe; color: #1d4ed8; }
.ddown-icon--purple[b-kte88dhjjq] { background: #ede9fe; color: #7c3aed; }
.ddown-icon--green[b-kte88dhjjq]  { background: #dcfce7; color: #16a34a; }
.ddown-icon--orange[b-kte88dhjjq] { background: #ffedd5; color: #ea580c; }
.ddown-icon--teal[b-kte88dhjjq]   { background: #ccfbf1; color: #0f766e; }
.ddown-icon--red[b-kte88dhjjq]    { background: #fee2e2; color: #dc2626; }
.ddown-icon--indigo[b-kte88dhjjq] { background: #e0e7ff; color: #4338ca; }
.ddown-icon--amber[b-kte88dhjjq]  { background: #fef3c7; color: #b45309; }
.ddown-icon--rose[b-kte88dhjjq]   { background: #ffe4e6; color: #be123c; }
.ddown-icon--cyan[b-kte88dhjjq]   { background: #cffafe; color: #0e7490; }

/* === RIGHT SIDE ITEMS === */
/* Padding lives on the anchor so the entire padded region is part of the link's hit-area.
   The wrapper stays unpadded and inherits its size from the anchor — so between-item
   spacing in the navbar row comes naturally from each anchor's 6px/12px padding.
   ::deep is required because NavLink renders its <a> as a child Blazor component without
   the outer component's b-xxx scope attribute; without ::deep the rules silently fail. */
.topbar-item-block[b-kte88dhjjq] {
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.18s ease;
}

    .topbar-item-block:hover[b-kte88dhjjq] {
        background-color: rgba(0, 0, 0, 0.08);
    }

    .topbar-item-block[b-kte88dhjjq]  a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        text-decoration: none;
        color: #1a1a1a;
        cursor: pointer;
    }

.topbar-item-text[b-kte88dhjjq] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #1a1a1a;
    text-decoration: none;
}

/* === HAMBURGER TOGGLER === */
.navbar-toggler[b-kte88dhjjq] {
    background-color: rgba(0, 0, 0, 0.09);
    border: none;
    border-radius: 8px;
    padding: 6px 10px;
}

    .navbar-toggler:focus[b-kte88dhjjq] {
        box-shadow: none;
    }

/* === MOBILE === */
@media (max-width: 992px) {
    .navbar-collapse.collapse.show[b-kte88dhjjq] {
        text-align: left !important;
        padding: 8px 0 12px;
        border-top: 1px solid rgba(0, 0, 0, 0.09);
        margin-top: 8px;
    }

    .nav-item.dropdown a[onclick="dropFunction()"][b-kte88dhjjq] {
        font-size: 0.95rem;
        font-weight: 500;
        margin: 0;
        padding: 0.45rem 0.75rem;
    }

    .ddown-content[b-kte88dhjjq] {
        position: static;
        box-shadow: none;
        border: none;
        border-radius: 8px;
        background-color: rgba(0, 0, 0, 0.05);
        margin: 4px 0 4px 12px;
        padding: 4px 0;
    }

    .topbar-item-block-suport .topbar-item-text[b-kte88dhjjq] {
        margin-right: 0;
    }

    .navbar-nav.ms-auto[b-kte88dhjjq] {
        margin-top: 6px;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 4px;
    }
}

@media (max-width: 585px) {
    .topbar-cont-container[b-kte88dhjjq] {
        padding: 0;
    }
}

@media (max-width: 425px) {
    .logo-resuman[b-kte88dhjjq] {
        width: 170px;
    }

    .topbar-item-text[b-kte88dhjjq] {
        font-size: 0.88rem;
    }

    .topbar-item-block[b-kte88dhjjq] {
        padding: 5px 8px;
    }
}

/* === LANGUAGE SWITCHER ===
   Markup lives in the shared Components/Common/LanguageSwitcher.razor, so the
   .wd-lang-* styles are GLOBAL in wwwroot/app.css (scoped CSS here can't reach
   another component's markup). Dark overrides: wwwroot/dark-mode.css. */

/* === NOSELECT === */
.noselect[b-kte88dhjjq] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* === GREETING in bara de sus (mutat din Home.razor pentru a economisi spatiu vertical) === */
.topbar-greeting[b-kte88dhjjq] {
    display: flex;
    align-items: center;
    align-self: center; /* centrat vertical in bara, intre cele doua ul-uri */
    gap: 8px;
    padding: 6px 4px;
    white-space: nowrap;
}

/* Item-urile din grupul din dreapta (limba/temă/cont/...) — centrate vertical, ca
   pastila scundă de limbă (steagul) sa nu mai atarne mai sus decat vecinele. */
.navbar-nav.ms-auto .nav-item[b-kte88dhjjq] {
    display: flex;
    align-items: center;
}

.topbar-greeting-text[b-kte88dhjjq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #353533;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topbar-role-badge[b-kte88dhjjq] {
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 999px;
    color: #fff;
    line-height: 1.4;
}

.tb-role-admin[b-kte88dhjjq] {
    background: linear-gradient(135deg, #6d28d9, #4f46e5);
}

.tb-role-multiuser[b-kte88dhjjq] {
    background: linear-gradient(135deg, #0ea5e9, #2563eb);
}

@media (max-width: 991px) {
    .topbar-greeting[b-kte88dhjjq] {
        padding-left: 10px;
    }
    .topbar-greeting-text[b-kte88dhjjq] {
        max-width: none;
    }
}

/* ── „Vezi ca firmă" — slotul central al barei (unde stătea salutul) ──────────────
   Se distinge de celelalte butoane din bară (limbă, zi/noapte, cont) printr-un accent
   albastru: e o comutare de CONTEXT — schimbă pentru cine se generează tot — nu o
   preferință de afișare. Starea „deschis" e plină, ca să se vadă că panoul e activ. */
.topbar-impersonare-slot[b-kte88dhjjq] {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 12px;
}

/* Centrare REALĂ pe bară. Marginile 'auto' ale celor două meniuri centrează butonul în
   spațiul RĂMAS între ele — iar cele două au lățimi diferite, deci rezultatul e vizibil
   descentrat (măsurat: 56px). Scoaterea din flux și ancorarea la 50% din container e
   singura variantă care nu depinde de lățimea vecinilor.
   Doar pe ecrane late: sub prag meniurile s-ar suprapune peste buton, iar sub 992px
   navbar-ul se pliază și slotul intră în meniul vertical, unde poziționarea absolută
   n-ar avea sens. */
@media (min-width: 1250px) {
    .navbar > .container[b-kte88dhjjq] {
        position: relative;
    }

    .topbar-impersonare-slot[b-kte88dhjjq] {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
    }
}

.wd-impersonare-btn[b-kte88dhjjq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 340px;
    padding: 6px 14px;
    border: 1px solid rgba(66, 133, 244, 0.45);
    border-radius: 8px;
    color: #1a56c4 !important;
    background: rgba(66, 133, 244, 0.10);
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.18s ease;
}

.wd-impersonare-btn i[b-kte88dhjjq] { color: #1a56c4; }

.wd-impersonare-firma[b-kte88dhjjq] {
    font-size: 0.95rem;
    font-weight: 600;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wd-impersonare-caret[b-kte88dhjjq] { font-size: 0.75rem; opacity: 0.7; }

/* Cu o firmă aleasă butonul devine plin: e starea în care TOT ce generezi pleacă spre
   altcineva decât contul tău, deci trebuie să sară în ochi, nu să fie un accent discret. */
.wd-impersonare-btn.has-firma[b-kte88dhjjq] {
    background: #1a56c4;
    border-color: #14459e;
    color: #fff !important;
}

.wd-impersonare-btn.has-firma i[b-kte88dhjjq] { color: #fff; }

.wd-impersonare-btn:hover[b-kte88dhjjq] {
    background: rgba(66, 133, 244, 0.20);
}

.wd-impersonare-btn.has-firma:hover[b-kte88dhjjq] { background: #14459e; }

/* Starea „panou deschis" vine din clasa pusă pe <html> de window.wikidocImpersonare —
   butonul e randat static, deci nu poate ține stare Blazor. */
html.wd-imp-open .wd-impersonare-btn[b-kte88dhjjq] {
    background: #4285F4;
    border-color: #3367d6;
    color: #fff !important;
}

html.wd-imp-open .wd-impersonare-btn i[b-kte88dhjjq],
html.wd-imp-open .wd-impersonare-btn .topbar-item-text[b-kte88dhjjq] {
    color: #fff;
}
/* /Components/Pages/Abonament/AbonamentReusit.razor.rz.scp.css */
/* Ecranul de intoarcere din Checkout: o singura caseta, centrata pe inaltimea ferestrei. */
.abonament-ecran[b-mdtztt4qpy] {
    min-height: 70vh;
}

.abonament-card[b-mdtztt4qpy] {
    width: 100%;
    max-width: 28rem;
}

.abonament-simbol[b-mdtztt4qpy] {
    font-size: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
}
/* /Components/Pages/Abonament/AlegePlanul.razor.rz.scp.css */
/* Bootstrap-ul proiectului e 5.1: clasele de 5.2/5.3 (fw-medium, bg-*-subtle, border-*-subtle) nu exista,
   deci ce ne trebuie in plus se scrie aici. */

.plan-card[b-p6dlkhpb3q] {
    position: relative;
    transition: box-shadow .15s ease-in-out;
}

.plan-card:hover[b-p6dlkhpb3q] {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
}

.plan-card--free[b-p6dlkhpb3q] {
    border-style: dashed;
}

.plan-card--recomandat[b-p6dlkhpb3q] {
    border: 2px solid var(--bs-primary, #0d6efd);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .12);
}

/* Eticheta „Cel mai popular", asezata calare pe marginea de sus a cartonasului. */
.plan-eticheta[b-p6dlkhpb3q] {
    position: absolute;
    top: -.85rem;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    background-color: var(--bs-primary, #0d6efd);
    color: #fff;
    font-size: .8125rem;
    font-weight: 600;
    padding: .15rem .75rem;
    border-radius: 999px;
}

.plan-pret[b-p6dlkhpb3q] {
    line-height: 1.1;
}

.plan-suma[b-p6dlkhpb3q] {
    font-size: 2.25rem;
    font-weight: 700;
}

.plan-lista li[b-p6dlkhpb3q] {
    margin-bottom: .5rem;
    font-size: .875rem;
}

.plan-explicatie[b-p6dlkhpb3q] {
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
}

.plan-asteptare[b-p6dlkhpb3q] {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
}
/* /Components/Pages/Angajati/CadruWizard.razor.rz.scp.css */
/* WizardDialogShell: cadru FIX (antet sus, corpul deruleaza, subsolul ancorat jos). Pe ecrane mici ia 78vh,
   pe cele mari se opreste la 880px ca sa nu se intinda inutil. */
.cadru-wizard[b-1jn5ul2hnj] {
    height: min(78vh, 880px);
}

.corp-wizard[b-1jn5ul2hnj] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.min-w-0[b-1jn5ul2hnj] {
    min-width: 0;
}
/* /Components/Pages/Angajati/FormularActAditional.razor.rz.scp.css */
/* Codarea vizuala a valorilor (docs/CONVENTII.md §4 + inheritedFieldClass din data-input.tsx):
   gri = egal cu valoarea curenta din contract, albastru = valoare modificata de utilizator.
   Aceleasi culori ca in Common/CampPrecompletat.razor.css. */
.camp-precompletat[b-yjh6chza9l] {
    color: #6c757d;
    background-color: #f8f9fa;
}

.camp-personalizat[b-yjh6chza9l] {
    color: #0b5ed7;
    border-color: #9ec5fe;
}

.legenda-gri[b-yjh6chza9l] {
    color: #6c757d;
}

.legenda-albastru[b-yjh6chza9l] {
    color: #0b5ed7;
}

/* Cardul unui capitol CIM din pasul de selectie */
.capitol[b-yjh6chza9l] {
    cursor: pointer;
    border: 2px solid #dee2e6;
    border-radius: .75rem;
    transition: border-color .15s ease-in-out, background-color .15s ease-in-out;
}

.capitol:hover[b-yjh6chza9l] {
    border-color: rgba(13, 110, 253, .5);
}

.capitol.ales[b-yjh6chza9l] {
    border-color: #0d6efd;
    background-color: rgba(13, 110, 253, .05);
}

/* Indicatorul de pasi */
.pas-bara[b-yjh6chza9l] {
    height: .5rem;
    flex: 1 1 0;
    border-radius: 9999px;
    background-color: #e9ecef;
    transition: background-color .15s ease-in-out;
}

.pas-bara.trecut[b-yjh6chza9l] {
    background-color: #0d6efd;
}

.pas-bara.curent[b-yjh6chza9l] {
    background-color: rgba(13, 110, 253, .6);
}

.text-amber[b-yjh6chza9l] {
    color: #b45309;
}

.marunt[b-yjh6chza9l] {
    font-size: .75rem;
}
/* /Components/Pages/Angajati/FormularAdeverinta.razor.rz.scp.css */
/* Cadrul modalei (inaltime fixa, corp derulabil) vine din CadruWizard.razor.css — aici raman doar
   stilurile proprii wizardului de adeverinte. */

/* Cardul unui modul bifabil (label-ul din wizardul vechi: border + fundal la selectie). */
.tip-card[b-8t0490lu8r] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}

.tip-card:hover[b-8t0490lu8r] {
    background: rgba(233, 236, 239, .5);
}

.tip-card--ales[b-8t0490lu8r] {
    border-color: var(--bs-primary, #0d6efd);
    background: rgba(13, 110, 253, .05);
}

/* Legenda gri/albastru a valorilor precompletate (aceleasi culori ca in CampPrecompletat). */
.text-albastru[b-8t0490lu8r] {
    color: #0b5ed7;
}

.text-amber[b-8t0490lu8r] {
    color: #b45309;
}

/* Lista veniturilor lunare deruleaza in interior (ScrollArea max-h-[300px] din dialogul vechi). */
.venituri-lista[b-8t0490lu8r] {
    max-height: 300px;
    overflow-y: auto;
}

.fw-medium[b-8t0490lu8r] { font-weight: 500; }
.min-w-0[b-8t0490lu8r] { min-width: 0; }
/* /Components/Pages/Angajati/FormularContract.razor.rz.scp.css */

/* Vederea „CIM actualizat”: campurile schimbate prin acte aditionale au contur galben; valoarea initiala e in tooltip. */
[b-w7kyhaeaqh] [data-diferit] {
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 .15rem rgba(255, 193, 7, .25);
}

/* Listele derulante ale formularului: valoarea aleasa e albastra, in ambele teme — aceeasi codare ca la campurile
   scrise de om (ales = date introduse). Blocat = gri. Filtrele din liste (arhiva, audit, pontaj, rapoarte) raman
   simple: acolo alegerea nu e „data introdusa”. */
[b-w7kyhaeaqh] select.form-select {
    color: #0b5ed7;
}

[b-w7kyhaeaqh] select.form-select:disabled {
    color: #6c757d;
}

html.wd-dark[b-w7kyhaeaqh]  select.form-select {
    color: #6aa6f8;
}

html.wd-dark[b-w7kyhaeaqh]  select.form-select:disabled {
    color: var(--wd-muted);
}
/* /Components/Pages/Angajati/FormularDecizie.razor.rz.scp.css */
/* Cadrul modalei (inaltime fixa, corp derulabil) vine din CadruWizard.razor.css — aici raman doar
   stilurile proprii wizardului de decizii. */

/* Cardul unui modul bifabil (label-ul din wizardul vechi: border + fundal la selectie). */
.tip-card[b-k082rofadi] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}

.tip-card:hover[b-k082rofadi] {
    background: rgba(233, 236, 239, .5);
}

.tip-card--ales[b-k082rofadi] {
    border-color: var(--bs-primary, #0d6efd);
    background: rgba(13, 110, 253, .05);
}

.text-amber[b-k082rofadi] {
    color: #b45309;
}

.fw-medium[b-k082rofadi] { font-weight: 500; }
.min-w-0[b-k082rofadi] { min-width: 0; }
/* /Components/Pages/Angajati/Index.razor.rz.scp.css */
/* Butoanele de paginare: patrate, ca navigatorul de inregistrari; `invisible` pastreaza locul sagetilor ascunse. */
.pag-btn[b-w6qbbd155j] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Pages/Documente/DialogNotificare.razor.rz.scp.css */
/* WizardDialogShell: cadru FIX (antet sus, corpul deruleaza, subsolul ancorat jos). */
.wizard-shell[b-cruihco9h2] {
    height: min(78vh, 880px);
}

.wizard-body[b-cruihco9h2] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.text-amber[b-cruihco9h2] {
    color: #b45309;
}
/* /Components/Pages/Documente/DialogProgresGenerare.razor.rz.scp.css */
.rand-progres:last-child[b-2v8hl07ogg] {
    border-bottom: 0 !important;
}

.steag-mic[b-2v8hl07ogg] {
    width: 20px;
    height: 14px;
    margin-right: .375rem;
    object-fit: cover;
    border: 1px solid #dee2e6;
    border-radius: 2px;
    flex-shrink: 0;
}

/* utilitare care lipsesc din Bootstrap 5.1 */
.fw-medium[b-2v8hl07ogg] { font-weight: 500; }
.min-w-0[b-2v8hl07ogg] { min-width: 0; }
.text-amber[b-2v8hl07ogg] { color: #b45309; }
/* /Components/Pages/Documente/GenerareInLot.razor.rz.scp.css */
/* BatchDocumentGeneration — tabelul de angajati: cautare, antete sortabile, chip-uri de stare. */
.lot-card[b-ytcg2z756f] {
    border-color: rgba(222, 226, 230, .6);
}

.lot-cautare[b-ytcg2z756f] {
    max-width: 100%;
}

@media (min-width: 576px) {
    .lot-cautare[b-ytcg2z756f] {
        width: 20rem !important;
    }
}

.lot-tabel thead th[b-ytcg2z756f] {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

/* SortableHead: butonul ocupa toata celula, ca sa fie usor de nimerit */
.cap-sortabil[b-ytcg2z756f] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .25rem;
    padding: .75rem 1rem;
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: inherit;
    text-align: left;
    transition: background-color .15s;
}

.cap-sortabil:hover[b-ytcg2z756f] {
    background: #f1f3f5;
}

.cap-sortabil-icon[b-ytcg2z756f] {
    font-size: .8rem;
    flex-shrink: 0;
    color: rgba(108, 117, 125, .4);
}

.cap-sortabil-icon.activ[b-ytcg2z756f] {
    color: var(--bs-primary, #0d6efd);
}

/* Pastila de stare a contractului (lib/contract-status): verde = activ, portocaliu = suspendat, rosu = incetat, gri = fara contract */
.chip-stare[b-ytcg2z756f] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .125rem .625rem;
    border: 1px solid;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 500;
}

.chip-punct[b-ytcg2z756f] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.chip-activ[b-ytcg2z756f] {
    border-color: rgba(16, 185, 129, .4);
    background: rgba(16, 185, 129, .1);
    color: #047857;
}

.chip-suspendat[b-ytcg2z756f] {
    border-color: rgba(245, 158, 11, .4);
    background: rgba(245, 158, 11, .1);
    color: #b45309;
}

.chip-incetat[b-ytcg2z756f] {
    border-color: rgba(239, 68, 68, .4);
    background: rgba(239, 68, 68, .1);
    color: #b91c1c;
}

.chip-fara[b-ytcg2z756f] {
    border-color: #dee2e6;
    background: #f1f3f5;
    color: #6c757d;
}

/* utilitare care lipsesc din Bootstrap 5.1 */
.fw-medium[b-ytcg2z756f] { font-weight: 500; }
.fw-semibold[b-ytcg2z756f] { font-weight: 600; }
.rounded-4[b-ytcg2z756f] { border-radius: 1rem !important; }
/* /Components/Pages/Documente/SelectorLimbaSuplimentara.razor.rz.scp.css */
.steag[b-grxc52t852] {
    width: 26px;
    height: 18px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px #dee2e6;
    flex-shrink: 0;
}
/* /Components/Pages/Documente/SelectorSabloane.razor.rz.scp.css */
/* BatchTemplateSelector — taburi „pastila" cu contor si grila de carduri de sabloane. */
.sel-card[b-dcivvp6dtl] {
    border-color: rgba(222, 226, 230, .6);
}

.sel-tabs[b-dcivvp6dtl] {
    flex-wrap: wrap;
}

.sel-tab[b-dcivvp6dtl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    padding: .5rem .75rem;
    border: 1px solid rgba(222, 226, 230, .7);
    border-radius: .75rem;
    background: rgba(255, 255, 255, .5);
    font-size: .8125rem;
    font-weight: 500;
    color: #212529;
    transition: background-color .15s, border-color .15s;
}

.sel-tab:hover[b-dcivvp6dtl] {
    background: rgba(255, 255, 255, .8);
}

.sel-tab.active[b-dcivvp6dtl] {
    border-color: var(--bs-primary, #0d6efd);
    background: rgba(13, 110, 253, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.sel-tab-wand[b-dcivvp6dtl] {
    font-size: .75rem;
}

.sel-count[b-dcivvp6dtl] {
    display: inline-flex;
    min-width: 18px;
    align-items: center;
    justify-content: center;
    margin-left: .25rem;
    padding: 0 .25rem;
    border-radius: 999px;
    background: rgba(13, 110, 253, .15);
    color: var(--bs-primary, #0d6efd);
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
}

.sel-subtabs[b-dcivvp6dtl] {
    max-height: 10rem;
    overflow-y: auto;
}

/* cardul de sablon: bordura de 2px, radio in dreapta sus; ales = albastru + umbra + putin marit */
.sablon-card[b-dcivvp6dtl] {
    position: relative;
    padding: .75rem;
    border: 2px solid #dee2e6;
    border-radius: .75rem;
    cursor: pointer;
    transition: all .2s;
    height: 100%;
}

.sablon-card:hover[b-dcivvp6dtl] {
    border-color: rgba(13, 110, 253, .5);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
}

.sablon-card--ales[b-dcivvp6dtl] {
    border-color: var(--bs-primary, #0d6efd);
    background: rgba(13, 110, 253, .1);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);
    transform: scale(1.05);
}

.sablon-nume[b-dcivvp6dtl] {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sablon-descriere[b-dcivvp6dtl] {
    font-size: .75rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sablon-radio[b-dcivvp6dtl] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 2px solid #6c757d;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}

.sablon-radio--ales[b-dcivvp6dtl] {
    border-color: var(--bs-primary, #0d6efd);
    background: var(--bs-primary, #0d6efd);
}

.sablon-radio-punct[b-dcivvp6dtl] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

/* utilitare care lipsesc din Bootstrap 5.1 */
.fw-semibold[b-dcivvp6dtl] { font-weight: 600; }
.rounded-4[b-dcivvp6dtl] { border-radius: 1rem !important; }
.min-w-0[b-dcivvp6dtl] { min-width: 0; }
/* /Components/Pages/Documente/WizardDocumenteCategorie.razor.rz.scp.css */
/* WizardDialogShell: cadru FIX (antet sus, corpul deruleaza, subsolul ancorat jos), ca modala sa nu sara intre pasi. */
.wizard-shell[b-yk1mkx1d4q] {
    height: min(78vh, 880px);
}

.wizard-body[b-yk1mkx1d4q] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.tip-card[b-yk1mkx1d4q] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}

.tip-card:hover[b-yk1mkx1d4q] {
    background: rgba(233, 236, 239, .5);
}

.tip-card--ales[b-yk1mkx1d4q] {
    border-color: var(--bs-primary, #0d6efd);
    background: rgba(13, 110, 253, .05);
}

.fw-medium[b-yk1mkx1d4q] { font-weight: 500; }
.min-w-0[b-yk1mkx1d4q] { min-width: 0; }
/* /Components/Pages/Firme/FirmaMea.razor.rz.scp.css */
/* Taburile paginii, langa titlu: aceeasi infatisare ca taburile din profilul angajatului, dar mai mari — aici sunt
   singurele pe rand. */
.taburi-firma .nav-link[b-nihsxpspdk] {
    border: 1px solid var(--bs-border-color);
    background: rgba(var(--bs-secondary-rgb), .06);
    color: rgba(var(--bs-body-color-rgb), .8);
    padding: .4rem 1rem;
    font-size: .9rem;
    margin-right: .25rem;
}

.taburi-firma .nav-link:hover[b-nihsxpspdk] { background: rgba(var(--bs-secondary-rgb), .15); }

.taburi-firma .nav-link.active[b-nihsxpspdk] {
    border-color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .15);
    color: var(--bs-primary);
    font-weight: 500;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Bootstrap 5.1 n-are `fw-medium` (a venit in 5.3). */
.fw-medium[b-dyjspxg10k] { font-weight: 500; }

/* Cardurile de acces rapid din Dashboard.tsx: chenar discret care se accentueaza la hover, cu iconita
   intr-un patrat gri. Tailwind (`hover:border-border hover:shadow-sm`) n-are echivalent in Bootstrap 5.1. */
.scurtatura[b-dyjspxg10k] { transition: border-color .2s, box-shadow .2s; }
.scurtatura:hover[b-dyjspxg10k] { border-color: rgba(0, 0, 0, .2); box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); }
.scurtatura-icon[b-dyjspxg10k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .5rem;
    background-color: rgba(0, 0, 0, .05);
}
/* /Components/Pages/Import/Comutator.razor.rz.scp.css */
/* Comutatorul cu segmente din RegesImportRevizuit.tsx: o pastila rotunjita, segmentul ales plin. */
.comutator[b-mgysx4p6me] {
    display: inline-flex;
    overflow: hidden;
    border-radius: 50rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-body-bg, #fff);
    vertical-align: middle;
}

.comutator-mare[b-mgysx4p6me] {
    border: 2px solid rgba(13, 110, 253, .6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.comutator-segment[b-mgysx4p6me] {
    display: flex;
    align-items: center;
    gap: .375rem;
    white-space: nowrap;
    border: 0;
    background: transparent;
    color: var(--bs-body-color, #212529);
    height: 1.75rem;
    padding: 0 .75rem;
    font-size: .75rem;
    font-weight: 500;
    transition: background-color .15s, color .15s;
}

.comutator-segment-mare[b-mgysx4p6me] {
    height: 2.5rem;
    padding: 0 1.25rem;
    font-size: .875rem;
    font-weight: 700;
}

.comutator-segment-urmator[b-mgysx4p6me] {
    border-left: 1px solid var(--bs-border-color, #dee2e6);
}

.comutator-mare .comutator-segment-urmator[b-mgysx4p6me] {
    border-left: 2px solid rgba(13, 110, 253, .6);
}

.comutator-segment:hover:not(:disabled):not(.comutator-segment-ales)[b-mgysx4p6me] {
    background-color: rgba(0, 0, 0, .05);
}

.comutator-segment-ales[b-mgysx4p6me] {
    background-color: var(--bs-primary, #0d6efd);
    color: #fff;
}

.comutator-segment:disabled[b-mgysx4p6me] {
    cursor: not-allowed;
    opacity: .5;
}
/* /Components/Pages/Import/ExportPontajReges.razor.rz.scp.css */
/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.3). */
.fw-medium[b-v9x7vu321l] {
    font-weight: 500;
}

/* Randul din lista, cu hover-ul din sursa (hover:bg-muted/50) si cursorul de clic. */
.export-rand[b-v9x7vu321l] {
    cursor: pointer;
}

.export-rand:hover[b-v9x7vu321l] {
    background-color: rgba(0, 0, 0, .04);
}

/* Badge-ul de concediu medical: portocaliul din sursa (bg-orange-100 / text-orange-700). */
.badge-cm[b-v9x7vu321l] {
    background-color: #ffedd5;
    color: #c2410c;
}

/* Randurile de rezultat: verde pentru reusita, rosu pentru eroare (bg-green-50 / bg-red-50). */
.export-ok[b-v9x7vu321l] {
    background-color: #f0fdf4;
    color: #15803d;
}

.export-eroare[b-v9x7vu321l] {
    background-color: #fef2f2;
    color: #b91c1c;
}
/* /Components/Pages/Import/Reges.razor.rz.scp.css */
/*
    Culorile si formele raportului de import REGES. Sursa (RegesImportRevizuit.tsx) le scria cu clase
    Tailwind (rose / amber / sky / violet / emerald / slate); Bootstrap 5.1 n-are echivalent, asa ca aici
    sunt aceleasi valori, scrise o data ca proprietati CSS pe clasa de categorie si folosite peste tot:
    banda, titlu, buline, fundal, chenar. O culoare pe clasa, la fel in toate locurile — asta era regula.
*/

/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.3). */
.fw-medium[b-kcuctke7oj] {
    font-weight: 500;
}

.imp-clasa[b-kcuctke7oj] {
    --imp-culoare: #cbd5e1;
    --imp-text: #475569;
    --imp-fundal: #f1f5f9;
    --imp-chenar: #cbd5e1;
}

.imp-conflict[b-kcuctke7oj] {
    --imp-culoare: #f43f5e;
    --imp-text: #be123c;
    --imp-fundal: #fff1f2;
    --imp-chenar: #fda4af;
}

.imp-warning[b-kcuctke7oj] {
    --imp-culoare: #f59e0b;
    --imp-text: #b45309;
    --imp-fundal: #fffbeb;
    --imp-chenar: #fcd34d;
}

.imp-add[b-kcuctke7oj] {
    --imp-culoare: #0ea5e9;
    --imp-text: #0369a1;
    --imp-fundal: #f0f9ff;
    --imp-chenar: #7dd3fc;
}

.imp-update[b-kcuctke7oj] {
    --imp-culoare: #8b5cf6;
    --imp-text: #6d28d9;
    --imp-fundal: #f5f3ff;
    --imp-chenar: #c4b5fd;
}

.imp-fill[b-kcuctke7oj] {
    --imp-culoare: #10b981;
    --imp-text: #047857;
    --imp-fundal: #ecfdf5;
    --imp-chenar: #6ee7b7;
}

.imp-cosmetic[b-kcuctke7oj] {
    --imp-culoare: #94a3b8;
    --imp-text: #475569;
    --imp-fundal: #f1f5f9;
    --imp-chenar: #cbd5e1;
}

.imp-info[b-kcuctke7oj] {
    --imp-culoare: #cbd5e1;
    --imp-text: #475569;
    --imp-fundal: #f1f5f9;
    --imp-chenar: #cbd5e1;
}

/* Cardul unei categorii: chenar gros in culoarea ei si banda din stanga, vizibila si cand e stransa. */
.imp-card[b-kcuctke7oj] {
    position: relative;
    overflow: hidden;
    border: 2px solid var(--imp-chenar);
}

.imp-banda[b-kcuctke7oj] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: .5rem;
    background: var(--imp-culoare);
}

.imp-cap[b-kcuctke7oj] {
    cursor: pointer;
    background: var(--imp-fundal);
    border-bottom: 1px solid var(--imp-chenar);
    padding: .75rem 1rem .75rem 1.75rem;
}

.imp-corp[b-kcuctke7oj] {
    padding: 1rem 1rem 1rem 1.75rem;
}

.imp-text[b-kcuctke7oj] {
    color: var(--imp-text);
}

.imp-bulina[b-kcuctke7oj] {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--imp-culoare);
    flex: 0 0 auto;
}

.imp-bulina-mare[b-kcuctke7oj] {
    width: .625rem;
    height: .625rem;
}

/* Pastila „N de decis”: chihlimbariu, ca in sursa (bg-amber-100 / text-amber-800). */
.imp-pastila-decis[b-kcuctke7oj] {
    border-radius: 50rem;
    background: #fef3c7;
    color: #92400e;
    padding: .125rem .5rem;
    font-size: .75rem;
    font-weight: 500;
}

/* Pastila cu rezumatul deciziilor: doar chenar, ca sa nu concureze cu culoarea categoriei. */
.imp-pastila-rezumat[b-kcuctke7oj] {
    border-radius: 50rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    padding: .125rem .5rem;
    font-size: .75rem;
    font-weight: 400;
}

/* Bara de stare, mereu la vedere. */
.imp-bara[b-kcuctke7oj] {
    position: sticky;
    top: 0;
    z-index: 10;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(6px);
    padding: .75rem;
}

/* Cutia importului neterminat si banda deciziilor in masa: acelasi chenar punctat de accent. */
.imp-punctat[b-kcuctke7oj] {
    border: 2px dashed rgba(13, 110, 253, .5);
    background: rgba(13, 110, 253, .1);
    border-radius: .5rem;
    padding: 1rem;
}

.imp-banda-masa[b-kcuctke7oj] {
    border-top: 2px dashed rgba(13, 110, 253, .5);
    border-bottom: 2px dashed rgba(13, 110, 253, .5);
    background: rgba(13, 110, 253, .1);
    padding: .75rem;
}

.imp-cutie[b-kcuctke7oj] {
    background: rgba(0, 0, 0, .03);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
    padding: 1rem;
}

.imp-legenda[b-kcuctke7oj] {
    background: rgba(0, 0, 0, .03);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
    padding: .625rem 1rem;
    font-size: .75rem;
}

/* Antetul unui subgrup (camp). */
.imp-subgrup-cap[b-kcuctke7oj] {
    cursor: pointer;
    background: rgba(0, 0, 0, .03);
    padding: .5rem .75rem;
}

/* Nota comuna a grupului: toate randurile difera la fel. */
.imp-nota-taie[b-kcuctke7oj] {
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    background: #fffbeb;
    color: #92400e;
    padding: .375rem .75rem;
    font-size: .75rem;
}

/*
    Un rand de schimbare, pe doua coloane etichetate. Forma dinainte — „vechi ─→ nou”, cu taiere — nu spunea
    care valoare e care. Aici scrie: „acum in aplicatie” si „in registru”, iar bucata care chiar difera e
    ingrosata, ca ochiul s-o gaseasca fara sa compare litera cu litera.
*/
.imp-rand[b-kcuctke7oj] {
    padding: .5rem .75rem;
    font-size: .875rem;
}

.imp-rand + .imp-rand[b-kcuctke7oj] {
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.imp-rand-tinta[b-kcuctke7oj] {
    background: rgba(13, 110, 253, .1);
    box-shadow: inset 0 0 0 2px var(--bs-primary, #0d6efd);
}

.imp-vechi[b-kcuctke7oj], .imp-nou[b-kcuctke7oj] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    border-radius: .375rem;
    padding: .25rem .5rem;
}

.imp-vechi[b-kcuctke7oj] {
    border: 1px solid rgba(253, 164, 175, .7);
    background: rgba(255, 241, 242, .5);
}

.imp-nou[b-kcuctke7oj] {
    border: 1px solid rgba(110, 231, 183, .7);
    background: rgba(236, 253, 245, .5);
}

.imp-eticheta-vechi[b-kcuctke7oj], .imp-eticheta-nou[b-kcuctke7oj] {
    width: 7rem;
    flex: 0 0 auto;
    font-size: .75rem;
    font-weight: 500;
}

.imp-eticheta-vechi[b-kcuctke7oj] {
    color: #be123c;
}

.imp-eticheta-nou[b-kcuctke7oj] {
    color: #047857;
}

.imp-dif-vechi[b-kcuctke7oj] {
    background: #fecdd3;
    color: #881337;
    font-weight: 600;
}

.imp-dif-nou[b-kcuctke7oj] {
    background: #a7f3d0;
    color: #064e3b;
    font-weight: 600;
}

.imp-pe-cine[b-kcuctke7oj] {
    min-width: 16rem;
    font-weight: 500;
}

.imp-valori[b-kcuctke7oj] {
    min-width: 18rem;
    flex: 1 1 auto;
}

.imp-valori > * + *[b-kcuctke7oj] {
    margin-top: .25rem;
}

/* Culorile de avertizare folosite in text, aceleasi ca in sursa (amber-600). */
.imp-atentie[b-kcuctke7oj] {
    color: #d97706;
}
/* /Components/Pages/Import/Revisal.razor.rz.scp.css */
/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.3). */
.fw-medium[b-qzwqbnfm6m] {
    font-weight: 500;
}
/* /Components/Pages/Import/ZonaFisiere.razor.rz.scp.css */
/* Zona de fisiere (file-drop.tsx, modul `multiple`): chenar punctat, stare de hover si de „fisier deasupra”. */
.zona-fisiere[b-w49qgif48d] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1.5rem 1rem;
    border: 2px dashed var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s, background-color .15s;
    width: 100%;
    margin: 0;
}

.zona-fisiere:hover[b-w49qgif48d], .zona-fisiere:focus-within[b-w49qgif48d] {
    border-color: var(--bs-primary, #0d6efd);
    background-color: rgba(13, 110, 253, .05);
}

.zona-fisiere-deasupra[b-w49qgif48d] {
    border-color: var(--bs-primary, #0d6efd);
    background-color: rgba(13, 110, 253, .1);
}

.zona-fisiere-dezactivata[b-w49qgif48d] {
    pointer-events: none;
    opacity: .6;
}

/* Inputul nativ acopera toata zona, invizibil: pe el cad clickul si fisierele trase. */
.zona-fisiere[b-w49qgif48d]  input[type=file] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.zona-fisiere-continut[b-w49qgif48d] {
    position: relative;
    z-index: 2;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    max-width: 100%;
}

/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.3). */
.fw-medium[b-w49qgif48d] {
    font-weight: 500;
}
/* /Components/Pages/Onboarding/ChecklistAngajat.razor.rz.scp.css */
/* Bootstrap 5.1 n-are `fw-medium` (a venit in 5.3). */
.fw-medium[b-81utkitei4] { font-weight: 500; }

/* Culorile bulinelor de categorie din `categoryColors` (tailwind bg-purple/orange/teal-500), care nu au
   echivalent in paleta Bootstrap 5.1. Numele claselor raman cele din RegulileOnboardingului.Culoare. */
.bg-purple[b-81utkitei4] { background-color: #8b5cf6 !important; color: #fff; }
.bg-orange[b-81utkitei4] { background-color: #f97316 !important; color: #fff; }
.bg-teal[b-81utkitei4] { background-color: #14b8a6 !important; color: #fff; }
/* /Components/Pages/Onboarding/Index.razor.rz.scp.css */
/* Bootstrap 5.1 n-are `fw-medium` (a venit in 5.3) — o definim local, ca in celelalte pagini portate. */
.fw-medium[b-wss11p8wy4] { font-weight: 500; }
/* /Components/Pages/Organigrama/Organigrama.razor.rz.scp.css */
/* Organigrama structuri-first — SPEC-ORGANIGRAMA-PORT §8: conectori CSS (fara SVG), culori pe ramura, carduri
   mai mici cu adancimea, pan/zoom prin transform pe .og-stage. */

.og-viewport[b-lqeznmh5kl] {
    position: relative;
    height: calc(100vh - 190px);
    min-height: 480px;
    overflow: hidden;
    border: 1px solid #e3e6ea;
    border-radius: 8px;
    background: radial-gradient(#d9dde2 1px, transparent 1px) 0 0 / 22px 22px;
    touch-action: none;
    cursor: grab;
}

.og-stage[b-lqeznmh5kl] {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    padding: 24px;
}

.og-zoom-ind[b-lqeznmh5kl] {
    position: absolute;
    right: 10px;
    bottom: 8px;
    font-size: 12px;
    color: #6c757d;
    background: rgba(255,255,255,.8);
    padding: 2px 8px;
    border-radius: 10px;
}

/* ---- arbore top-down din ul/li ---- */
.og-viewport[b-lqeznmh5kl]  ul {
    list-style: none;
    margin: 0;
    padding: 28px 0 0 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.og-viewport[b-lqeznmh5kl]  ul.og-root {
    padding-top: 0;
}

.og-viewport[b-lqeznmh5kl]  li.og-node {
    position: relative;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* linia de la parinte in jos */
.og-viewport[b-lqeznmh5kl]  ul ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 28px;
    background: var(--og-line, #adb5bd);
    opacity: .55;
}

/* jumatatile liniei orizontale + coborarea din centrul ei */
.og-viewport[b-lqeznmh5kl]  ul ul > li::before,
.og-viewport[b-lqeznmh5kl]  ul ul > li::after {
    content: "";
    position: absolute;
    top: -28px;
    height: 28px;
    width: 50%;
    border-top: 2px solid var(--og-line, #adb5bd);
    opacity: .55;
}

.og-viewport[b-lqeznmh5kl]  ul ul > li::before { left: 0; }
.og-viewport[b-lqeznmh5kl]  ul ul > li::after { right: 0; border-left: 2px solid var(--og-line, #adb5bd); }
.og-viewport[b-lqeznmh5kl]  ul ul > li:first-child::before { border: 0; }
.og-viewport[b-lqeznmh5kl]  ul ul > li:last-child::after { border-top: 0; border-left: 2px solid var(--og-line, #adb5bd); }
.og-viewport[b-lqeznmh5kl]  ul ul > li:last-child::before { border-right: 2px solid var(--og-line, #adb5bd); border-radius: 0 6px 0 0; }
.og-viewport[b-lqeznmh5kl]  ul ul > li:first-child::after { border-radius: 6px 0 0 0; }
.og-viewport[b-lqeznmh5kl]  ul ul > li:only-child::before,
.og-viewport[b-lqeznmh5kl]  ul ul > li:only-child::after { border-top: 0; border-radius: 0; }

/* ---- vertical: coloana indentata cu „coturi" ---- */
.og-viewport[b-lqeznmh5kl]  ul.og-vert {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 26px;
    padding-top: 12px;
}

.og-viewport[b-lqeznmh5kl]  ul.og-vert::before {
    height: 100%;
    left: 8px;
}

.og-viewport[b-lqeznmh5kl]  ul.og-vert > li.og-node {
    align-items: flex-start;
    padding: 6px 0 6px 18px;
}

.og-viewport[b-lqeznmh5kl]  ul.og-vert > li::before,
.og-viewport[b-lqeznmh5kl]  ul.og-vert > li::after {
    border: 0;
}

.og-viewport[b-lqeznmh5kl]  ul.og-vert > li::before {
    top: 0;
    left: -18px;
    width: 18px;
    height: 50%;
    border-left: 2px solid var(--og-line, #adb5bd);
    border-bottom: 2px solid var(--og-line, #adb5bd);
    border-radius: 0 0 0 8px;
}

.og-viewport[b-lqeznmh5kl]  ul.og-vert > li:last-child ~ li::before { display: none; }

/* zona diviziei (depth 1) */
.og-viewport[b-lqeznmh5kl]  li.og-zona {
    background: color-mix(in srgb, var(--og-col) 5%, transparent);
    border: 1px solid color-mix(in srgb, var(--og-col) 28%, transparent);
    border-radius: 12px;
    padding-bottom: 10px;
}

/* ---- cardul ---- */
.og-viewport[b-lqeznmh5kl]  .og-card {
    position: relative;
    background: #fff;
    border: 1px solid #dee2e6;
    border-left: 4px solid var(--og-col, #6c757d);
    border-radius: 10px;
    padding: .7em .8em 1.2em;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    cursor: pointer;
    text-align: center;
    user-select: none;
}

.og-viewport[b-lqeznmh5kl]  .og-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.14); z-index: 2; }

.og-viewport[b-lqeznmh5kl]  .og-avatar {
    width: 2.6em; height: 2.6em; line-height: 2.6em;
    border-radius: 50%; margin: 0 auto .3em;
    background: color-mix(in srgb, var(--og-col) 16%, #fff);
    color: var(--og-col);
    font-weight: 700;
}

.og-viewport[b-lqeznmh5kl]  .og-name {
    font-weight: 700; text-transform: uppercase; color: var(--og-col);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.og-viewport[b-lqeznmh5kl]  .og-chief { font-size: .85em; color: #6c757d; margin-bottom: .4em; }
.og-viewport[b-lqeznmh5kl]  .og-badges { display: flex; gap: .3em; justify-content: center; flex-wrap: wrap; font-size: .78em; }
.og-viewport[b-lqeznmh5kl]  .og-pill { border-radius: 999px; padding: .1em .55em; background: #f1f3f5; color: #495057; }
.og-viewport[b-lqeznmh5kl]  .og-pill--blue { background: #dbe9ff; color: #0b5ed7; }
.og-viewport[b-lqeznmh5kl]  .og-pill--red { background: #ffe0e0; color: #c62828; }
.og-viewport[b-lqeznmh5kl]  .og-pill--green { background: #dff5e3; color: #1b7a3a; }

.og-viewport[b-lqeznmh5kl]  .og-members {
    margin-top: .5em; font-size: .8em; border: 1px solid var(--og-col); color: var(--og-col);
    background: transparent; border-radius: 999px; padding: .15em .7em;
}

.og-viewport[b-lqeznmh5kl]  .og-toggle {
    position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%);
    font-size: .8em; border: 1px solid #ced4da; background: #fff; border-radius: 999px; padding: .1em .6em; color: #495057;
}

.og-viewport[b-lqeznmh5kl]  .og-reorder {
    position: absolute; right: 4px; bottom: 4px; opacity: 0; display: flex; gap: 2px; transition: opacity .15s;
}

.og-viewport[b-lqeznmh5kl]  .og-card:hover .og-reorder { opacity: 1; }
.og-viewport[b-lqeznmh5kl]  .og-reorder button { border: 1px solid #ced4da; background: #fff; border-radius: 4px; font-size: .75em; padding: 0 .4em; }

/* ---- bara de save ---- */
.og-savebar[b-lqeznmh5kl] {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040;
    background: #fff; border-top: 1px solid #dee2e6; box-shadow: 0 -4px 16px rgba(0,0,0,.08);
    padding: 12px 24px; display: flex; align-items: center; justify-content: center;
}

/* ---- meniul radial („floarea") ---- */
.og-radial-overlay[b-lqeznmh5kl] {
    position: fixed; inset: 0; z-index: 1050;
    background: rgba(0,0,0,.6); backdrop-filter: blur(3px);
}

.og-radial-close[b-lqeznmh5kl] { position: absolute; top: 16px; right: 20px; background: transparent; border: 0; color: #fff; font-size: 26px; }

.og-radial-center[b-lqeznmh5kl] {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 224px; height: 224px; border-radius: 50%; background: #fff; color: #212529;
    display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 16px;
    animation: og-pop-b-lqeznmh5kl .25s ease-out;
}

.og-radial-title[b-lqeznmh5kl] { font-weight: 700; text-transform: uppercase; font-size: 14px; }
.og-radial-sub[b-lqeznmh5kl] { font-size: 12px; color: #6c757d; }

.og-radial-item[b-lqeznmh5kl] {
    position: absolute; left: 50%; top: 50%; margin: -56px 0 0 -56px;
    width: 112px; height: 112px; border-radius: 50%; border: 0;
    background: #fff; color: #212529; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
    font-size: 12px; line-height: 1.1; padding: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.3);
    animation: og-pop-b-lqeznmh5kl .3s ease-out both;
}

.og-radial-item i[b-lqeznmh5kl] { font-size: 20px; }
.og-radial-item:hover[b-lqeznmh5kl] { background: #0b5ed7; color: #fff; }
.og-radial-item.og-warn:hover[b-lqeznmh5kl] { background: #f59e0b; color: #fff; }
.og-radial-item.og-danger:hover[b-lqeznmh5kl] { background: #dc3545; color: #fff; }

@keyframes og-pop-b-lqeznmh5kl { from { opacity: 0; scale: .3; } to { opacity: 1; scale: 1; } }
/* /Components/Pages/Pontaj/Calendar.razor.rz.scp.css */
/* Calendarul lunii (AttendanceCalendar.tsx): celule egale, inalte de 4rem, cu bulinele tipurilor de prezenta. */

.calendar-pontaj[b-62cgpw4umw] {
    border-collapse: collapse;
    table-layout: fixed;
}

.calendar-pontaj th[b-62cgpw4umw] {
    padding: .25rem 0;
}

.zi-calendar[b-62cgpw4umw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 4rem;
    border: 0;
    background: transparent;
    border-radius: .375rem;
    font-size: 1rem;
    line-height: 1.1;
    color: inherit;
}

.zi-calendar:hover[b-62cgpw4umw] {
    background-color: rgba(13, 110, 253, .08);
}

.zi-aleasa[b-62cgpw4umw] {
    outline: 2px solid var(--bs-primary, #0d6efd);
    outline-offset: -2px;
    background-color: rgba(13, 110, 253, .12);
}

.zi-din-afara[b-62cgpw4umw] {
    opacity: .4;
}

/* Culorile din sursa (Tailwind red-500 / amber-500 la 10% opacitate). */
.zi-sarbatoare[b-62cgpw4umw] {
    background-color: rgba(239, 68, 68, .1);
    color: #dc2626;
    font-weight: 500;
}

.zi-weekend[b-62cgpw4umw] {
    background-color: rgba(245, 158, 11, .1);
    color: #d97706;
}

.bulina[b-62cgpw4umw] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    display: inline-block;
}

/* Tipurile de prezenta — aceleasi culori ca in sursa (Tailwind 500). Folosite si pe buline, si pe badge-uri. */
.tip-prezent[b-62cgpw4umw] { background-color: #22c55e; color: #fff; }
.tip-absent[b-62cgpw4umw] { background-color: #ef4444; color: #fff; }
.tip-concediu[b-62cgpw4umw] { background-color: #3b82f6; color: #fff; }
.tip-medical[b-62cgpw4umw] { background-color: #f97316; color: #fff; }
.tip-telemunca[b-62cgpw4umw] { background-color: #a855f7; color: #fff; }
.tip-necunoscut[b-62cgpw4umw] { background-color: #6b7280; color: #fff; }

/* Actiunile de pe cardul zilei apar la trecerea cu mouse-ul (group-hover din sursa). */
.actiuni-rand[b-62cgpw4umw] {
    opacity: 0;
    transition: opacity .15s;
}

.rand-zi:hover .actiuni-rand[b-62cgpw4umw],
.rand-zi:focus-within .actiuni-rand[b-62cgpw4umw] {
    opacity: 1;
}

/* BulkActionsBar: bara fixa, centrata jos. */
.bara-selectie[b-62cgpw4umw] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    border: 2px solid rgba(13, 110, 253, .2);
}

/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.2); componentele proiectului si-o definesc local. */
.fw-medium[b-62cgpw4umw] {
    font-weight: 500;
}
/* /Components/Pages/Pontaj/CereriConcedii.razor.rz.scp.css */
/* BulkActionsBar (bulk-actions-bar.tsx): bara fixa, centrata jos, peste continut. */
.bara-selectie[b-nhsxa4ux7b] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    border: 2px solid rgba(13, 110, 253, .2);
}

/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.2); componentele proiectului si-o definesc local. */
.fw-medium[b-nhsxa4ux7b] {
    font-weight: 500;
}
/* /Components/Pages/Pontaj/ConcediiMedicale.razor.rz.scp.css */
/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.3), iar sursa foloseste `font-medium` pe numele angajatului. */
.fw-medium[b-titpreoqw4] {
    font-weight: 500;
}
/* /Components/Pages/Pontaj/Dispozitive.razor.rz.scp.css */
/* „border-2 border-primary/20" pe cardurile de sisteme, din AutoAttendanceDevices.tsx. */
.dispozitive-card[b-7n01aqtxd0] {
    border-width: 2px;
    border-color: rgba(var(--bs-primary-rgb), .2);
}

/* Blocurile de cod deruleaza pe orizontala in ele insele, nu impinge pagina (overflow-x-auto in sursa). */
.dispozitive-cod[b-7n01aqtxd0] {
    overflow-x: auto;
    white-space: pre;
}
/* /Components/Pages/Pontaj/DocumenteJustificative.razor.rz.scp.css */
/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.3), iar sursa foloseste `font-medium` pe numele angajatului. */
.fw-medium[b-iutrhhb8gd] {
    font-weight: 500;
}
/* /Components/Pages/Pontaj/GrilaLunara.razor.rz.scp.css */
/* Grila lunara de pontaj — portul stilurilor din AttendanceMonthlyGrid.tsx.
   Acolo culorile veneau din clase Tailwind (bg-blue-100 / dark:bg-blue-900 …); aici sunt scrise pe fata,
   cu perechea de noapte sub `html.wd-dark` (mecanismul din wwwroot/dark-mode.css).
   Chenarele de stare (selectat / editat / fara act justificativ) sunt `box-shadow: inset` — echivalentul
   lui `ring-…` din Tailwind: nu misca layoutul, cum ar face un `border`. */

.pt-radacina[b-nds9xs786r] {
    --pt-bord: #dee2e6;
    --pt-fundal: #fff;
    --pt-muted: #6c757d;
}

/* ── controale de deasupra grilei ────────────────────────────────────────── */
.pt-luna[b-nds9xs786r] {
    min-width: 8.5rem;
    text-align: center;
}

.pt-rand-selectie[b-nds9xs786r] {
    height: 1.5rem; /* mereu aceeasi inaltime, cu sau fara selectie: altfel grila de sub ar sari */
}

.pt-x[b-nds9xs786r] {
    line-height: 1;
    text-decoration: none;
}

.pt-centralizator[b-nds9xs786r] {
    position: relative;
}

.pt-coloane-meniu[b-nds9xs786r] {
    position: absolute;
    inset-inline-start: 0;
    top: 100%;
    margin-top: .35rem;
    width: 20rem;
    max-height: 70vh;
    overflow-y: auto;
    /* chenar de 2px + umbra puternica: pe tema inchisa un chenar de 1px se confunda cu pagina */
    border-width: 2px;
    box-shadow: 0 1rem 2rem rgba(0,0,0,.5);
    z-index: 1070;
}

.pt-bifat[b-nds9xs786r] {
    background: rgba(13,110,253,.08);
}

.pt-bifa[b-nds9xs786r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(108,117,125,.6);
    border-radius: 4px;
    font-size: .7rem;
    line-height: 1;
    color: transparent;
}

.pt-bifa-on[b-nds9xs786r] {
    border-color: #22c55e;
    background: #22c55e;
    color: #fff;
}

.pt-bifa-eticheta[b-nds9xs786r] {
    flex: 0 0 auto;
    width: 4.5rem;
}

/* ── containerul care se deruleaza ───────────────────────────────────────── */
.pt-grila[b-nds9xs786r] {
    overflow: auto;
    min-height: 300px;
    position: relative;
}

.pt-tabel[b-nds9xs786r] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .75rem;
    margin: 0;
}

.pt-tabel th[b-nds9xs786r],
.pt-tabel td[b-nds9xs786r] {
    border-bottom: 1px solid var(--pt-bord);
    border-right: 1px solid var(--pt-bord);
    background: var(--pt-fundal);
}

.pt-tabel tbody tr:hover td[b-nds9xs786r] {
    background: rgba(0,0,0,.025);
}

/* ── antet ───────────────────────────────────────────────────────────────── */
.pt-th-nume[b-nds9xs786r] {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 40;
    min-width: 160px;
    padding: .375rem;
    text-align: start;
    font-weight: 600;
}

.pt-th-zi[b-nds9xs786r] {
    position: sticky;
    top: 0;
    z-index: 30;
    min-width: 45px;
    padding: .25rem;
}

.pt-th-sumar[b-nds9xs786r] {
    position: sticky;
    top: 0;
    z-index: 40;
    padding: .375rem;
    text-align: center;
    font-weight: 600;
}

.pt-zi-nr[b-nds9xs786r] {
    font-size: .75rem;
}

.pt-zi-nume[b-nds9xs786r] {
    font-size: .625rem;
    color: var(--pt-muted);
}

/* weekend / sarbatoare in antet */
.pt-th-zi.pt-weekend[b-nds9xs786r] { background: #fef3c7; }
.pt-th-zi.pt-weekend .pt-zi-nr[b-nds9xs786r] { color: #b45309; }
.pt-th-zi.pt-weekend .pt-zi-nume[b-nds9xs786r] { color: #d97706; }
.pt-th-zi.pt-sarbatoare[b-nds9xs786r] { background: #fee2e2; }
.pt-th-zi.pt-sarbatoare .pt-zi-nr[b-nds9xs786r] { color: #b91c1c; }
.pt-th-zi.pt-sarbatoare .pt-zi-nume[b-nds9xs786r] { color: #dc2626; }

/* ── coloana de nume ─────────────────────────────────────────────────────── */
.pt-td-nume[b-nds9xs786r] {
    position: sticky;
    left: 0;
    z-index: 10;
    padding: .375rem;
    min-width: 160px;
    max-width: 220px;
}

.pt-nume[b-nds9xs786r] {
    font-size: .75rem;
}

/* functia „adevarata" e cea din contract (COR), nu cea scrisa pe angajat */
.pt-functie[b-nds9xs786r] {
    font-size: .625rem;
    max-width: 200px;
}

/* ── celule de zi ────────────────────────────────────────────────────────── */
.pt-td-zi[b-nds9xs786r] {
    padding: .25rem;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.pt-td-zi.pt-zi-weekend[b-nds9xs786r] { background: #fffbeb; }
.pt-td-zi.pt-zi-sarbatoare[b-nds9xs786r] { background: #fef2f2; }

/* fara document justificativ in spate */
.pt-td-zi.pt-fara-act[b-nds9xs786r] { box-shadow: inset 0 0 0 1px #fb923c; }
/* modificare nesalvata inca */
.pt-td-zi.pt-editata[b-nds9xs786r] { box-shadow: inset 0 0 0 2px var(--bs-primary, #0d6efd); }
/* selectata (si previzualizarea dreptunghiului tras cu mouse-ul, pictata din JS) */
.pt-td-zi.pt-selectata[b-nds9xs786r],
.pt-td-zi.pt-drag[b-nds9xs786r] {
    box-shadow: inset 0 0 0 2px #3b82f6;
    background: #eff6ff;
}

.pt-semn-act[b-nds9xs786r] {
    position: absolute;
    top: 0;
    right: .125rem;
    font-size: .5625rem;
    line-height: 1;
    font-weight: 700;
    color: #f97316;
}

.pt-celula[b-nds9xs786r] {
    height: 1.75rem;
}

.pt-input[b-nds9xs786r] {
    height: 1.25rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: center;
    font-size: .6875rem;
    font-weight: 600;
    cursor: pointer;
    color: inherit;
}

.pt-input:focus[b-nds9xs786r] {
    outline: none;
}

.pt-diurna[b-nds9xs786r] {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    color: #2563eb;
}

/* codurile din pontajul romanesc */
.pt-cod-co[b-nds9xs786r]  { background: #dbeafe; color: #1e3a8a; }
.pt-cod-cm[b-nds9xs786r]  { background: #ffedd5; color: #7c2d12; }
.pt-cod-itm[b-nds9xs786r] { background: #fde68a; color: #451a03; }
.pt-cod-cfp[b-nds9xs786r] { background: #ccfbf1; color: #134e4a; }
.pt-cod-an[b-nds9xs786r]  { background: #fee2e2; color: #7f1d1d; }
.pt-cod-int[b-nds9xs786r] { background: #fef9c3; color: #713f12; }
.pt-cod-tm[b-nds9xs786r]  { background: #f3e8ff; color: #581c87; }
.pt-cod-ze[b-nds9xs786r]  { background: #dcfce7; color: #14532d; }
.pt-cod-alt[b-nds9xs786r] { background: #f3f4f6; color: #111827; }

/* ── coloanele-sumar (dreapta, sticky) ───────────────────────────────────── */
.pt-td-sumar[b-nds9xs786r] {
    position: sticky;
    z-index: 10;
    padding: .375rem;
    text-align: center;
    font-size: .75rem;
}

.pt-th-sumar:first-of-type[b-nds9xs786r],
.pt-td-sumar:first-of-type[b-nds9xs786r] {
    border-left: 1px solid var(--pt-bord);
}

.pt-c-supl[b-nds9xs786r] { color: #ea580c; font-weight: 500; }
.pt-c-eveniment[b-nds9xs786r] { color: #16a34a; font-weight: 500; }
.pt-c-diurna[b-nds9xs786r] { background: #eff6ff; color: #1d4ed8; font-weight: 600; }
.pt-c-diurna-cap[b-nds9xs786r] { background: #eff6ff; }

/* ── meniul de la cursor ─────────────────────────────────────────────────── */
/* Pozitionat fix, la cursor. Nu are backdrop: grila trebuie sa ramana vizibila (decizia CO/CM se ia
   uitandu-te la zilele vecine). Inchiderea la click in afara o face resumanPontaj din js/resuman.js. */
.pt-meniu[b-nds9xs786r] {
    position: fixed;
    display: block;
    z-index: 1080;
    min-width: 16rem;
    max-height: 70vh;
    overflow-y: auto;
    border-width: 2px;
    box-shadow: 0 1rem 2rem rgba(0,0,0,.45);
}

.pt-prompt[b-nds9xs786r] {
    width: 19rem;
}

.pt-cod-actiune[b-nds9xs786r] {
    display: inline-block;
    width: 2.5rem;
    font-family: var(--bs-font-monospace, monospace);
    font-weight: 600;
}

.pt-a-p[b-nds9xs786r]   { color: #374151; }
.pt-a-co[b-nds9xs786r]  { color: #1d4ed8; }
.pt-a-cm[b-nds9xs786r]  { color: #c2410c; }
.pt-a-itm[b-nds9xs786r] { color: #b45309; }
.pt-a-cfp[b-nds9xs786r] { color: #0f766e; }
.pt-a-an[b-nds9xs786r]  { color: #b91c1c; }
.pt-a-tm[b-nds9xs786r]  { color: #7e22ce; }
.pt-a-ze[b-nds9xs786r]  { color: #15803d; }
.pt-a-int[b-nds9xs786r] { color: #a16207; }
.pt-a-d[b-nds9xs786r]   { color: #1d4ed8; }

/* ── noapte (html.wd-dark, ca in wwwroot/dark-mode.css) ──────────────────── */
html.wd-dark .pt-radacina[b-nds9xs786r] {
    --pt-bord: #4a4a4a;
    --pt-fundal: #2e2e2e;
    --pt-muted: #a8a8a8;
}

html.wd-dark .pt-tabel tbody tr:hover td[b-nds9xs786r] { background: rgba(255,255,255,.04); }

html.wd-dark .pt-th-zi.pt-weekend[b-nds9xs786r] { background: #78350f; }
html.wd-dark .pt-th-zi.pt-weekend .pt-zi-nr[b-nds9xs786r] { color: #fcd34d; }
html.wd-dark .pt-th-zi.pt-weekend .pt-zi-nume[b-nds9xs786r] { color: #fbbf24; }
html.wd-dark .pt-th-zi.pt-sarbatoare[b-nds9xs786r] { background: #7f1d1d; }
html.wd-dark .pt-th-zi.pt-sarbatoare .pt-zi-nr[b-nds9xs786r] { color: #fca5a5; }
html.wd-dark .pt-th-zi.pt-sarbatoare .pt-zi-nume[b-nds9xs786r] { color: #f87171; }

html.wd-dark .pt-td-zi.pt-zi-weekend[b-nds9xs786r] { background: rgba(120,53,15,.3); }
html.wd-dark .pt-td-zi.pt-zi-sarbatoare[b-nds9xs786r] { background: rgba(127,29,29,.4); }
html.wd-dark .pt-td-zi.pt-selectata[b-nds9xs786r],
html.wd-dark .pt-td-zi.pt-drag[b-nds9xs786r] { background: #172554; }

html.wd-dark .pt-cod-co[b-nds9xs786r]  { background: #1e3a8a; color: #dbeafe; }
html.wd-dark .pt-cod-cm[b-nds9xs786r]  { background: #7c2d12; color: #ffedd5; }
html.wd-dark .pt-cod-itm[b-nds9xs786r] { background: #92400e; color: #fffbeb; }
html.wd-dark .pt-cod-cfp[b-nds9xs786r] { background: #134e4a; color: #ccfbf1; }
html.wd-dark .pt-cod-an[b-nds9xs786r]  { background: #7f1d1d; color: #fee2e2; }
html.wd-dark .pt-cod-int[b-nds9xs786r] { background: #713f12; color: #fef9c3; }
html.wd-dark .pt-cod-tm[b-nds9xs786r]  { background: #581c87; color: #f3e8ff; }
html.wd-dark .pt-cod-ze[b-nds9xs786r]  { background: #14532d; color: #dcfce7; }
html.wd-dark .pt-cod-alt[b-nds9xs786r] { background: #374151; color: #f3f4f6; }

html.wd-dark .pt-c-diurna[b-nds9xs786r] { background: #172554; color: #bfdbfe; }
html.wd-dark .pt-c-diurna-cap[b-nds9xs786r] { background: #172554; }

html.wd-dark .pt-a-p[b-nds9xs786r]   { color: #d1d5db; }
html.wd-dark .pt-a-co[b-nds9xs786r]  { color: #93c5fd; }
html.wd-dark .pt-a-cm[b-nds9xs786r]  { color: #fdba74; }
html.wd-dark .pt-a-itm[b-nds9xs786r] { color: #fcd34d; }
html.wd-dark .pt-a-cfp[b-nds9xs786r] { color: #5eead4; }
html.wd-dark .pt-a-an[b-nds9xs786r]  { color: #fca5a5; }
html.wd-dark .pt-a-tm[b-nds9xs786r]  { color: #d8b4fe; }
html.wd-dark .pt-a-ze[b-nds9xs786r]  { color: #86efac; }
html.wd-dark .pt-a-int[b-nds9xs786r] { color: #fde047; }
html.wd-dark .pt-a-d[b-nds9xs786r]   { color: #93c5fd; }
/* /Components/Pages/Pontaj/Index.razor.rz.scp.css */
/* Taburile verticale din AttendanceManagement.tsx: coloana de categorii la stanga (w-56 acolo), continutul
   la dreapta. `min-width: 0` pe continut e obligatoriu — fara el, tabelul lat al grilei intinde flex-ul si
   grila nu mai deruleaza pe orizontala, ci imping pagina. */

.pontaj-coloana[b-szl0d1k6vz] {
    flex: 0 0 auto;
    width: 14rem;
}

.pontaj-continut[b-szl0d1k6vz] {
    min-width: 0;
}

.pontaj-coloana .nav-link[b-szl0d1k6vz] {
    font-size: .875rem;
    padding: .625rem .75rem;
}

.pontaj-coloana .nav-link i[b-szl0d1k6vz] {
    flex: 0 0 auto;
    width: 1rem;
    text-align: center;
}

@media (max-width: 767.98px) {
    .pontaj-container[b-szl0d1k6vz] {
        flex-direction: column;
    }

    .pontaj-coloana[b-szl0d1k6vz] {
        width: 100%;
    }
}

/* „fiecare e categorie proprie, cu latime limitata ca sa nu se intinda pe tot ecranul lat" — max-w-3xl in React */
.pontaj-ingust[b-szl0d1k6vz] {
    max-width: 48rem;
}
/* /Components/Pages/Pontaj/Prime.razor.rz.scp.css */
/* Bulina de culoare a primei (w-3 h-3 rounded-full in sursa) — culoarea vine inline, din bonus_types.color. */
.prima-bulina[b-kssfiib1vs] {
    display: inline-block;
    flex: 0 0 auto;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
}

/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.3). */
.fw-medium[b-kssfiib1vs] {
    font-weight: 500;
}
/* /Components/Pages/Pontaj/Transferuri.razor.rz.scp.css */
/* Bootstrap 5.1 nu are `.fw-medium` (a aparut in 5.3), iar sursa foloseste `font-medium` pe numele angajatului. */
.fw-medium[b-xoie9iuo9q] {
    font-weight: 500;
}
/* /Components/Pages/Rapoarte/Index.razor.rz.scp.css */
/* Catalogul din stanga: raportul ales se vede ca butonul apasat, ca in RESUMAN-ul vechi (bg-primary). */
.set-buton[b-2b4s9yew0q] {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    border: 0;
    border-radius: .375rem;
    text-align: left;
    background: transparent;
    color: inherit;
}

    .set-buton:hover[b-2b4s9yew0q] {
        background: #f1f3f5;
    }

.set-buton--ales[b-2b4s9yew0q],
.set-buton--ales:hover[b-2b4s9yew0q] {
    background: #0d6efd;
    color: #fff;
}

.set-buton-tip[b-2b4s9yew0q] {
    font-size: .625rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6c757d;
}

.set-buton--ales .set-buton-tip[b-2b4s9yew0q] {
    color: rgba(255, 255, 255, .8);
}

.set-buton-descriere[b-2b4s9yew0q] {
    display: block;
    font-size: .75rem;
    color: #6c757d;
}

.set-buton--ales .set-buton-descriere[b-2b4s9yew0q] {
    color: rgba(255, 255, 255, .9);
}

/* Profilurile salvate */
.profil-rand[b-2b4s9yew0q] {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .5rem;
    border-radius: .375rem;
}

    .profil-rand:hover[b-2b4s9yew0q] {
        background: #f1f3f5;
    }

.profil-rand--ales[b-2b4s9yew0q] {
    background: #e9ecef;
}

/* Titlul unei categorii de coloane: se poate apasa, dar arata a eticheta. */
.categorie-titlu[b-2b4s9yew0q] {
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6c757d;
}

    .categorie-titlu:hover[b-2b4s9yew0q] {
        color: #212529;
    }

/* Bootstrap 5.1 n-are `fw-medium`. */
.fw-medium[b-2b4s9yew0q] {
    font-weight: 500;
}
/* /Components/Pages/Rapoarte/SelectieMultipla.razor.rz.scp.css */
/* Panoul se aseaza peste ce urmeaza, ca un popover, ca sa nu sara formularul cand se deschide. */
.selectie-multipla[b-a8v2kz43da] {
    position: relative;
}

.selectie-panou[b-a8v2kz43da] {
    position: absolute;
    z-index: 1050;
    top: calc(100% + .25rem);
    left: 0;
    width: 320px;
    max-width: calc(100vw - 2rem);
    padding: .5rem;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.selectie-lista[b-a8v2kz43da] {
    max-height: 15rem;
    overflow-y: auto;
}

    .selectie-lista label[b-a8v2kz43da] {
        cursor: pointer;
    }

    .selectie-lista label:hover[b-a8v2kz43da] {
        background: #f1f3f5;
    }
/* /Components/Pages/Rapoarte/TabelRaport.razor.rz.scp.css */
/* Tabelul e si ce se vede pe ecran, si ce se citeste in fereastra dinaintea exportului: culori care merg pe alb. */
.tabel-raport[b-1k319ipkqs] {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    background: #fff;
    font-size: .8125rem;
    color: #212529;
}

.text-neutru[b-1k319ipkqs] {
    color: #6c757d;
}

.text-neutru-slab[b-1k319ipkqs] {
    color: #adb5bd;
}

.tabel-raport-tabel th[b-1k319ipkqs] {
    padding: .375rem .5rem;
    border-bottom: 2px solid #ced4da;
    background: #e4eff3;
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #495057;
    vertical-align: bottom;
}

.tabel-raport-tabel td[b-1k319ipkqs] {
    padding: .25rem .5rem;
    vertical-align: top;
}

.tabel-raport-tabel tbody tr:nth-child(even)[b-1k319ipkqs] {
    background: #fafbfc;
}

.tabel-raport-tabel .rand-grup > td[b-1k319ipkqs] {
    border-bottom: 1px solid #e9ecef;
    background: #f1f3f5;
    font-weight: 600;
}

.tabel-raport-tabel .rand-subtotal > td[b-1k319ipkqs] {
    border-bottom: 1px solid #e9ecef;
    font-style: italic;
    color: #495057;
}

.tabel-raport-tabel .rand-total > td[b-1k319ipkqs] {
    border-top: 2px solid #adb5bd;
    font-weight: 600;
}
/* /Components/Pages/Sabloane/Index.razor.rz.scp.css */
/* Lista de sabloane (DocumentTemplates.tsx): randul-container, randurile-copil indentate, etichetele colorate. */
.rand-holder[b-xztjovo0u5] {
    cursor: pointer;
    transition: background-color .15s;
}

.rand-holder:hover[b-xztjovo0u5] {
    background-color: var(--bs-gray-200, #e9ecef) !important;
}

.rand-sablon[b-xztjovo0u5] {
    transition: background-color .15s;
}

.rand-sablon:hover[b-xztjovo0u5] {
    background-color: rgba(0, 0, 0, .03);
}

.rand-copil[b-xztjovo0u5] {
    border-left: 2px solid rgba(13, 110, 253, .4) !important;
}

.min-w-0[b-xztjovo0u5] {
    min-width: 0;
}

/* Butoanele-pictograma de pe rand (h-7 w-7). */
.btn-icon[b-xztjovo0u5] {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
}

/* Etichetele mici (text-[10px] px-1.5 py-0.5 rounded). */
.eticheta[b-xztjovo0u5] {
    display: inline-flex;
    align-items: center;
    gap: .125rem;
    font-size: 10px;
    line-height: 1.4;
    padding: .125rem .375rem;
    border-radius: .25rem;
}

.eticheta-verde[b-xztjovo0u5] { background: rgba(34, 197, 94, .1); color: #16a34a; }
.eticheta-rosie[b-xztjovo0u5] { background: rgba(239, 68, 68, .1); color: #dc2626; }
.eticheta-galbena[b-xztjovo0u5] { background: rgba(245, 158, 11, .1); color: #d97706; }
.eticheta-albastra[b-xztjovo0u5] { background: rgba(59, 130, 246, .1); color: #2563eb; }
.eticheta-mov[b-xztjovo0u5] { background: rgba(168, 85, 247, .1); color: #9333ea; }
/* /Components/Pages/Sabloane/ZonaFisier.razor.rz.scp.css */
/* Zona de fisier (file-drop.tsx): chenar punctat, stare de hover si de „fisier deasupra”. */
.zona-fisier[b-ge0iq338zm] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1.5rem 1rem;
    border: 2px dashed var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s, background-color .15s;
    width: 100%;
    margin: 0;
}

.zona-fisier-compact[b-ge0iq338zm] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: .125rem .5rem;
    padding: .625rem .75rem;
}

.zona-fisier:hover[b-ge0iq338zm], .zona-fisier:focus-within[b-ge0iq338zm] {
    border-color: var(--bs-primary, #0d6efd);
    background-color: rgba(13, 110, 253, .05);
}

.zona-fisier-deasupra[b-ge0iq338zm] {
    border-color: var(--bs-primary, #0d6efd);
    background-color: rgba(13, 110, 253, .1);
}

.zona-fisier-dezactivata[b-ge0iq338zm] {
    pointer-events: none;
    opacity: .6;
}

/* Inputul nativ acopera toata zona, invizibil: pe el cad clickul si fisierul tras. */
.zona-fisier[b-ge0iq338zm]  input[type=file] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.zona-fisier-continut[b-ge0iq338zm] {
    position: relative;
    z-index: 2;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    max-width: 100%;
}

.zona-fisier-compact .zona-fisier-continut[b-ge0iq338zm] {
    flex-direction: row;
    flex-wrap: wrap;
}

.zona-fisier-continut[b-ge0iq338zm]  .zona-fisier-scoate, .zona-fisier-scoate[b-ge0iq338zm] {
    pointer-events: auto;
    font-size: .75rem;
}
/* /Components/Pages/Setari/Index.razor.rz.scp.css */
/* Bootstrap 5.1 n-are `fw-medium` (a venit in 5.3). */
.fw-medium[b-iycicvwfl0] { font-weight: 500; }
/* /Components/Pages/Statistici/Index.razor.rz.scp.css */
/* Bootstrap 5.1 n-are `fw-medium` (a venit in 5.3). */
.fw-medium[b-kusjh1zp3y] { font-weight: 500; }