/* /Components/App.razor.rz.scp.css */
/* Entrada visual de la aplicación. Las reglas globales compartidas viven en wwwroot/app.css. */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.shell[b-5f3mxquno9] {
    --shell-header-height: 82px;
    --shell-brand-image-width: 109px;
    --shell-brand-image-height: 71px;
    --shell-brand-rail-size: 57px;
    --shell-divider-color: var(--line);
    display: grid;
    grid-template-columns: 273.7px minmax(0, 1fr);
    min-height: 100dvh;
    background: linear-gradient(90deg,
        var(--sidebar-bg) 0,
        var(--sidebar-bg) 273.7px,
        var(--bg) 273.7px,
        var(--bg) 100%);
}
.shell--compact-menu[b-5f3mxquno9] {
    grid-template-columns: 60px minmax(0, 1fr);
    background: linear-gradient(90deg,
        var(--sidebar-bg) 0,
        var(--sidebar-bg) 60px,
        var(--bg) 60px,
        var(--bg) 100%);
}
.shell--automatic-menu[b-5f3mxquno9] {
    grid-template-columns: 60px minmax(0, 1fr);
    background: linear-gradient(90deg,
        var(--sidebar-bg) 0,
        var(--sidebar-bg) 60px,
        var(--bg) 60px,
        var(--bg) 100%);
    transition: grid-template-columns .18s ease;
}
.shell--automatic-menu:has(> .sidebar--automatic:hover)[b-5f3mxquno9],
.shell--automatic-menu:has(> .sidebar--automatic:focus-within)[b-5f3mxquno9] { grid-template-columns: 273.7px minmax(0, 1fr); }
html[data-stariz-nav-collapsed="true"] .shell[b-5f3mxquno9] {
    grid-template-columns: 60px minmax(0, 1fr);
    background: linear-gradient(90deg,
        var(--sidebar-bg) 0,
        var(--sidebar-bg) 60px,
        var(--bg) 60px,
        var(--bg) 100%);
}

.content[b-5f3mxquno9] {
    min-width: 0;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.topbar[b-5f3mxquno9] {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 var(--shell-header-height);
    gap: 16px;
    width: 100%;
    height: var(--shell-header-height);
    min-height: var(--shell-header-height);
    max-height: var(--shell-header-height);
    margin: 0;
    padding: 0 14px;
    box-sizing: border-box;
    background: var(--topbar-bg);
    color: var(--topbar-text);
    border: 0;
    border-bottom: 1px solid var(--shell-divider-color);
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    text-shadow: none;
}

.topbar-context[b-5f3mxquno9] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    flex: 1 1 auto;
}

.topbar-menu-toggle[b-5f3mxquno9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--topbar-text);
    cursor: pointer;
}
.topbar-menu-toggle:hover[b-5f3mxquno9],
.topbar-menu-toggle:focus-visible[b-5f3mxquno9] {
    background: color-mix(in srgb, var(--topbar-text) 9%, transparent);
    outline: none;
}
.topbar-menu-toggle svg[b-5f3mxquno9] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.topbar-context__separator[b-5f3mxquno9],
.topbar-actions__separator[b-5f3mxquno9] {
    display: block;
    flex: 0 0 1px;
    width: 1px;
    height: 30px;
    background: var(--topbar-border);
}

.topbar-title-stack[b-5f3mxquno9] {
    display: grid;
    gap: 1px;
    min-width: 0;
    max-width: min(42vw, 560px);
}
.topbar-title-stack strong[b-5f3mxquno9] {
    overflow: hidden;
    color: var(--topbar-text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: none;
}
.topbar-title-stack span[b-5f3mxquno9] {
    overflow: hidden;
    color: var(--topbar-text-muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: none;
}

.topbar-search[b-5f3mxquno9] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 1 330px;
    min-width: 190px;
    margin-left: auto;
}
.topbar-search input[b-5f3mxquno9] {
    min-height: 34px;
    height: 34px;
    padding: 7px 10px;
    background: color-mix(in srgb, var(--topbar-bg) 90%, var(--field));
    border-color: var(--topbar-border);
    color: var(--topbar-text);
}
.topbar-search__button[b-5f3mxquno9] {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid var(--topbar-border);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--topbar-text);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    cursor: pointer;
}

.topbar-actions[b-5f3mxquno9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex: 0 0 auto;
    min-width: 0;
    color: var(--topbar-text);
}

.user-avatar-menu[b-5f3mxquno9] {
    position: relative;
    flex: 0 0 auto;
}
.user-avatar-menu > summary[b-5f3mxquno9] { list-style: none; }
.user-avatar-menu > summary[b-5f3mxquno9]::-webkit-details-marker { display: none; }
.topbar-user-summary[b-5f3mxquno9] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 2px 6px 2px 4px;
    border: 0;
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--topbar-text);
    transition: background-color .16s ease;
}
.topbar-user-summary:hover[b-5f3mxquno9],
.topbar-user-summary:focus-visible[b-5f3mxquno9],
.user-avatar-menu[open] > .topbar-user-summary[b-5f3mxquno9] {
    background: color-mix(in srgb, var(--topbar-text) 8%, transparent);
    outline: none;
}
.topbar-user-summary:focus-visible[b-5f3mxquno9] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--topbar-text) 28%, transparent);
}
.user-avatar[b-5f3mxquno9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: 1px solid var(--topbar-border);
    border-radius: 50%;
    background: transparent;
    color: var(--topbar-text);
    box-shadow: none;
    filter: none;
    text-shadow: none;
}
.user-avatar img[b-5f3mxquno9] { width: 100%; height: 100%; object-fit: cover; box-shadow: none; filter: none; }
.user-avatar span[b-5f3mxquno9] { font-size: var(--text-2xs); font-weight: var(--weight-bold); text-shadow: none; }
.topbar-user-copy[b-5f3mxquno9] { display: grid; gap: 1px; min-width: 0; max-width: 150px; }
.topbar-user-copy strong[b-5f3mxquno9],
.topbar-user-copy small[b-5f3mxquno9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: none;
}
.topbar-user-copy strong[b-5f3mxquno9] { color: var(--topbar-text); font-size: var(--text-2xs); font-weight: var(--weight-semibold); }
.topbar-user-copy small[b-5f3mxquno9] { color: var(--topbar-text-muted); font-size: var(--text-2xs); font-weight: var(--weight-regular); }
.topbar-user-chevron[b-5f3mxquno9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--topbar-text-muted);
    transition: transform .16s ease, color .16s ease;
}
.user-avatar-menu[open] .topbar-user-chevron[b-5f3mxquno9] {
    transform: rotate(180deg);
    color: var(--topbar-text);
}

.user-avatar-menu__panel[b-5f3mxquno9] {
    position: absolute;
    right: 0;
    top: calc(100% + 9px);
    z-index: 70;
    width: 286px;
    padding: 8px;
    background: var(--panel);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .14), 0 3px 10px rgba(15, 23, 42, .08);
}
.user-avatar-menu__identity[b-5f3mxquno9] {
    display: grid;
    gap: 7px;
    padding: 7px 8px 10px;
}
.user-avatar-menu__identity-copy[b-5f3mxquno9] {
    display: grid;
    gap: 2px;
}
.user-avatar-menu__identity-copy strong[b-5f3mxquno9] {
    overflow: hidden;
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-avatar-menu__identity-copy span[b-5f3mxquno9] {
    overflow: hidden;
    color: var(--muted);
    font-size: var(--text-2xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-avatar-menu__photo-action[b-5f3mxquno9] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    min-height: 28px;
    padding: 4px 7px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--panel);
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.user-avatar-menu__photo-action:hover[b-5f3mxquno9] {
    border-color: color-mix(in srgb, var(--primary) 30%, var(--line));
    background: color-mix(in srgb, var(--primary) 6%, var(--panel));
    color: var(--primary);
}
.user-avatar-menu__photo-action:focus-within[b-5f3mxquno9] {
    outline: 2px solid color-mix(in srgb, var(--primary) 34%, transparent);
    outline-offset: 2px;
}
.user-avatar-menu__photo-action[b-5f3mxquno9]  input.user-avatar-menu__file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.user-avatar-menu__identity em[b-5f3mxquno9] {
    color: var(--danger);
    font-size: var(--text-2xs);
    font-style: normal;
}
.user-avatar-menu__identity em.is-success[b-5f3mxquno9] { color: var(--success); }

.user-avatar-menu__items[b-5f3mxquno9] {
    display: grid;
    gap: 2px;
}
.user-avatar-menu__item[b-5f3mxquno9] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
.user-avatar-menu__item:hover[b-5f3mxquno9],
.user-avatar-menu__item:focus-visible[b-5f3mxquno9] {
    background: color-mix(in srgb, var(--primary) 7%, var(--panel));
    color: var(--primary);
    outline: none;
}
.user-avatar-menu__item:focus-visible[b-5f3mxquno9] {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary) 30%, transparent);
}
.user-avatar-menu__item svg[b-5f3mxquno9] { flex: 0 0 auto; }
.user-avatar-menu__divider[b-5f3mxquno9] {
    display: block;
    height: 1px;
    margin: 6px 4px;
    background: var(--line);
}
.user-avatar-menu__logout-form[b-5f3mxquno9] { margin: 0; }
.user-avatar-menu__item--danger[b-5f3mxquno9] {
    color: var(--danger);
}
.user-avatar-menu__item--danger:hover[b-5f3mxquno9],
.user-avatar-menu__item--danger:focus-visible[b-5f3mxquno9] {
    background: color-mix(in srgb, var(--danger) 9%, var(--panel));
    color: var(--danger);
}

.page[b-5f3mxquno9] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--content-gap) var(--content-inline) 24px;
}
.page > *[b-5f3mxquno9] {
    width: min(100%, var(--content-max));
    margin-inline: auto;
    min-width: 0;
}

.sidebar-scrim[b-5f3mxquno9] { display: none; }

@media (max-width: 1180px) {
    .topbar-user-copy[b-5f3mxquno9] { display: none; }
    .topbar-title-stack[b-5f3mxquno9] { max-width: 38vw; }
}

@media (max-width: 980px) {
    .shell[b-5f3mxquno9],
    .shell--compact-menu[b-5f3mxquno9],
    .shell--automatic-menu[b-5f3mxquno9],
    html[data-stariz-nav-collapsed="true"] .shell[b-5f3mxquno9] {
        display: block;
        min-height: 100dvh;
    }
    .content[b-5f3mxquno9] { height: 100dvh; }
    .topbar[b-5f3mxquno9] {
        top: 0;
        width: 100%;
        height: var(--shell-header-height);
        min-height: var(--shell-header-height);
        max-height: var(--shell-header-height);
        margin: 0;
        padding: 0 10px;
        border-radius: 0;
    }
    .topbar-title-stack[b-5f3mxquno9] { max-width: min(48vw, 440px); }
    .topbar-search[b-5f3mxquno9] { display: none; }
    .sidebar-scrim[b-5f3mxquno9] {
        position: fixed;
        inset: 0;
        z-index: 79;
        display: block;
        border: 0;
        background: color-mix(in srgb, #0f172a 34%, transparent);
        opacity: 0;
        pointer-events: none;
        transition: opacity .18s ease;
    }
    html[data-stariz-nav-open="true"] .sidebar-scrim[b-5f3mxquno9] {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (max-width: 720px) {
    .topbar[b-5f3mxquno9] { gap: 8px; }
    .topbar-context[b-5f3mxquno9] { gap: 8px; }
    .topbar-context__separator[b-5f3mxquno9] { display: none; }
    .topbar-title-stack[b-5f3mxquno9] { max-width: none; }
    .topbar-title-stack span[b-5f3mxquno9] { display: none; }
    .topbar-actions[b-5f3mxquno9] { gap: 4px; }
    .topbar-actions__separator[b-5f3mxquno9] { display: none; }
    .topbar-user-summary[b-5f3mxquno9] { padding: 0 4px 0 0; }
}

@media (max-width: 520px) {
    .topbar[b-5f3mxquno9] { border-radius: 0; }
    .topbar-menu-toggle[b-5f3mxquno9] { flex-basis: 32px; width: 32px; height: 32px; }
    .topbar-title-stack strong[b-5f3mxquno9] { font-size: var(--text-xs); }
    .user-avatar[b-5f3mxquno9] { width: 28px; height: 28px; flex-basis: 28px; }
    .user-avatar-menu__panel[b-5f3mxquno9] {
        width: min(286px, calc(100vw - 20px));
    }
}

/* Mantiene el shell dentro del viewport y entrega el scroll exclusivamente a .page.
   Evita que formularios CRUD altos empujen el documento y dejen visible un bloque vacío
   bajo el shell al abrir editores extensos. */
.shell[b-5f3mxquno9] {
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
}

.content[b-5f3mxquno9],
.page[b-5f3mxquno9] {
    min-height: 0;
}

.page[b-5f3mxquno9] {
    overscroll-behavior-y: contain;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/*
 * STARIZ menu globalizado.
 * Única fuente estructural y visual para el menú lateral.
 * La lógica, permisos, rutas y eventos permanecen en NavMenu.razor/.cs.
 */

.sidebar[b-p3ezpl0nwf] {
    position: sticky;
    top: 0;
    z-index: 80;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 273.7px;
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
    padding: 0 10px 12px;
    box-sizing: border-box;
    overflow: visible;
    background: var(--sidebar-bg);
    color: var(--sidebar-text, var(--text));
    border-right: 1px solid var(--shell-divider-color, var(--line));
    box-shadow: none;
    transition: width .18s ease, transform .18s ease;
}

.brand[b-p3ezpl0nwf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex: 0 0 var(--shell-header-height, 82px);
    width: calc(100% + 20px);
    height: var(--shell-header-height, 82px);
    min-height: var(--shell-header-height, 82px);
    max-height: var(--shell-header-height, 82px);
    margin-inline: -10px;
    padding: 5px 18px;
    box-sizing: border-box;
    color: var(--sidebar-text, var(--text));
    border-bottom: 1px solid var(--shell-divider-color, var(--line));
    text-decoration: none;
}

.brand-mark[b-p3ezpl0nwf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: var(--radius-sm);
    background: var(--primary);
    color: var(--primary-contrast);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

.brand-mark--image[b-p3ezpl0nwf] {
    width: var(--shell-brand-image-width, 109px);
    height: var(--shell-brand-image-height, 71px);
    border-radius: 0;
    background: transparent;
}

.brand-image[b-p3ezpl0nwf] {
    display: block;
    width: 100%;
    height: 100%;
    max-width: var(--shell-brand-image-width, 109px);
    max-height: var(--shell-brand-image-height, 71px);
    object-fit: contain;
}

.brand-image--dark[b-p3ezpl0nwf] { display: none; }
html[data-theme="dark"] .brand-image--light[b-p3ezpl0nwf] { display: none; }
html[data-theme="dark"] .brand-image--dark[b-p3ezpl0nwf] { display: block; }

.brand-copy[b-p3ezpl0nwf] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.brand-copy b[b-p3ezpl0nwf],
.brand-copy small[b-p3ezpl0nwf] {
    overflow: hidden;
    color: var(--sidebar-text, var(--text));
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-copy b[b-p3ezpl0nwf] {
    font-size: var(--text-md);
    font-weight: var(--weight-bold);
}

.brand-copy small[b-p3ezpl0nwf] {
    color: var(--sidebar-text-muted, var(--sidebar-text, var(--text)));
    font-size: var(--text-2xs);
    opacity: .72;
}

.nav-stack[b-p3ezpl0nwf] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px 0 16px;
    /* Mantiene el desplazamiento del menú, pero oculta completamente la barra. */
    scrollbar-gutter: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: none;
}

.nav-stack[b-p3ezpl0nwf]::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.nav-stack[b-p3ezpl0nwf]::-webkit-scrollbar-track,
.nav-stack[b-p3ezpl0nwf]::-webkit-scrollbar-thumb,
.nav-stack[b-p3ezpl0nwf]::-webkit-scrollbar-thumb:hover {
    background: transparent;
    border: 0;
}

[b-p3ezpl0nwf] a.nav-home,
a.nav-home[b-p3ezpl0nwf] {
    align-items: center;
    background: transparent;
    border-radius: 0;
    color: var(--sidebar-text, var(--text));
    display: grid;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: 10px;
    grid-template-columns: 17px minmax(0, 1fr);
    min-height: 36px;
    margin: 0 0 4px;
    padding: 6px 9px;
    text-decoration: none;
}

[b-p3ezpl0nwf] a.nav-home:hover,
[b-p3ezpl0nwf] a.nav-home:focus-visible,
a.nav-home:hover[b-p3ezpl0nwf],
a.nav-home:focus-visible[b-p3ezpl0nwf] {
    background: var(--sidebar-hover-surface);
    outline: none;
}

[b-p3ezpl0nwf] a.nav-home.active,
[b-p3ezpl0nwf] a.nav-home[aria-current="page"],
a.nav-home.active[b-p3ezpl0nwf],
a.nav-home[aria-current="page"][b-p3ezpl0nwf] {
    background: var(--sidebar-active-surface);
    color: var(--sidebar-text, var(--text));
}

[b-p3ezpl0nwf] .nav-home__icon,
.nav-home__icon[b-p3ezpl0nwf] {
    color: currentColor;
    height: 17px;
    width: 17px;
}

.nav-home__text[b-p3ezpl0nwf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-section-label[b-p3ezpl0nwf] {
    padding: 14px 10px 6px;
    color: var(--sidebar-text-muted, var(--sidebar-text, var(--text)));
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .09em;
    text-transform: uppercase;
    opacity: .72;
}

.nav-group[b-p3ezpl0nwf] {
    position: relative;
    width: 100%;
    margin: 0 0 3px;
}

.nav-group__toggle[b-p3ezpl0nwf] {
    display: grid;
    grid-template-columns: 17px minmax(0, 1fr) 10px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 36px;
    padding: 6px 9px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--sidebar-text, var(--text));
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    user-select: none;
    box-shadow: none;
}

.nav-group__toggle:hover[b-p3ezpl0nwf],
.nav-group__toggle:focus-visible[b-p3ezpl0nwf] {
    background: var(--sidebar-hover-surface);
    color: var(--sidebar-text, var(--text));
    outline: none;
}

.nav-group__chevron[b-p3ezpl0nwf] {
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: .62;
    transition: transform .16s ease;
}

.nav-group__toggle[aria-expanded="true"] .nav-group__chevron[b-p3ezpl0nwf] {
    transform: rotate(225deg);
}

.nav-group__text[b-p3ezpl0nwf],
.nav-item__text[b-p3ezpl0nwf] {
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.25;
}

.nav-group__children[b-p3ezpl0nwf] {
    display: none;
    margin: 1px 0 5px;
}

.nav-group__children.is-open[b-p3ezpl0nwf] { display: block; }
.nav-group__flyout-title[b-p3ezpl0nwf] { display: none; }

/* NavLink renderiza el <a> como componente hijo; ::deep conserva el alcance. */
[b-p3ezpl0nwf] a.nav-item,
a.nav-item[b-p3ezpl0nwf] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 32px;
    margin: 1px 0;
    padding: 7px 10px 7px 28px;
    border-left: 0;
    border-radius: 0;
    background: transparent;
    color: var(--sidebar-text, var(--text));
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    line-height: 1.25;
    text-decoration: none;
    opacity: .76;
    transition: background-color .13s ease, color .13s ease, border-color .13s ease, opacity .13s ease;
}

/* Los submenús son enlaces jerárquicos de texto. La iconografía pertenece
   exclusivamente al elemento padre que identifica el módulo. */
[b-p3ezpl0nwf] a.nav-item.nav-child,
a.nav-item.nav-child[b-p3ezpl0nwf] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

[b-p3ezpl0nwf] a.nav-item:hover,
[b-p3ezpl0nwf] a.nav-item:focus-visible,
a.nav-item:hover[b-p3ezpl0nwf],
a.nav-item:focus-visible[b-p3ezpl0nwf] {
    background: var(--sidebar-hover-surface);
    color: var(--sidebar-text, var(--text));
    opacity: 1;
    outline: none;
}

[b-p3ezpl0nwf] a.nav-item.active,
[b-p3ezpl0nwf] a.nav-item[aria-current="page"],
a.nav-item.active[b-p3ezpl0nwf],
a.nav-item[aria-current="page"][b-p3ezpl0nwf] {
    background: var(--sidebar-active-surface);
    color: var(--sidebar-text, var(--text));
    font-weight: var(--weight-bold);
    opacity: 1;
}

[b-p3ezpl0nwf] .nav-group__icon,
.nav-group__icon[b-p3ezpl0nwf] {
    display: block;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    color: currentColor;
    overflow: visible;
    transition: color .14s ease, transform .14s ease;
}

[b-p3ezpl0nwf] .nav-item__icon,
.nav-item__icon[b-p3ezpl0nwf] {
    display: block;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    color: currentColor;
    overflow: visible;
    transition: color .14s ease, transform .14s ease;
}

.nav-group__toggle:hover .nav-group__icon[b-p3ezpl0nwf],
.nav-group__toggle:focus-visible .nav-group__icon[b-p3ezpl0nwf],
[b-p3ezpl0nwf] a.nav-item:hover .nav-item__icon,
[b-p3ezpl0nwf] a.nav-item:focus-visible .nav-item__icon,
a.nav-item:hover .nav-item__icon[b-p3ezpl0nwf],
a.nav-item:focus-visible .nav-item__icon[b-p3ezpl0nwf] {
    transform: translateY(-.5px);
}

.nav-group.is-active > .nav-group__toggle[b-p3ezpl0nwf] {
    background: var(--sidebar-open-surface);
    color: var(--sidebar-text, var(--text));
}

.nav-group.is-active > .nav-group__toggle:hover[b-p3ezpl0nwf],
.nav-group.is-active > .nav-group__toggle:focus-visible[b-p3ezpl0nwf] {
    background: var(--sidebar-open-surface);
    color: var(--sidebar-text, var(--text));
}

/* Menú compacto: solo módulos padre; los hijos aparecen en un flyout estable. */
.sidebar--compact[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar[b-p3ezpl0nwf] {
    width: 60px;
    padding-inline: 7px;
}

.sidebar--compact .brand[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .brand[b-p3ezpl0nwf] {
    justify-content: center;
    width: calc(100% + 14px);
    margin-inline: -7px;
    padding-inline: 7px;
}

.sidebar--compact .brand-mark[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .brand-mark[b-p3ezpl0nwf] {
    width: var(--shell-brand-rail-size, 57px);
    height: var(--shell-brand-rail-size, 57px);
}

.sidebar--compact :is(.brand-copy, .nav-section-label, .nav-group__text, .nav-group__chevron)[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar :is(.brand-copy, .nav-section-label, .nav-group__text, .nav-group__chevron)[b-p3ezpl0nwf] {
    display: none;
}

.sidebar--compact .nav-home[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .nav-home[b-p3ezpl0nwf] {
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 2px auto 4px;
    min-height: 40px;
    padding: 0;
    width: 40px;
}

.sidebar--compact .nav-home__text[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .nav-home__text[b-p3ezpl0nwf] {
    display: none;
}

.sidebar--compact .nav-stack[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .nav-stack[b-p3ezpl0nwf] {
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 8px;
    padding-right: 1px;
}

.sidebar--compact .nav-group__toggle[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .nav-group__toggle[b-p3ezpl0nwf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 2px auto;
    padding: 0;
    border-radius: 12px;
}

.sidebar--compact .nav-group__children[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .nav-group__children[b-p3ezpl0nwf] {
    position: fixed;
    top: var(--stariz-flyout-top, calc(var(--shell-header-height, 82px) + 8px));
    left: var(--stariz-flyout-left, 58px);
    z-index: 5400;
    display: block;
    width: var(--stariz-flyout-width, 304px);
    max-width: calc(100vw - 76px);
    max-height: var(--stariz-flyout-max-height, calc(100dvh - 16px));
    margin: 0;
    padding: 9px;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-6px);
    background: var(--sidebar-bg);
    color: var(--sidebar-text, var(--text));
    border: 1px solid color-mix(in srgb, var(--sidebar-text, var(--text)) 18%, transparent);
    border-radius: 14px;
    box-shadow: none;
    transition: opacity .13s ease, transform .13s ease, visibility 0s linear .42s;
}

.sidebar--compact .nav-group:is(:hover, :focus-within, .is-flyout-open) > .nav-group__children[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .nav-group:is(:hover, :focus-within, .is-flyout-open) > .nav-group__children[b-p3ezpl0nwf] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition-delay: 0s;
}

.sidebar--compact .nav-group__flyout-title[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar .nav-group__flyout-title[b-p3ezpl0nwf] {
    display: block;
    padding: 5px 8px 8px;
    color: var(--sidebar-text, var(--text));
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    border-bottom: 1px solid color-mix(in srgb, var(--sidebar-text, var(--text)) 14%, transparent);
}

.sidebar--compact[b-p3ezpl0nwf]  a.nav-item,
.sidebar--compact a.nav-item[b-p3ezpl0nwf],
html[data-stariz-nav-collapsed="true"] .sidebar[b-p3ezpl0nwf]  a.nav-item,
html[data-stariz-nav-collapsed="true"] .sidebar a.nav-item[b-p3ezpl0nwf] {
    width: 100%;
    margin: 2px 0;
    border-left: 0;
    border-radius: 0;
}

/* Modo automático: rail compacto que se expande sin alterar la lógica del menú. */
@media (min-width: 981px) {
    .sidebar--automatic[b-p3ezpl0nwf] {
        width: 60px;
        padding-inline: 7px;
    }

    .sidebar--automatic:not(:hover):not(:focus-within) .brand[b-p3ezpl0nwf] {
        justify-content: center;
        width: calc(100% + 14px);
        margin-inline: -7px;
        padding-inline: 7px;
    }

    .sidebar--automatic:not(:hover):not(:focus-within) .brand-mark[b-p3ezpl0nwf] {
        width: var(--shell-brand-rail-size, 57px);
        height: var(--shell-brand-rail-size, 57px);
    }

    .sidebar--automatic:not(:hover):not(:focus-within) :is(.brand-copy, .nav-section-label, .nav-group__text, .nav-group__chevron)[b-p3ezpl0nwf] {
        display: none;
    }

    .sidebar--automatic:not(:hover):not(:focus-within) .nav-home[b-p3ezpl0nwf] {
        display: flex;
        height: 40px;
        justify-content: center;
        margin: 2px auto 4px;
        min-height: 40px;
        padding: 0;
        width: 40px;
    }

    .sidebar--automatic:not(:hover):not(:focus-within) .nav-home__text[b-p3ezpl0nwf] { display: none; }

    .sidebar--automatic:not(:hover):not(:focus-within) .nav-stack[b-p3ezpl0nwf] {
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 1px;
    }

    .sidebar--automatic:not(:hover):not(:focus-within) .nav-group__toggle[b-p3ezpl0nwf] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        min-height: 44px;
        margin: 2px auto;
        padding: 0;
        border-radius: 12px;
    }

    .sidebar--automatic:not(:hover):not(:focus-within) .nav-group__children[b-p3ezpl0nwf] {
        display: none;
    }

    .sidebar--automatic:hover[b-p3ezpl0nwf],
    .sidebar--automatic:focus-within[b-p3ezpl0nwf] {
        width: 273.7px;
        padding-inline: 10px;
    }

    .sidebar--automatic:hover .brand[b-p3ezpl0nwf],
    .sidebar--automatic:focus-within .brand[b-p3ezpl0nwf] {
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 18px;
    }
}

@media (max-width: 980px) {
    .sidebar[b-p3ezpl0nwf],
    .sidebar--compact[b-p3ezpl0nwf],
    .sidebar--automatic[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar[b-p3ezpl0nwf] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 80;
        width: min(310px, 88vw);
        height: 100dvh;
        min-height: 100dvh;
        max-height: 100dvh;
        padding: env(safe-area-inset-top) 8px max(10px, env(safe-area-inset-bottom));
        overflow: hidden;
        transform: translateX(-102%);
    }

    html[data-stariz-nav-open="true"] .sidebar[b-p3ezpl0nwf] {
        transform: translateX(0);
    }

    .brand[b-p3ezpl0nwf],
    .sidebar--compact .brand[b-p3ezpl0nwf],
    .sidebar--automatic .brand[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar .brand[b-p3ezpl0nwf] {
        justify-content: flex-start;
        width: calc(100% + 16px);
        height: var(--shell-header-height, 82px);
        min-height: var(--shell-header-height, 82px);
        max-height: var(--shell-header-height, 82px);
        margin-inline: -8px;
        padding-inline: 16px;
    }

    .nav-stack[b-p3ezpl0nwf],
    .sidebar--compact .nav-stack[b-p3ezpl0nwf],
    .sidebar--automatic .nav-stack[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar .nav-stack[b-p3ezpl0nwf] {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 10px 0 18px;
    }

    .sidebar :is(.brand-copy, .nav-section-label, .nav-group__text, .nav-group__chevron)[b-p3ezpl0nwf],
    .sidebar--compact :is(.brand-copy, .nav-section-label, .nav-group__text, .nav-group__chevron)[b-p3ezpl0nwf],
    .sidebar--automatic :is(.brand-copy, .nav-section-label, .nav-group__text, .nav-group__chevron)[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar :is(.brand-copy, .nav-section-label, .nav-group__text, .nav-group__chevron)[b-p3ezpl0nwf] {
        display: initial;
    }

    .sidebar .nav-home[b-p3ezpl0nwf],
    .sidebar--compact .nav-home[b-p3ezpl0nwf],
    .sidebar--automatic .nav-home[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar .nav-home[b-p3ezpl0nwf] {
        display: grid;
        grid-template-columns: 17px minmax(0, 1fr);
        height: auto;
        justify-content: initial;
        margin: 0 0 4px;
        min-height: 36px;
        padding: 6px 9px;
        width: 100%;
    }

    .sidebar .nav-home__text[b-p3ezpl0nwf],
    .sidebar--compact .nav-home__text[b-p3ezpl0nwf],
    .sidebar--automatic .nav-home__text[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar .nav-home__text[b-p3ezpl0nwf] { display: block; }

    .sidebar .nav-group__toggle[b-p3ezpl0nwf],
    .sidebar--compact .nav-group__toggle[b-p3ezpl0nwf],
    .sidebar--automatic .nav-group__toggle[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar .nav-group__toggle[b-p3ezpl0nwf] {
        display: grid;
        grid-template-columns: 17px minmax(0, 1fr) 10px;
        width: 100%;
        height: auto;
        min-height: 44px;
        margin: 0;
        padding: 9px 10px;
    }

    .sidebar .nav-group__children[b-p3ezpl0nwf],
    .sidebar--compact .nav-group__children[b-p3ezpl0nwf],
    .sidebar--automatic .nav-group__children[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar .nav-group__children[b-p3ezpl0nwf] {
        position: static;
        display: none;
        width: auto;
        max-width: none;
        max-height: none;
        margin: 1px 0 5px;
        padding: 0;
        overflow: visible;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        background: transparent;
        border: 0;
        border-radius: 0;
    }

    .sidebar .nav-group__children.is-open[b-p3ezpl0nwf],
    .sidebar--compact .nav-group__children.is-open[b-p3ezpl0nwf],
    .sidebar--automatic .nav-group__children.is-open[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar .nav-group__children.is-open[b-p3ezpl0nwf] {
        display: block;
    }

    .sidebar .nav-group__flyout-title[b-p3ezpl0nwf],
    .sidebar--compact .nav-group__flyout-title[b-p3ezpl0nwf],
    .sidebar--automatic .nav-group__flyout-title[b-p3ezpl0nwf] {
        display: none;
    }

    .sidebar[b-p3ezpl0nwf]  a.nav-item,
    .sidebar a.nav-item[b-p3ezpl0nwf],
    .sidebar--compact[b-p3ezpl0nwf]  a.nav-item,
    .sidebar--compact a.nav-item[b-p3ezpl0nwf],
    .sidebar--automatic[b-p3ezpl0nwf]  a.nav-item,
    .sidebar--automatic a.nav-item[b-p3ezpl0nwf],
    html[data-stariz-nav-collapsed="true"] .sidebar[b-p3ezpl0nwf]  a.nav-item,
    html[data-stariz-nav-collapsed="true"] .sidebar a.nav-item[b-p3ezpl0nwf] {
        width: auto;
        margin: 1px 0;
        border-left: 0;
        border-radius: 0;
    }
}
/* /Components/Modules/Colaboradores/ColaboradorTable.razor.rz.scp.css */
.colaborador-table-page[b-vz8qbww1hx] {
    min-width: 0;
}

.colaborador-table-page__state-filter[b-vz8qbww1hx] {
    align-items: center;
    color: var(--ink);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: .55rem;
    min-height: var(--control-height, 36px);
    white-space: nowrap;
}

.colaborador-table-page__state-filter .theme-switch:focus-within .theme-switch-slider[b-vz8qbww1hx] {
    outline: 2px solid color-mix(in srgb, var(--primary) 32%, transparent);
    outline-offset: 2px;
}

/* Geometría funcional: anchos según tipo de dato, no columnas uniformes. */
.colaborador-table-page__column[b-vz8qbww1hx] { width: 140px; }
.colaborador-table-page__column--code[b-vz8qbww1hx] { width: 120px; }
.colaborador-table-page__column--internal[b-vz8qbww1hx] { width: 96px; }
.colaborador-table-page__column--rut[b-vz8qbww1hx] { width: 118px; }
.colaborador-table-page__column--name-wide[b-vz8qbww1hx] { width: 252px; }
.colaborador-table-page__column--name[b-vz8qbww1hx] { width: 154px; }
.colaborador-table-page__column--date[b-vz8qbww1hx] { width: 112px; }
.colaborador-table-page__column--salary[b-vz8qbww1hx] { width: 112px; }
.colaborador-table-page__column--status[b-vz8qbww1hx] { width: 104px; }

.colaborador-table-page__vigente-column[b-vz8qbww1hx] { width: 72px; }

.colaborador-table-page__vigente-header[b-vz8qbww1hx],
.colaborador-table-page__vigente-cell[b-vz8qbww1hx] {
    box-sizing: border-box;
    max-width: 72px;
    min-width: 72px;
    text-align: center;
    white-space: nowrap;
}

/* Luz de semáforo exclusiva del Maestro de colaboradores. */
.colaborador-table-page__status-light[b-vz8qbww1hx] {
    border: 2px solid color-mix(in srgb, currentColor 28%, var(--panel));
    border-radius: 50%;
    box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 10%, transparent);
    display: inline-block;
    height: 10px;
    vertical-align: middle;
    width: 10px;
}

.colaborador-table-page__status-light.is-active[b-vz8qbww1hx] {
    background: var(--success);
    color: var(--success);
}

.colaborador-table-page__status-light.is-inactive[b-vz8qbww1hx] {
    background: var(--danger);
    color: var(--danger);
}

/* Máxima densidad operativa: tres acciones compactas sin sobredimensionar la tabla. */
.colaborador-table-page__actions-column[b-vz8qbww1hx] { width: 226px; }

.colaborador-table-page__action-cell[b-vz8qbww1hx],
.colaborador-table-page__action-header[b-vz8qbww1hx],
.colaborador-table-page td.actions[b-vz8qbww1hx],
.colaborador-table-page th.actions-header[b-vz8qbww1hx] {
    box-sizing: border-box;
    min-width: 226px;
    width: 226px;
}

.colaborador-table-page .table-row-actions[b-vz8qbww1hx] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    min-height: var(--grid-row-height, 32px);
    white-space: nowrap;
}

.colaborador-table-page__worker[b-vz8qbww1hx] {
    align-items: center;
    display: inline-flex;
    gap: 9px;
    min-width: 0;
    vertical-align: middle;
}

.colaborador-table-page__avatar[b-vz8qbww1hx] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 38px;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    height: 38px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 38px;
}

.colaborador-table-page__avatar img[b-vz8qbww1hx] {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.colaborador-table-page__worker-name[b-vz8qbww1hx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* STARIZ-LOCKED: Excel del Maestro de colaboradores siempre al extremo derecho. */
.colaborador-table-page .rrhh-adn-toolbar__actions > .stariz-excel-export-button[b-vz8qbww1hx] {
    margin-left: auto;
    order: 999;
}

/* /Components/Modules/Colaboradores/Components/ColaboradorRecordEditor.razor.rz.scp.css */
.colaborador-editor[b-i741swjv96] { container-type: inline-size; min-width: 0; }

.colaborador-editor__loading[b-i741swjv96] {
    color: var(--muted);
    margin: 0;
}

.colaborador-editor__intro[b-i741swjv96] {
    background: color-mix(in srgb, var(--primary) 5%, var(--panel));
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--space-1, 4px);
    margin-bottom: var(--space-3, 12px);
    padding: 12px 14px;
}

.colaborador-editor__intro strong[b-i741swjv96] {
    color: var(--text);
    font-size: var(--text-md);
}

.colaborador-editor__intro span[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.4;
}

.colaborador-editor__intro-row[b-i741swjv96] {
    align-items: center;
    display: flex;
    gap: var(--space-3, 12px);
    justify-content: space-between;
    min-width: 0;
}

.colaborador-editor__intro-copy[b-i741swjv96] {
    display: grid;
    gap: var(--space-1, 4px);
    min-width: 0;
}

.colaborador-editor__intro-row > .stariz-crud-button[b-i741swjv96] {
    flex: 0 0 auto;
}

/* Stepper amplio: conserva los nueve pasos mientras exista ancho suficiente. */
.colaborador-stepper[b-i741swjv96] {
    margin: 0 0 var(--space-3, 12px);
}

.colaborador-stepper--full[b-i741swjv96] {
    display: block;
    overflow: hidden;
    padding: 2px 1px 4px;
}

.colaborador-stepper__track[b-i741swjv96] {
    align-items: flex-start;
    display: flex;
    width: 100%;
}

.colaborador-step[b-i741swjv96] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 1 auto;
    gap: 7px;
    min-height: 42px;
    min-width: 0;
    padding: 3px 4px;
    text-align: left;
}

.colaborador-step__marker[b-i741swjv96] {
    align-items: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--muted);
    display: inline-flex;
    flex: 0 0 26px;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    height: 26px;
    justify-content: center;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
    width: 26px;
}

.colaborador-step__copy[b-i741swjv96] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.colaborador-step__copy strong[b-i741swjv96] {
    color: inherit;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    line-height: 1.14;
    max-width: 124px;
    white-space: normal;
}

.colaborador-step__copy small[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    line-height: 1;
    white-space: nowrap;
}

.colaborador-step:hover:not(:disabled)[b-i741swjv96] {
    color: var(--text);
}

.colaborador-step:hover:not(:disabled) .colaborador-step__marker[b-i741swjv96] {
    border-color: color-mix(in srgb, var(--primary) 35%, var(--line));
}

.colaborador-step.is-active[b-i741swjv96] {
    color: var(--primary);
}

.colaborador-step.is-active .colaborador-step__marker[b-i741swjv96] {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--primary-contrast);
}

.colaborador-step.is-complete[b-i741swjv96] {
    color: var(--text);
}

.colaborador-step.is-complete .colaborador-step__marker[b-i741swjv96] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 30%, var(--line));
    color: var(--primary);
}

.colaborador-stepper__connector[b-i741swjv96] {
    background: var(--line);
    flex: 1 1 18px;
    height: 1px;
    margin: 16px 2px 0;
    min-width: 8px;
    transition: background-color .18s ease;
}

.colaborador-stepper__connector.is-complete[b-i741swjv96] {
    background: color-mix(in srgb, var(--primary) 52%, var(--line));
}

/* Stepper compacto: evita scroll horizontal y mantiene contexto operativo. */
.colaborador-stepper-compact[b-i741swjv96] {
    display: none;
    margin: 0 0 var(--space-3, 12px);
}

.colaborador-stepper-compact__context[b-i741swjv96] {
    align-items: center;
    display: grid;
    gap: var(--space-3, 12px);
    grid-template-columns: minmax(0, 1fr) minmax(180px, 1.35fr) minmax(0, 1fr);
}

.colaborador-stepper-compact__side[b-i741swjv96],
.colaborador-stepper-compact__current[b-i741swjv96] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.colaborador-stepper-compact__side span[b-i741swjv96],
.colaborador-stepper-compact__current span[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .035em;
    text-transform: uppercase;
}

.colaborador-stepper-compact__side strong[b-i741swjv96],
.colaborador-stepper-compact__current strong[b-i741swjv96] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.colaborador-stepper-compact__side strong[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
}

.colaborador-stepper-compact__current[b-i741swjv96] {
    text-align: center;
}

.colaborador-stepper-compact__current strong[b-i741swjv96] {
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.colaborador-stepper-compact__side.is-next[b-i741swjv96] {
    text-align: right;
}

.colaborador-stepper-compact__progress[b-i741swjv96] {
    background: color-mix(in srgb, var(--line) 60%, transparent);
    border-radius: 999px;
    height: 3px;
    margin-top: 8px;
    overflow: hidden;
}

.colaborador-stepper-compact__progress > span[b-i741swjv96] {
    background: var(--primary);
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width .18s ease;
}

/* Navegación operativa: compacta y estable durante formularios largos. */
.record-editor__actions.colaborador-step-actions[b-i741swjv96] {
    align-items: center;
    background: color-mix(in srgb, var(--field) 78%, var(--panel));
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    justify-content: space-between;
    margin: 0 0 var(--space-4, 16px);
    max-width: 100%;
    padding: 7px 9px;
    position: sticky;
    top: 8px;
    z-index: 4;
}

.colaborador-step-actions__navigation[b-i741swjv96] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 7px;
}

.colaborador-contract-choice[b-i741swjv96] {
    align-items: center;
    display: flex;
    gap: 6px;
}

.colaborador-contract-choice__label[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    white-space: nowrap;
}

.colaborador-step-actions__meta[b-i741swjv96] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 7px;
    margin-left: auto;
}

.colaborador-step-actions__progress[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    margin-left: 0;
    white-space: nowrap;
}

.colaborador-tab-panel[b-i741swjv96] {
    animation: colaborador-tab-enter-b-i741swjv96 .2s ease-out;
}

.colaborador-tab-panel__heading[b-i741swjv96] {
    align-items: start;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: var(--space-4, 16px);
    justify-content: space-between;
    margin-bottom: var(--space-4, 16px);
    padding-bottom: var(--space-3, 12px);
}

.colaborador-tab-panel__heading h3[b-i741swjv96] {
    font-size: var(--text-lg);
    margin: 0 0 4px;
}

.colaborador-tab-panel__heading p:not(.eyebrow)[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-sm);
    line-height: 1.4;
    margin: 0;
}

.colaborador-tab-panel__heading .eyebrow[b-i741swjv96] {
    margin-bottom: 4px;
}

.colaborador-tab-panel__loading[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-xs);
    padding-top: 2px;
    white-space: nowrap;
}

/* Ritmo visual: 24 px entre dominios, 16 px entre filas, 12 px entre columnas. */
.colaborador-form-sections[b-i741swjv96] {
    display: grid;
    gap: var(--form-section-gap, 24px);
}

.colaborador-form-section[b-i741swjv96] {
    min-width: 0;
}

.colaborador-form-section__heading[b-i741swjv96] {
    align-items: center;
    display: flex;
    margin: 0 0 var(--space-3, 12px);
    min-height: 20px;
}

.colaborador-form-section__heading span[b-i741swjv96] {
    color: var(--text-soft);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .055em;
    text-transform: uppercase;
}

.colaborador-form-grid[b-i741swjv96] {
    align-items: start;
    column-gap: var(--form-column-gap, 12px);
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    row-gap: var(--form-row-gap, 16px);
}

.colaborador-field[b-i741swjv96] {
    align-content: start;
    display: grid;
    gap: 6px;
    grid-column: span 3;
    min-width: 0;
}

.colaborador-field.span-1[b-i741swjv96] { grid-column: span 1; }
.colaborador-field.span-2[b-i741swjv96] { grid-column: span 2; }
.colaborador-field.span-3[b-i741swjv96] { grid-column: span 3; }
.colaborador-field.span-4[b-i741swjv96] { grid-column: span 4; }
.colaborador-field.span-5[b-i741swjv96] { grid-column: span 5; }
.colaborador-field.span-6[b-i741swjv96] { grid-column: span 6; }
.colaborador-field.span-7[b-i741swjv96] { grid-column: span 7; }
.colaborador-field.span-8[b-i741swjv96] { grid-column: span 8; }
.colaborador-field.span-9[b-i741swjv96] { grid-column: span 9; }
.colaborador-field.span-10[b-i741swjv96] { grid-column: span 10; }
.colaborador-field.span-11[b-i741swjv96] { grid-column: span 11; }
.colaborador-field.span-12[b-i741swjv96],
.colaborador-field.full[b-i741swjv96] { grid-column: 1 / -1; }

.colaborador-field > :is(.stariz-field-label, .colaborador-field__label)[b-i741swjv96] {
    align-items: flex-end;
    color: var(--muted);
    display: flex;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    line-height: 1.2;
    margin: 0;
    min-height: 18px;
}

.colaborador-field b[b-i741swjv96] {
    color: var(--danger);
    margin-left: 2px;
}

.colaborador-field > :is(input.stariz-field-control, select.stariz-field-control)[b-i741swjv96] {
    box-sizing: border-box;
    height: var(--control-height, 36px);
    margin: 0;
    min-height: var(--control-height, 36px);
    width: 100%;
}

.colaborador-field > textarea.stariz-field-control[b-i741swjv96] {
    box-sizing: border-box;
    margin: 0;
    min-height: 84px;
    width: 100%;
}

.colaborador-field > .stariz-field-support[b-i741swjv96] {
    align-self: start;
    color: var(--muted);
    display: block;
    font-size: var(--text-2xs);
    line-height: 1.25;
    margin: 0;
}

.colaborador-field > .stariz-field-support.is-error[b-i741swjv96] {
    color: var(--danger);
    font-weight: var(--weight-semibold);
}

.colaborador-field > .stariz-field-support.is-empty[b-i741swjv96] {
    display: none;
}

.colaborador-field__unavailable[b-i741swjv96] {
    align-items: center;
    background: color-mix(in srgb, var(--field) 80%, var(--bg));
    border: 1px dashed var(--line);
    border-radius: var(--radius-sm);
    color: var(--muted);
    display: flex;
    font-size: var(--text-xs);
    line-height: 1.3;
    min-height: var(--control-height, 36px);
    padding: 7px 9px;
}

.colaborador-switch[b-i741swjv96] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    height: var(--control-height, 36px);
    justify-content: flex-start;
    margin: 0;
    min-height: var(--control-height, 36px);
    width: max-content;
}

.colaborador-switch input[b-i741swjv96] {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.colaborador-switch > span[b-i741swjv96] {
    background: var(--line);
    border-radius: 999px;
    height: 20px;
    position: relative;
    transition: background .18s ease;
    width: 36px;
}

.colaborador-switch > span[b-i741swjv96]::after {
    background: var(--stariz-glass-surface);
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: transform .18s ease;
    width: 14px;
}

.colaborador-switch input:checked + span[b-i741swjv96] {
    background: var(--stariz-glass-primary);
}

.colaborador-switch input:checked + span[b-i741swjv96]::after {
    transform: translateX(16px);
}

.colaborador-switch em[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-xs);
    font-style: normal;
    font-weight: var(--weight-bold);
}

.colaborador-field--photo[b-i741swjv96] {
    grid-column: 1 / -1;
}

.colaborador-photo[b-i741swjv96] {
    align-items: center;
    background: color-mix(in srgb, var(--field) 72%, var(--panel));
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    box-sizing: border-box;
    display: grid;
    gap: var(--space-3, 12px);
    grid-template-columns: 68px minmax(0, 1fr);
    min-height: 86px;
    padding: 8px 10px;
    width: 100%;
}

.colaborador-photo__preview[b-i741swjv96] {
    align-items: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    display: flex;
    height: 68px;
    justify-content: center;
    overflow: hidden;
    width: 68px;
}

.colaborador-photo__preview img[b-i741swjv96] {
    display: block;
    height: 68px;
    object-fit: cover;
    object-position: center;
    width: 68px;
}

.colaborador-photo__placeholder[b-i741swjv96] {
    align-items: center;
    color: var(--muted);
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.colaborador-photo__content[b-i741swjv96] {
    align-content: center;
    display: grid;
    gap: 4px;
    min-width: 0;
}

.colaborador-photo__content strong[b-i741swjv96] {
    color: var(--text);
    font-size: var(--text-xs);
}

.colaborador-photo__content > span[b-i741swjv96] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.3;
}

.colaborador-photo__actions[b-i741swjv96] {
    margin-top: 2px;
}

.colaborador-photo__upload[b-i741swjv96] {
    cursor: pointer;
    margin: 0;
    width: max-content;
}

.colaborador-photo__upload[aria-disabled="true"][b-i741swjv96] {
    cursor: not-allowed;
    opacity: .45;
    pointer-events: none;
}

@keyframes colaborador-tab-enter-b-i741swjv96 {
    from { opacity: .25; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

@container (max-width: 1120px) {
    .colaborador-stepper--full[b-i741swjv96] { display: none; }
    .colaborador-stepper-compact[b-i741swjv96] { display: block; }
}

@container (max-width: 900px) {
    .colaborador-field[b-i741swjv96],
    .colaborador-field.span-1[b-i741swjv96],
    .colaborador-field.span-2[b-i741swjv96],
    .colaborador-field.span-3[b-i741swjv96],
    .colaborador-field.span-4[b-i741swjv96],
    .colaborador-field.span-5[b-i741swjv96],
    .colaborador-field.span-6[b-i741swjv96],
    .colaborador-field.span-7[b-i741swjv96],
    .colaborador-field.span-8[b-i741swjv96],
    .colaborador-field.span-9[b-i741swjv96],
    .colaborador-field.span-10[b-i741swjv96],
    .colaborador-field.span-11[b-i741swjv96] {
        grid-column: span 6;
    }

    .colaborador-field.span-12[b-i741swjv96],
    .colaborador-field.full[b-i741swjv96],
    .colaborador-field--photo[b-i741swjv96] {
        grid-column: 1 / -1;
    }
}

@container (max-width: 720px) {
    .colaborador-stepper-compact__context[b-i741swjv96] {
        gap: 8px;
        grid-template-columns: minmax(0, .85fr) minmax(132px, 1.3fr) minmax(0, .85fr);
    }

    .colaborador-stepper-compact__side strong[b-i741swjv96] {
        font-size: var(--text-2xs);
    }

    .record-editor__actions.colaborador-step-actions[b-i741swjv96] {
        align-items: center;
        flex-flow: row wrap;
        position: sticky;
        top: 6px;
    }

    .colaborador-step-actions__navigation[b-i741swjv96] {
        flex: 1 1 auto;
        flex-wrap: wrap;
    }

    .colaborador-contract-choice[b-i741swjv96] {
        flex: 1 1 auto;
    }

    .colaborador-step-actions__meta[b-i741swjv96] {
        margin-left: 0;
    }

    .colaborador-step-actions__progress[b-i741swjv96] {
        margin-left: 0;
        width: auto;
    }
}

@container (max-width: 640px) {
    .colaborador-editor__intro-row[b-i741swjv96] {
        align-items: flex-start;
        flex-direction: column;
    }

    .colaborador-field[b-i741swjv96],
    .colaborador-field[class*="span-"][b-i741swjv96] {
        grid-column: 1 / -1;
    }

    .colaborador-tab-panel__heading[b-i741swjv96] {
        flex-direction: column;
        gap: 6px;
    }

    .colaborador-stepper-compact__side strong[b-i741swjv96] {
        display: none;
    }

    .colaborador-stepper-compact__side span[b-i741swjv96] {
        font-size: var(--text-2xs);
    }

    .colaborador-photo[b-i741swjv96] {
        grid-template-columns: 62px minmax(0, 1fr);
        min-height: 80px;
    }

    .colaborador-photo__preview[b-i741swjv96],
    .colaborador-photo__preview img[b-i741swjv96] {
        height: 62px;
        width: 62px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .colaborador-step[b-i741swjv96],
    .colaborador-step__marker[b-i741swjv96],
    .colaborador-stepper__connector[b-i741swjv96],
    .colaborador-stepper-compact__progress > span[b-i741swjv96],
    .colaborador-tab-panel[b-i741swjv96] {
        animation: none;
        transition: none;
    }
}
/* /Components/Modules/DocumentManagement/DisclaimerAdministrationPage.razor.rz.scp.css */
.disclaimer-page[b-7q0e2ezce5] { display: grid; gap: 1rem; }
.disclaimer-layout[b-7q0e2ezce5] { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(0, 1.7fr); gap: 1rem; }
.disclaimer-list[b-7q0e2ezce5], .disclaimer-editor[b-7q0e2ezce5] { display: grid; align-content: start; gap: .75rem; }
.disclaimer-actions[b-7q0e2ezce5] { justify-content: flex-start; }
.disclaimer-item[b-7q0e2ezce5] { display: grid; text-align: left; padding: .7rem; border: 1px solid var(--line); border-radius: 9px; background: transparent; }
.disclaimer-item.is-selected[b-7q0e2ezce5] { background: color-mix(in srgb, var(--primary) 9%, var(--field)); border-color: color-mix(in srgb, var(--primary) 62%, var(--line)); }
.disclaimer-item small[b-7q0e2ezce5] { color: var(--muted); }
.disclaimer-editor label[b-7q0e2ezce5] { display: grid; gap: .35rem; }
.disclaimer-editor input[b-7q0e2ezce5], .disclaimer-editor textarea[b-7q0e2ezce5] { width: 100%; }
.disclaimer-dates[b-7q0e2ezce5] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.disclaimer-editor .disclaimer-check[b-7q0e2ezce5] { grid-template-columns: auto 1fr; }
@media (max-width: 760px) { .disclaimer-layout[b-7q0e2ezce5], .disclaimer-dates[b-7q0e2ezce5] { grid-template-columns: 1fr; } }
/* /Components/Modules/DocumentManagement/DocumentManagementPage.razor.rz.scp.css */
/* Gestión documental: sólo reglas específicas del contenido.
   El layout estructural vive en stariz-structured-workspace.css. */

.document-workflow-page[b-n1rjwaxy8u] {
    display: grid;
    gap: 12px;
}

.document-workflow-header[b-n1rjwaxy8u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.document-workflow-header h1[b-n1rjwaxy8u] {
    margin: .15rem 0;
}

.document-workflow-actions[b-n1rjwaxy8u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}

.document-workflow-grid[b-n1rjwaxy8u] {
    width: 100%;
    min-width: 0;
}

.document-workflow-card[b-n1rjwaxy8u] {
    min-width: 0;
}

.document-worker-list[b-n1rjwaxy8u] {
    display: grid;
    align-content: start;
    gap: 5px;
    max-height: 258px;
    padding-right: 2px;
}

.document-worker-option[b-n1rjwaxy8u] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 6px 8px;
    border: 1px solid var(--line, #d8dee9);
    border-radius: 8px;
    background: var(--panel, #fff);
}

.document-worker-option > input[type="checkbox"][b-n1rjwaxy8u] {
    width: 16px;
    height: 16px;
    min-height: 0;
    margin: 0;
}

.document-worker-option > span[b-n1rjwaxy8u] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.document-worker-option strong[b-n1rjwaxy8u],
.document-worker-option small[b-n1rjwaxy8u] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-worker-option strong[b-n1rjwaxy8u] {
    color: var(--text, #0f172a);
    font-size: var(--text-xs, 12px);
    line-height: 1.25;
}

.document-worker-option small[b-n1rjwaxy8u] {
    color: var(--muted, #64748b);
    font-size: var(--text-2xs, 11px);
    line-height: 1.25;
}

.document-template-preview[b-n1rjwaxy8u] {
    max-height: 240px;
    overflow: auto;
    padding: 10px;
    border: 1px solid var(--line, #d8dee9);
    border-radius: 8px;
    background: #fff;
    color: #111;
}

/* La tipografía de notas/copy se hereda del ADN compartido .stariz-body-copy. */
.document-traceability-copy[b-n1rjwaxy8u],
.document-card-note[b-n1rjwaxy8u] {
    min-width: 0;
}

.document-traceability-links[b-n1rjwaxy8u] {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.signature-select-col[b-n1rjwaxy8u] {
    width: 42px;
}

.document-review-actions[b-n1rjwaxy8u] {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.document-reject[b-n1rjwaxy8u] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.document-signature-modal[b-n1rjwaxy8u] {
    position: fixed;
    inset: 0;
    z-index: 2500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .38);
}

.document-signature-modal__panel[b-n1rjwaxy8u] {
    position: relative;
    display: grid;
    gap: 10px;
    width: min(520px, 100%);
    padding: 1.4rem;
    border: 1px solid var(--border-color, #d8dee8);
    border-radius: 14px;
    background: var(--surface, #fff);
    box-shadow: 0 18px 55px rgba(15, 23, 42, .22);
}

.document-signature-modal__panel h2[b-n1rjwaxy8u],
.document-signature-modal__panel p[b-n1rjwaxy8u] {
    margin: 0;
}

.document-signature-modal__panel h2[b-n1rjwaxy8u] {
    margin-right: 2rem;
}

.document-signature-modal__close[b-n1rjwaxy8u] {
    position: absolute;
    top: .75rem;
    right: .85rem;
    padding: .2rem .35rem;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: var(--text-3xl);
    line-height: 1;
}

@media (max-width: 960px) {
    .document-workflow-header[b-n1rjwaxy8u] {
        display: grid;
    }

    .document-workflow-actions[b-n1rjwaxy8u] {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .document-worker-list[b-n1rjwaxy8u] {
        max-height: 220px;
    }

    .document-review-actions[b-n1rjwaxy8u] {
        white-space: normal;
    }
}
/* /Components/Modules/DocumentManagement/DocumentSignaturePage.razor.rz.scp.css */
.signature-page[b-pdtgglaedl] { display: grid; gap: 1rem; max-width: 820px; margin-inline: auto; }
.signature-card[b-pdtgglaedl] { display: grid; gap: 1rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.signature-card h2[b-pdtgglaedl] { margin: 0; }
.signature-card dl[b-pdtgglaedl] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 0; }
.signature-card dl div[b-pdtgglaedl] { display: grid; gap: .2rem; }
.signature-card dt[b-pdtgglaedl] { font-size: var(--text-xs); color: var(--muted); }
.signature-card dd[b-pdtgglaedl] { margin: 0; font-weight: var(--weight-bold); }
.signature-card label[b-pdtgglaedl] { display: grid; gap: .35rem; }
.signature-card input[b-pdtgglaedl] { min-height: 42px; }
.signature-disclaimer[b-pdtgglaedl] { max-height: 240px; overflow: auto; padding: 1rem; border: 1px solid var(--line); border-radius: 10px; }
.signature-card .signature-check[b-pdtgglaedl] { grid-template-columns: auto 1fr; align-items: center; }
.signature-card .signature-action[b-pdtgglaedl] { width: auto; min-width: 0; justify-self: start; }
.signature-card textarea[b-pdtgglaedl] { width: 100%; resize: vertical; }
.signature-qr[b-pdtgglaedl] { display: grid; justify-items: start; gap: .35rem; }
@media (max-width: 640px) { .signature-card dl[b-pdtgglaedl] { grid-template-columns: 1fr; } }
/* /Components/Modules/DocumentManagement/MyDocumentsPage.razor.rz.scp.css */
.self-doc-page[b-pjzcle233v] {
    display: grid;
    align-content: start;
    gap: var(--space-3);
}

.self-doc-header-card[b-pjzcle233v] {
    align-items: center;
}

.self-doc-header-copy[b-pjzcle233v] {
    min-width: 0;
}

.self-doc-request-dialog__body[b-pjzcle233v] {
    padding: var(--stariz-modal-padding);
}

.self-doc-request-dialog__body.stariz-form-grid[b-pjzcle233v] {
    gap: var(--space-3);
}

.self-doc-card[b-pjzcle233v] {
    min-width: 0;
    padding: 0;
    overflow: hidden;
    background: var(--panel);
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: none;
}

.self-doc-card__header[b-pjzcle233v],
.self-doc-card__body[b-pjzcle233v],
.self-doc-card__footer[b-pjzcle233v] {
    padding-inline: 12px;
}

.self-doc-card__header[b-pjzcle233v] {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding-block: 10px;
    border-bottom: var(--line-width) solid var(--line);
}

.self-doc-card__header h2[b-pjzcle233v] {
    margin: 0;
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    line-height: 1.25;
}

.self-doc-card__description[b-pjzcle233v] {
    max-width: 82ch;
    margin: 3px 0 0;
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
    line-height: 1.4;
}

.self-doc-card__body[b-pjzcle233v] {
    display: grid;
    gap: var(--space-3);
    padding-block: var(--space-3);
}

.self-doc-card__footer[b-pjzcle233v] {
    padding-block: var(--space-2) var(--space-3);
    border-top: var(--line-width) solid var(--line);
}

.self-doc-form-grid[b-pjzcle233v] {
    display: grid;
    align-items: start;
    gap: var(--form-column-gap) var(--form-row-gap);
}

.self-doc-page .self-doc-upload-card .self-doc-form-grid--three[b-pjzcle233v] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
}

.self-doc-page .self-doc-upload-card .self-doc-form-grid--three > .self-doc-upload-field[b-pjzcle233v] {
    grid-column: auto;
    grid-row: 1;
    min-width: 0;
}

.self-doc-field[b-pjzcle233v] {
    display: grid;
    grid-template-rows: auto var(--control-height) auto;
    gap: 6px;
    min-width: 0;
}

.self-doc-field__label[b-pjzcle233v] {
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
}

.self-doc-field__control[b-pjzcle233v] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: var(--control-height);
    min-height: var(--control-height);
    border-radius: var(--radius-sm);
}

.self-doc-field :is(select, input)[b-pjzcle233v] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: var(--control-height);
    min-height: var(--control-height);
    padding: 8px 11px;
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--field);
    color: var(--text);
    font: inherit;
}

.self-doc-file-control[b-pjzcle233v] {
    display: flex;
    align-items: center;
    padding-inline: 11px;
    overflow: hidden;
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--field);
}

.self-doc-file-control[b-pjzcle233v]  input[type="file"] {
    width: 100%;
    min-width: 0;
    font: inherit;
}

.self-doc-field__help[b-pjzcle233v],
.self-doc-note[b-pjzcle233v] {
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.4;
}

.self-doc-field__help[b-pjzcle233v] {
    display: block;
    min-height: 17px;
}

.self-doc-note[b-pjzcle233v] {
    max-width: 88ch;
    margin: 0;
}

.self-doc-action-row[b-pjzcle233v] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.self-doc-table-wrap[b-pjzcle233v] {
    overflow: auto;
}

.self-doc-inline-actions[b-pjzcle233v] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.self-doc-empty-state[b-pjzcle233v] {
    margin: 0;
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.45;
}

.self-doc-card--state .self-doc-card__header[b-pjzcle233v] {
    border-bottom: 0;
}

.self-doc-kpis[b-pjzcle233v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
}

.self-doc-kpi[b-pjzcle233v] {
    display: grid;
    grid-template-columns: var(--stariz-card-icon-box) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 92px;
    padding: 12px 14px;
    background: var(--panel);
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: none;
}

.self-doc-kpi > div[b-pjzcle233v] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.self-doc-kpi__icon[b-pjzcle233v],
.self-doc-category__icon[b-pjzcle233v],
.self-doc-side-card__icon[b-pjzcle233v] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 var(--stariz-card-icon-box);
    width: var(--stariz-card-icon-box);
    min-width: var(--stariz-card-icon-box);
    height: var(--stariz-card-icon-box);
    min-height: var(--stariz-card-icon-box);
    border-radius: var(--stariz-card-icon-radius);
    background: var(--primary-soft);
    color: var(--primary);
}

.self-doc-kpi__icon[b-pjzcle233v]  svg,
.self-doc-category__icon[b-pjzcle233v]  svg,
.self-doc-side-card__icon[b-pjzcle233v]  svg {
    width: var(--stariz-card-icon-size);
    min-width: var(--stariz-card-icon-size);
    height: var(--stariz-card-icon-size);
    min-height: var(--stariz-card-icon-size);
}

.self-doc-categories[b-pjzcle233v] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.self-doc-category[b-pjzcle233v] {
    display: grid;
    grid-template-columns: var(--stariz-card-icon-box) minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 56px;
    padding: 9px 10px;
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--panel);
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow: none;
}

.self-doc-category:hover:not(:disabled)[b-pjzcle233v] {
    border-color: var(--border-strong);
    background: var(--surface-hover);
}

.self-doc-category__label[b-pjzcle233v] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
}

.self-doc-category strong[b-pjzcle233v] {
    color: var(--muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

.self-doc-category.is-active[b-pjzcle233v] {
    border-color: var(--primary-border);
    background: var(--primary-soft);
}

.self-doc-category.is-active .self-doc-category__label[b-pjzcle233v],
.self-doc-category.is-active strong[b-pjzcle233v] {
    color: var(--primary);
}

.self-doc-category:focus-visible[b-pjzcle233v] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.self-doc-toolbar[b-pjzcle233v] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 220px 180px;
    align-items: end;
    gap: 10px 12px;
    padding: 12px;
    background: var(--panel);
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: none;
}

.self-doc-toolbar label[b-pjzcle233v] {
    min-width: 0;
}

.self-doc-main-grid[b-pjzcle233v] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, .72fr);
    align-items: start;
    gap: var(--space-3);
}

.self-doc-aside[b-pjzcle233v] {
    display: grid;
    gap: var(--space-3);
}

.self-doc-side-card[b-pjzcle233v] {
    min-width: 0;
    padding: 12px;
    background: var(--panel);
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: none;
}

.self-doc-side-card__heading[b-pjzcle233v] {
    display: grid;
    grid-template-columns: var(--stariz-card-icon-box) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.self-doc-side-card h2[b-pjzcle233v] {
    margin: 0;
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    line-height: 1.25;
}

.self-doc-side-card p[b-pjzcle233v] {
    margin: 6px 0;
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.4;
}

.self-doc-recent[b-pjzcle233v] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-top: var(--line-width) solid var(--line);
}

.self-doc-recent:first-of-type[b-pjzcle233v] {
    border-top: 0;
}

.self-doc-recent__icon[b-pjzcle233v] {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: var(--radius-sm);
    background: var(--surface-soft);
    color: var(--primary);
}

.self-doc-recent__icon[b-pjzcle233v]  svg {
    width: var(--icon-sm);
    height: var(--icon-sm);
}

.self-doc-recent span:not(.self-doc-recent__icon)[b-pjzcle233v] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.self-doc-recent strong[b-pjzcle233v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
}

.self-doc-recent small[b-pjzcle233v] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.3;
}

.self-doc-recent a[b-pjzcle233v] {
    color: var(--primary);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

@media (max-width: 1000px) {
    .self-doc-kpis[b-pjzcle233v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .self-doc-categories[b-pjzcle233v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .self-doc-main-grid[b-pjzcle233v] {
        grid-template-columns: 1fr;
    }

    .self-doc-toolbar[b-pjzcle233v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .self-doc-page .self-doc-upload-card .self-doc-form-grid--three[b-pjzcle233v] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .self-doc-header-card[b-pjzcle233v] {
        align-items: stretch;
    }

    .self-doc-header-actions[b-pjzcle233v] {
        justify-content: flex-start;
    }

    .self-doc-kpis[b-pjzcle233v] {
        grid-template-columns: 1fr;
    }

    .self-doc-categories[b-pjzcle233v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .self-doc-toolbar[b-pjzcle233v] {
        grid-template-columns: 1fr;
    }

    .self-doc-page .self-doc-upload-card .self-doc-form-grid--three[b-pjzcle233v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .self-doc-page .self-doc-upload-card .self-doc-form-grid--three > .self-doc-upload-field[b-pjzcle233v] {
        grid-row: auto;
    }

    .self-doc-action-row[b-pjzcle233v] {
        justify-content: stretch;
    }

    .self-doc-action-row > *[b-pjzcle233v] {
        width: 100%;
    }
}
/* /Components/Modules/DocumentManagement/PayrollEmissionPage.razor.rz.scp.css */
.payroll-emission[b-vf4fjz1nia] {
    display: grid;
    gap: 14px;
    align-content: start;
}

.payroll-emission__page-header[b-vf4fjz1nia],
.payroll-emission__page-header[b-vf4fjz1nia] {
    justify-content: space-between;
    gap: 16px;
}

.payroll-emission__page-header-copy[b-vf4fjz1nia] {
    min-width: 0;
}

.payroll-emission__summary[b-vf4fjz1nia] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.payroll-emission__summary article[b-vf4fjz1nia] {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel);
    display: grid;
    gap: 5px;
}

.payroll-emission__summary span[b-vf4fjz1nia],
.payroll-emission__summary small[b-vf4fjz1nia] {
    color: var(--muted);
    font-size: var(--text-xs);
}

.payroll-emission__summary strong[b-vf4fjz1nia] {
    overflow-wrap: anywhere;
}

.payroll-emission__summary .has-error strong[b-vf4fjz1nia] {
    color: var(--danger);
}

/* Contrato estructural de tarjeta: header / body / footer independiente del contenido. */
.payroll-emission__card[b-vf4fjz1nia] {
    padding: 0;
    overflow: hidden;
}

.payroll-emission__card-header[b-vf4fjz1nia],
.payroll-emission__card-body[b-vf4fjz1nia],
.payroll-emission__actions-help[b-vf4fjz1nia] {
    padding-left: 14px;
    padding-right: 14px;
}

.payroll-emission__card-header[b-vf4fjz1nia] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
}

.payroll-emission__card-header h2[b-vf4fjz1nia] {
    margin: 0;
    font-size: var(--text-md, 15px);
    line-height: 1.25;
    font-weight: var(--weight-bold, 700);
    color: var(--text);
}

.payroll-emission__card-header p[b-vf4fjz1nia] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: var(--text-xs, 12px);
    line-height: 1.45;
}

.payroll-emission__card-body[b-vf4fjz1nia] {
    padding-top: 14px;
    padding-bottom: 14px;
}

/* Contrato de campo: label / control / helper. Ningún campo se alinea por el alto total de su columna. */
.payroll-emission__form-grid[b-vf4fjz1nia] {
    display: grid;
    gap: 12px 14px;
    align-items: start;
}

.payroll-emission__form-grid--configuration[b-vf4fjz1nia] {
    grid-template-columns: 2fr 1fr 1.6fr;
}

.payroll-emission__field[b-vf4fjz1nia] {
    display: grid;
    grid-template-rows: 18px 36px auto;
    gap: 5px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.payroll-emission__field-label[b-vf4fjz1nia] {
    color: var(--text);
    font-size: var(--text-sm, 13px);
    font-weight: var(--weight-semibold, 600);
    line-height: 18px;
}

.payroll-emission__field-control[b-vf4fjz1nia] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 36px;
    min-height: 36px;
}

.payroll-emission__field :is(select, input[type="text"], input[type="search"])[b-vf4fjz1nia],
.payroll-emission__toolbar-search input[b-vf4fjz1nia] {
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--panel);
    color: var(--text);
    padding: 0 10px;
}

.payroll-emission__field-help[b-vf4fjz1nia] {
    display: block;
    min-height: 16px;
    color: var(--muted);
    font-size: var(--text-xs, 12px);
    line-height: 1.35;
}

.payroll-emission__mode-control[b-vf4fjz1nia] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0;
    border: 0;
    padding: 0;
}

.payroll-emission__sr-only[b-vf4fjz1nia] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.payroll-emission__mode-control label[b-vf4fjz1nia] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    min-width: 0;
}

/* Acciones operativas arriba: accesibles antes del listado. */
.payroll-emission__actions-header[b-vf4fjz1nia] {
    align-items: center;
}

.payroll-emission__action-row--top[b-vf4fjz1nia] {
    justify-content: flex-end;
    margin-left: auto;
}

.payroll-emission__actions-help[b-vf4fjz1nia] {
    padding-top: 9px;
    padding-bottom: 10px;
    color: var(--muted);
    font-size: var(--text-xs, 12px);
    line-height: 1.45;
    max-width: 120ch;
}

/* Toolbar estable: filtro / meta / acciones. */
.payroll-emission__toolbar[b-vf4fjz1nia] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    gap: 12px;
    align-items: start;
    padding: 12px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
}

.payroll-emission__toolbar-search[b-vf4fjz1nia],
.payroll-emission__toolbar-slot[b-vf4fjz1nia] {
    display: grid;
    grid-template-rows: 18px 36px;
    gap: 5px;
    min-width: 0;
}

.payroll-emission__toolbar-spacer[b-vf4fjz1nia] {
    display: block;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}

.payroll-emission__toolbar-meta[b-vf4fjz1nia] {
    display: flex;
    align-items: center;
    min-height: 36px;
    white-space: nowrap;
    color: var(--text);
}

.payroll-emission__toolbar-actions[b-vf4fjz1nia] {
    min-height: 36px;
    justify-content: flex-end;
}

.payroll-emission__grid[b-vf4fjz1nia] {
    max-height: 420px;
    overflow: auto;
}

/* Modal STARIZ determinista: no depende de estilos globales accidentales. */
.payroll-emission__dialog-backdrop[b-vf4fjz1nia] {
    background: rgba(15, 23, 42, .18);
}

.payroll-emission__dialog[b-vf4fjz1nia] {
    width: min(520px, calc(100vw - 32px));
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--panel, #fff);
    box-shadow: 0 18px 45px rgba(15, 23, 42, .20);
}

.payroll-emission__dialog.payroll-emission__dialog > .payroll-emission__dialog-header[b-vf4fjz1nia] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 0 14px 0 16px;
    background: #101827;
    color: #fff;
    border-bottom: 0;
}

.payroll-emission__dialog.payroll-emission__dialog > .payroll-emission__dialog-header h2[b-vf4fjz1nia] {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 700;
}

.payroll-emission__dialog-close[b-vf4fjz1nia] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 9px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 19px;
    line-height: 1;
}

.payroll-emission__dialog-body[b-vf4fjz1nia] {
    padding: 18px 16px;
    color: var(--text);
}

.payroll-emission__dialog-body p[b-vf4fjz1nia] {
    margin: 0;
    color: var(--text);
    font-size: var(--text-sm, 13px);
    line-height: 1.5;
}

.payroll-emission__dialog.payroll-emission__dialog > .payroll-emission__dialog-footer[b-vf4fjz1nia] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin: 0;
    padding: 12px 16px;
    border-top: 1px solid var(--line);
    background: var(--panel, #fff);
}

@media (max-width: 1080px) {
    .payroll-emission__summary[b-vf4fjz1nia] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .payroll-emission__actions-header[b-vf4fjz1nia] {
        align-items: flex-start;
        flex-direction: column;
    }

    .payroll-emission__action-row--top[b-vf4fjz1nia] {
        margin-left: 0;
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .payroll-emission__form-grid--configuration[b-vf4fjz1nia],
    .payroll-emission__toolbar[b-vf4fjz1nia] {
        grid-template-columns: 1fr;
    }

    .payroll-emission__toolbar[b-vf4fjz1nia] {
        align-items: start;
    }

    .payroll-emission__toolbar-meta[b-vf4fjz1nia] {
        min-height: 0;
    }

    .payroll-emission__toolbar-actions[b-vf4fjz1nia] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .payroll-emission__summary[b-vf4fjz1nia] {
        grid-template-columns: 1fr;
    }

    .payroll-emission__page-header[b-vf4fjz1nia] {
        align-items: stretch;
        flex-direction: column;
    }

    .payroll-emission__header-actions[b-vf4fjz1nia],
    .payroll-emission__action-row--top[b-vf4fjz1nia] {
        width: 100%;
    }

    .payroll-emission__header-actions button[b-vf4fjz1nia],
    .payroll-emission__action-row--top button[b-vf4fjz1nia] {
        flex: 0 0 auto;
        width: auto;
    }

    .payroll-emission__mode-control[b-vf4fjz1nia] {
        align-items: flex-start;
        flex-direction: column;
        height: auto;
        min-height: 36px;
        padding: 5px 0;
    }
}
/* /Components/Modules/EmployeeMedicalFamily/EmployeeRelatedRecords.razor.rz.scp.css */
.employee-related-dialog-layer[b-dswip3wrzb],
.employee-related-editor-layer[b-dswip3wrzb] {
    align-items: center;
    background: transparent;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 20px;
    position: fixed;
    z-index: var(--stariz-modal-layer-z, 30000);
}

.employee-related-dialog[b-dswip3wrzb],
.employee-related-editor-dialog[b-dswip3wrzb] {
    background: var(--panel, #fff);
    border: 1px solid color-mix(in srgb, var(--text, #17202c) 18%, transparent);
    border-radius: var(--stariz-modal-radius, 16px);
    box-shadow: var(--stariz-modal-shadow, 0 20px 56px rgba(15, 23, 42, .20));
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    width: min(1080px, calc(100vw - 40px));
}

.employee-related-editor-layer[b-dswip3wrzb] {
    z-index: calc(var(--stariz-modal-layer-z, 30000) + 10);
}

.employee-related-editor-dialog[b-dswip3wrzb] {
    width: min(720px, calc(100vw - 40px));
}

.employee-related-dialog__header[b-dswip3wrzb],
.employee-related-editor-dialog__header[b-dswip3wrzb] {
    align-items: center;
    flex: 0 0 auto;
    min-height: 62px;
    padding: 13px 16px;
}

.employee-related-dialog__header .stariz-dialog-header__title[b-dswip3wrzb],
.employee-related-editor-dialog__header .stariz-dialog-header__title[b-dswip3wrzb] {
    margin: 0;
}

.employee-related-dialog__message[b-dswip3wrzb] {
    display: grid;
    gap: 4px;
    min-height: 180px;
    place-content: center;
    padding: 28px;
    text-align: center;
}

.employee-related-dialog__message span[b-dswip3wrzb] {
    color: var(--muted, #667085);
}

.employee-related-dialog__message--danger strong[b-dswip3wrzb] {
    color: var(--danger, #d92d20);
}

.employee-related-dialog__body[b-dswip3wrzb] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.employee-related-context[b-dswip3wrzb] {
    align-items: center;
    background: color-mix(in srgb, var(--bg, #f8fafc) 40%, var(--panel, #fff));
    border-bottom: 1px solid var(--line, #e4e7ec);
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    padding: 12px 16px;
}

.employee-related-worker[b-dswip3wrzb] {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.employee-related-worker__avatar[b-dswip3wrzb] {
    align-items: center;
    background: color-mix(in srgb, var(--primary, #17202c) 8%, var(--panel, #fff));
    border-radius: 10px;
    display: inline-flex;
    flex: 0 0 36px;
    font-size: var(--text-2xs, .6875rem);
    font-weight: var(--weight-bold, 700);
    height: 36px;
    justify-content: center;
    width: 36px;
}

.employee-related-worker__copy[b-dswip3wrzb] {
    display: grid;
    min-width: 0;
}

.employee-related-worker__copy strong[b-dswip3wrzb] {
    font-size: var(--text-xs, .75rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employee-related-worker__copy small[b-dswip3wrzb] {
    color: var(--muted, #667085);
    font-size: var(--text-2xs, .6875rem);
}

.employee-related-toolbar[b-dswip3wrzb] {
    align-items: center;
    border-bottom: 1px solid var(--line, #e4e7ec);
    display: flex;
    flex: 0 0 auto;
    gap: 14px;
    justify-content: space-between;
    padding: 11px 16px;
}

.employee-related-toolbar__title[b-dswip3wrzb] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.employee-related-toolbar__title strong[b-dswip3wrzb] {
    font-size: var(--text-xs, .75rem);
    font-weight: var(--weight-semibold, 600);
}

.employee-related-toolbar__title span[b-dswip3wrzb] {
    color: var(--muted, #667085);
    font-size: var(--text-2xs, .6875rem);
}

.employee-related-toolbar__controls[b-dswip3wrzb],
.employee-related-toolbar__actions[b-dswip3wrzb] {
    align-items: center;
    display: flex;
    gap: 6px;
}

/* La barra mezcla el buscador del contrato de filtros con acciones CRUD.
   Ambos deben compartir exactamente la misma caja para que queden alineados. */
.employee-related-dialog.stariz-popup-normalized .employee-related-toolbar__controls .employee-related-search[b-dswip3wrzb] {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 1 300px !important;
    height: var(--stariz-crud-form-height, 40px) !important;
    margin: 0 !important;
    max-height: var(--stariz-crud-form-height, 40px) !important;
    min-height: var(--stariz-crud-form-height, 40px) !important;
    min-width: 190px;
    padding-block: 0 !important;
    width: 300px;
}

.employee-related-dialog.stariz-popup-normalized .employee-related-toolbar__controls .employee-related-search input[b-dswip3wrzb] {
    box-sizing: border-box !important;
    height: calc(var(--stariz-crud-form-height, 40px) - 2px) !important;
    margin: 0 !important;
    max-height: calc(var(--stariz-crud-form-height, 40px) - 2px) !important;
    min-height: calc(var(--stariz-crud-form-height, 40px) - 2px) !important;
    padding-block: 0 !important;
}

.employee-related-dialog .employee-related-toolbar__actions > .stariz-crud-button[b-dswip3wrzb] {
    align-self: center;
    margin-block: 0 !important;
}

.employee-related-workspace[b-dswip3wrzb] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 310px minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.employee-related-record-list[b-dswip3wrzb] {
    background: color-mix(in srgb, var(--bg, #f8fafc) 36%, var(--panel, #fff));
    border-right: 1px solid var(--line, #e4e7ec);
    display: flex;
    flex-direction: column;
    min-height: 470px;
    overflow: auto;
}

.employee-related-record-list__header[b-dswip3wrzb] {
    color: var(--muted, #667085);
    flex: 0 0 auto;
    font-size: var(--text-2xs, .6875rem);
    font-weight: var(--weight-bold, 700);
    letter-spacing: .055em;
    padding: 13px 14px 9px;
    text-transform: uppercase;
}

.employee-related-record-list__empty[b-dswip3wrzb] {
    color: var(--muted, #667085);
    padding: 24px 14px;
    text-align: center;
}

.employee-related-record[b-dswip3wrzb] {
    align-items: center;
    background: transparent;
    border: 0;
    border-left: 3px solid transparent;
    border-top: 1px solid var(--line, #e4e7ec);
    color: var(--text, #17202c);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    gap: 11px;
    min-height: 68px;
    padding: 11px 13px;
    text-align: left;
    width: 100%;
}

.employee-related-record:last-of-type[b-dswip3wrzb] {
    border-bottom: 1px solid var(--line, #e4e7ec);
}

.employee-related-record:hover[b-dswip3wrzb] {
    background: var(--panel, #fff);
}

.employee-related-record.is-selected[b-dswip3wrzb] {
    background: color-mix(in srgb, var(--primary, #17202c) 7%, var(--panel, #fff));
    border-left-color: var(--primary, #17202c);
}

.employee-related-record__icon[b-dswip3wrzb] {
    align-items: center;
    background: var(--panel, #fff);
    border: 1px solid color-mix(in srgb, var(--primary, #17202c) 12%, var(--line, #e4e7ec));
    border-radius: 10px;
    display: inline-flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.employee-related-record__copy[b-dswip3wrzb] {
    display: grid;
    min-width: 0;
}

.employee-related-record__copy strong[b-dswip3wrzb],
.employee-related-record__copy small[b-dswip3wrzb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employee-related-record__copy strong[b-dswip3wrzb] {
    font-size: var(--text-xs, .75rem);
    font-weight: var(--weight-semibold, 600);
}

.employee-related-record__copy small[b-dswip3wrzb] {
    color: var(--muted, #667085);
    font-size: var(--text-2xs, .6875rem);
    margin-top: 2px;
}

.employee-related-record-list__pager[b-dswip3wrzb] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: auto;
    padding: 12px;
}

.employee-related-record-list__pager > span[b-dswip3wrzb] {
    color: var(--muted, #667085);
    font-size: var(--text-2xs, .6875rem);
    font-weight: var(--weight-semibold, 600);
}

.employee-related-detail[b-dswip3wrzb] {
    min-height: 0;
    overflow: auto;
    padding: 18px 20px 22px;
}

.employee-related-detail__empty[b-dswip3wrzb] {
    align-content: center;
    color: var(--muted, #667085);
    display: grid;
    gap: 4px;
    min-height: 100%;
    text-align: center;
}

.employee-related-detail__empty strong[b-dswip3wrzb] {
    color: var(--text, #17202c);
}

.employee-related-detail__header[b-dswip3wrzb] {
    align-items: flex-start;
    border-bottom: 1px solid var(--line, #e4e7ec);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
}

.employee-related-detail__header h3[b-dswip3wrzb] {
    font-size: var(--text-md, .875rem);
    margin: 0 0 2px;
}

.employee-related-detail__header p[b-dswip3wrzb] {
    color: var(--muted, #667085);
    font-size: var(--text-2xs, .6875rem);
    margin: 0;
}

.employee-related-detail__status[b-dswip3wrzb] {
    align-items: center;
    display: inline-flex;
    font-size: var(--text-2xs, .6875rem);
    font-weight: var(--weight-semibold, 600);
    gap: 6px;
    white-space: nowrap;
}

.employee-related-detail__status[b-dswip3wrzb]::before {
    background: var(--success, #179a63);
    border-radius: 50%;
    content: "";
    height: 7px;
    width: 7px;
}

.employee-related-detail__status.is-warning[b-dswip3wrzb]::before {
    background: var(--warning, #d97706);
}

.employee-related-detail__status.is-danger[b-dswip3wrzb]::before,
.employee-related-detail__status.is-inactive[b-dswip3wrzb]::before {
    background: var(--danger, #d92d20);
}

.employee-related-detail__grid[b-dswip3wrzb] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.employee-related-detail__field[b-dswip3wrzb] {
    min-width: 0;
}

.employee-related-detail__field.is-full[b-dswip3wrzb] {
    grid-column: 1 / -1;
}

.employee-related-detail__field > label[b-dswip3wrzb] {
    color: var(--secondary, #475569);
    display: block;
    font-size: var(--text-2xs, .6875rem);
    font-weight: var(--weight-semibold, 600);
    margin-bottom: 5px;
}

.employee-related-detail__value[b-dswip3wrzb] {
    align-items: center;
    background: var(--panel, #fff);
    border: 1px solid var(--line, #e4e7ec);
    border-radius: 8px;
    display: flex;
    font-size: var(--text-xs, .75rem);
    min-height: 38px;
    padding: 8px 10px;
}

.employee-related-detail__value.is-multiline[b-dswip3wrzb] {
    align-items: flex-start;
    min-height: 66px;
    white-space: pre-wrap;
}

.employee-related-detail__boolean[b-dswip3wrzb] {
    align-items: center;
    display: inline-flex;
    gap: 7px;
}

.employee-related-editor-dialog__context[b-dswip3wrzb] {
    align-items: center;
    background: color-mix(in srgb, var(--bg, #f8fafc) 40%, var(--panel, #fff));
    border-bottom: 1px solid var(--line, #e4e7ec);
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    padding: 11px 16px;
}

.employee-related-editor-dialog__context > span:first-child[b-dswip3wrzb] {
    display: grid;
}

.employee-related-editor-dialog__context strong[b-dswip3wrzb] {
    font-size: var(--text-xs, .75rem);
}

.employee-related-editor-dialog__context small[b-dswip3wrzb],
.employee-related-editor-dialog__context > span:last-child[b-dswip3wrzb] {
    color: var(--muted, #667085);
    font-size: var(--text-2xs, .6875rem);
}

.employee-related-editor-dialog__body[b-dswip3wrzb] {
    min-height: 0;
    overflow: auto;
    padding: 16px;
}

/* Habilitación de carga: el control existente se conserva dentro del POP UP. */
.employee-related-upload-switch[b-dswip3wrzb] {
    align-items: center;
    background: var(--panel, #fff);
    border: 1px solid var(--line, #e2e8f0);
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    gap: 10px;
    min-height: 38px;
    padding: 4px 8px 4px 12px;
    user-select: none;
}

.employee-related-upload-switch__copy[b-dswip3wrzb] {
    display: grid;
    line-height: 1.1;
    text-align: left;
}

.employee-related-upload-switch__copy strong[b-dswip3wrzb] {
    color: var(--text, #1f2937);
    font-size: var(--text-xs, .75rem);
    font-weight: var(--weight-semibold, 600);
    white-space: nowrap;
}

.employee-related-upload-switch__copy small[b-dswip3wrzb] {
    color: var(--muted, #64748b);
    font-size: var(--text-2xs, .6875rem);
    font-weight: var(--weight-medium, 500);
    margin-top: 2px;
}

.employee-related-upload-switch input[b-dswip3wrzb] {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.employee-related-upload-switch__track[b-dswip3wrzb] {
    background: color-mix(in srgb, var(--muted, #64748b) 28%, var(--panel, #fff));
    border: 1px solid color-mix(in srgb, var(--muted, #64748b) 26%, var(--line, #e2e8f0));
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 36px;
    height: 20px;
    padding: 2px;
    transition: background-color .15s ease, border-color .15s ease;
}

.employee-related-upload-switch__track > span[b-dswip3wrzb] {
    background: var(--panel, #fff);
    border-radius: 50%;
    box-shadow: 0 1px 3px rgb(15 23 42 / 18%);
    height: 14px;
    transform: translateX(0);
    transition: transform .15s ease;
    width: 14px;
}

.employee-related-upload-switch input:checked + .employee-related-upload-switch__track[b-dswip3wrzb] {
    background: var(--primary, #17202c);
    border-color: var(--primary, #17202c);
}

.employee-related-upload-switch input:checked + .employee-related-upload-switch__track > span[b-dswip3wrzb] {
    transform: translateX(16px);
}

.employee-related-upload-switch:has(input:focus-visible)[b-dswip3wrzb] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary, #17202c) 15%, transparent);
    outline: none;
}

.employee-related-upload-switch:has(input:disabled)[b-dswip3wrzb] {
    cursor: wait;
    opacity: .65;
}

.employee-related-self-mode[b-dswip3wrzb] {
    align-items: center;
    border: 1px solid var(--line, #e2e8f0);
    border-radius: 999px;
    color: var(--muted, #64748b);
    display: inline-flex;
    font-size: var(--text-xs, .75rem);
    font-weight: var(--weight-semibold, 600);
    gap: 8px;
    height: 38px;
    padding: 0 12px;
    white-space: nowrap;
}

.employee-related-self-mode.is-enabled[b-dswip3wrzb] {
    color: color-mix(in srgb, #168653 82%, var(--text, #1f2937));
}

.employee-related-upload-message[b-dswip3wrzb] {
    border-bottom: 1px solid var(--line, #e2e8f0);
    font-size: var(--text-xs, .75rem);
    font-weight: var(--weight-medium, 500);
    padding: 9px 16px;
}

.employee-related-upload-message.is-success[b-dswip3wrzb] {
    background: color-mix(in srgb, #22a06b 7%, var(--panel, #fff));
    color: color-mix(in srgb, #16764e 88%, var(--text, #1f2937));
}

.employee-related-upload-message.is-warning[b-dswip3wrzb] {
    background: color-mix(in srgb, #d99b2b 8%, var(--panel, #fff));
    color: color-mix(in srgb, #8a5b10 90%, var(--text, #1f2937));
}

@media (max-width: 900px) {
    .employee-related-workspace[b-dswip3wrzb] {
        grid-template-columns: 260px minmax(0, 1fr);
    }

    .employee-related-toolbar[b-dswip3wrzb] {
        align-items: flex-start;
    }

    .employee-related-toolbar__controls[b-dswip3wrzb] {
        align-items: stretch;
        flex-direction: column;
    }

    .employee-related-search[b-dswip3wrzb] {
        width: 260px;
    }
}

@media (max-width: 720px) {
    .employee-related-dialog-layer[b-dswip3wrzb],
    .employee-related-editor-layer[b-dswip3wrzb] {
        align-items: flex-start;
        padding: 12px;
    }

    .employee-related-dialog[b-dswip3wrzb],
    .employee-related-editor-dialog[b-dswip3wrzb] {
        max-height: calc(100vh - 24px);
        width: calc(100vw - 24px);
    }

    .employee-related-context[b-dswip3wrzb],
    .employee-related-toolbar[b-dswip3wrzb],
    .employee-related-editor-dialog__context[b-dswip3wrzb] {
        align-items: stretch;
        flex-direction: column;
    }

    .employee-related-upload-switch[b-dswip3wrzb] {
        border-radius: 12px;
        justify-content: space-between;
        width: 100%;
    }

    .employee-related-toolbar__controls[b-dswip3wrzb],
    .employee-related-search[b-dswip3wrzb],
    .employee-related-toolbar__actions[b-dswip3wrzb] {
        width: 100%;
    }

    .employee-related-toolbar__actions > .stariz-crud-button[b-dswip3wrzb] {
        flex: 1 1 0;
    }

    .employee-related-workspace[b-dswip3wrzb] {
        display: flex;
        flex-direction: column;
        overflow: auto;
    }

    .employee-related-record-list[b-dswip3wrzb] {
        border-bottom: 1px solid var(--line, #e4e7ec);
        border-right: 0;
        flex: 0 0 auto;
        max-height: 220px;
        min-height: 0;
    }

    .employee-related-detail[b-dswip3wrzb] {
        flex: 1 1 auto;
        overflow: visible;
    }

    .employee-related-detail__grid[b-dswip3wrzb] {
        grid-template-columns: 1fr;
    }

    .employee-related-detail__field.is-full[b-dswip3wrzb] {
        grid-column: auto;
    }
}
/* /Components/Modules/EmployeeSelf/EmployeeSelfField.razor.rz.scp.css */
.employee-self-field[b-jnhmxt0yq4] {
    display: block;
    grid-column: span 6;
    min-height: 28px;
    min-width: 0;
    padding: 1px 0;
}

.employee-self-field--wide[b-jnhmxt0yq4] {
    grid-column: span 12;
}

.employee-self-field > span[b-jnhmxt0yq4] {
    color: var(--muted);
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    line-height: 1.25;
    margin-bottom: 4px;
}

.employee-self-field > strong[b-jnhmxt0yq4] {
    color: var(--text);
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
}

@media (max-width: 520px) {
    .employee-self-field[b-jnhmxt0yq4],
    .employee-self-field--wide[b-jnhmxt0yq4] {
        grid-column: 1;
    }
}
/* /Components/Modules/EmployeeSelf/EmployeeSelfProfile.razor.rz.scp.css */
/*
   STARIZ · Mi ficha de empleado · Normalización: Contrato normalizado del módulo:
   - ADN visual global preservado.
   - Sin prioridades forzadas ni overrides finales.
   - Botones y POP UP conectados al contrato global STARIZ.
   - Dos tarjetas de información por fila, tamaño uniforme.
   - Orden de tarjetas por columnas, sin líneas internas en la data.
*/

.employee-self-page[b-nq9tg0jkuz] {
    --employee-self-info-card-min-height: 220px;
    display: grid;
    gap: 10px;
    min-width: 0;
}

.employee-self-directory[b-nq9tg0jkuz] {
    display: grid;
    gap: 14px;
}

.employee-self-directory__heading[b-nq9tg0jkuz] {
    align-items: end;
    display: flex;
    justify-content: space-between;
}

.employee-self-directory__heading h1[b-nq9tg0jkuz] {
    color: var(--primary);
    font-size: var(--text-2xl);
    margin: 4px 0;
}

.employee-self-directory__heading p[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-xs);
    margin: 0;
}

.employee-self-directory__cards[b-nq9tg0jkuz] {
    align-items: stretch;
    background: color-mix(in srgb, var(--bg) 42%, var(--panel));
    display: grid;
    gap: 12px;
    grid-auto-rows: 178px;
    grid-template-columns: repeat(3, minmax(230px, 1fr));
    padding: 15px;
}

.employee-self-directory-card[b-nq9tg0jkuz] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 11px;
    color: inherit;
    height: 100%;
    min-height: 0;
    position: relative;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.employee-self-directory-card:hover[b-nq9tg0jkuz],
.employee-self-directory-card:focus-within[b-nq9tg0jkuz] {
    border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 7%, transparent);
    transform: translateY(-1px);
}

.employee-self-directory-card__link[b-nq9tg0jkuz] {
    color: inherit;
    display: grid;
    gap: 13px;
    grid-template-columns: 72px minmax(0, 1fr);
    height: 100%;
    padding: 15px 50px 15px 15px;
    text-decoration: none;
}

.employee-self-directory-card__link:focus-visible[b-nq9tg0jkuz] {
    border-radius: 11px;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary) 46%, transparent);
    outline: 0;
}

.employee-self-directory-card__photo[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border-radius: 9px;
    color: var(--primary);
    display: flex;
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    height: 84px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 70px;
}

.employee-self-directory-card__photo img[b-nq9tg0jkuz] {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.employee-self-directory-card__copy[b-nq9tg0jkuz] {
    align-content: start;
    display: grid;
    grid-template-rows: auto 28px auto;
    min-width: 0;
}

.employee-self-directory-card__topline[b-nq9tg0jkuz] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
    padding-right: 4px;
}

.employee-self-directory-card__copy h2[b-nq9tg0jkuz] {
    color: var(--text);
    display: -webkit-box;
    flex: 1 1 auto;
    font-size: var(--text-sm);
    line-height: 1.25;
    margin: 2px 0 4px;
    min-height: 2.5em;
    min-width: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.employee-self-directory-card__copy > p[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
    margin: 0;
    min-height: 28px;
}

.employee-self-directory-card__state[b-nq9tg0jkuz] {
    align-items: center;
    color: var(--muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    gap: 6px;
    justify-content: flex-end;
    margin-top: 2px;
    white-space: nowrap;
}

.employee-self-directory-card__state.is-active[b-nq9tg0jkuz] {
    color: var(--success);
}

.employee-self-directory-card__state.is-inactive[b-nq9tg0jkuz] {
    color: var(--danger);
}

.employee-self-directory-card__meta[b-nq9tg0jkuz] {
    border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 8px;
    padding-top: 9px;
}

.employee-self-directory-card__meta > div[b-nq9tg0jkuz] {
    min-width: 0;
}

.employee-self-directory-card__meta small[b-nq9tg0jkuz] {
    color: var(--muted);
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    letter-spacing: .035em;
    line-height: 1.2;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.employee-self-directory-card__meta strong[b-nq9tg0jkuz] {
    color: var(--text);
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employee-self-directory-card__salary[b-nq9tg0jkuz] {
    color: var(--primary);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

.employee-self-directory-card__arrow[b-nq9tg0jkuz] {
    color: var(--muted);
    pointer-events: none;
    position: absolute;
    right: 13px;
    top: 13px;
}

.employee-self-directory-card__qr-tab[b-nq9tg0jkuz] {
    align-items: center;
    appearance: none;
    aspect-ratio: auto;
    background: color-mix(in srgb, var(--primary) 4%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line));
    border-radius: 9px 0 0 9px;
    bottom: 13px;
    box-sizing: border-box;
    color: var(--primary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    gap: 5px;
    height: 32px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    max-height: 32px;
    max-width: 58px;
    min-height: 32px;
    min-width: 48px;
    padding: 0 9px 0 8px;
    position: absolute;
    right: -1px;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
    white-space: nowrap;
    width: auto;
    z-index: 2;
}

.employee-self-directory-card__qr-tab > svg[b-nq9tg0jkuz] {
    flex: 0 0 15px;
    height: 15px;
    max-height: 15px;
    max-width: 15px;
    width: 15px;
}

.employee-self-directory-card__qr-tab:hover[b-nq9tg0jkuz],
.employee-self-directory-card__qr-tab:focus-visible[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
    outline: 0;
    transform: translateX(-2px);
}

.employee-self-directory__empty[b-nq9tg0jkuz] {
    color: var(--muted);
    grid-column: 1 / -1;
    padding: 28px;
    text-align: center;
}

.employee-self-directory__footer[b-nq9tg0jkuz] {
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: var(--text-2xs);
    padding: 12px 14px;
}

.employee-self-directory-back[b-nq9tg0jkuz] {
    color: var(--primary);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    text-decoration: none;
    width: max-content;
}

.employee-self-back-row[b-nq9tg0jkuz] {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
}

@media (max-width: 1100px) {
    .employee-self-directory__cards[b-nq9tg0jkuz] {
        grid-template-columns: repeat(2, minmax(230px, 1fr));
    }
}

@media (max-width: 700px) {
    .employee-self-directory__cards[b-nq9tg0jkuz] {
        grid-auto-rows: 186px;
        grid-template-columns: 1fr;
    }

    .employee-self-directory-card__link[b-nq9tg0jkuz] {
        padding-right: 48px;
    }
}

.employee-self-card[b-nq9tg0jkuz] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: none;
    min-width: 0;
}

.employee-self-empty[b-nq9tg0jkuz] {
    padding: 24px;
}

.employee-self-empty h2[b-nq9tg0jkuz] {
    color: var(--text);
    margin: 0 0 6px;
}

.employee-self-empty p[b-nq9tg0jkuz] {
    color: var(--muted);
    margin: 0;
}

.employee-self-skeleton[b-nq9tg0jkuz] {
    display: grid;
    gap: 10px;
    padding: 18px;
}

.employee-self-skeleton span[b-nq9tg0jkuz] {
    animation: employeeSelfPulse-b-nq9tg0jkuz 1.15s ease-in-out infinite;
    background: color-mix(in srgb, var(--line) 55%, transparent);
    border-radius: 9px;
    display: block;
    height: 34px;
}

.employee-self-skeleton span:first-child[b-nq9tg0jkuz] {
    height: 84px;
}

.employee-self-workspace[b-nq9tg0jkuz] {
    align-items: start;
    display: grid;
    gap: 12px;
    min-width: 0;
}

.employee-self-workspace.has-roster[b-nq9tg0jkuz] {
    align-items: stretch;
    grid-template-columns: 280px minmax(0, 1fr);
}


.employee-self-workspace.is-single[b-nq9tg0jkuz] {
    grid-template-columns: minmax(0, 1fr);
}

.employee-self-roster[b-nq9tg0jkuz],
.employee-self-profile[b-nq9tg0jkuz] {
    background: var(--panel);
    border: var(--line-width, 1px) solid var(--line);
    border-radius: var(--radius);
    box-shadow: none;
    min-width: 0;
}

.employee-self-roster[b-nq9tg0jkuz] {
    align-self: stretch;
    contain: size;
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    height: auto;
    max-height: none;
    min-height: 0;
    overflow: hidden;
    position: sticky;
    top: calc(var(--shell-header-height, 82px) + 14px);
}

.employee-self-profile[b-nq9tg0jkuz] {
    align-self: stretch;
    border-radius: var(--radius);
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
}

.employee-self-roster__header[b-nq9tg0jkuz] {
    align-items: center;
    background: var(--panel);
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 56px;
    padding: 12px 14px;
}

.employee-self-roster__header > div[b-nq9tg0jkuz] {
    min-width: 0;
}

.employee-self-roster__header strong[b-nq9tg0jkuz] {
    color: var(--text);
    display: block;
    font-size: var(--text-sm);
    line-height: 1.25;
}

.employee-self-overline[b-nq9tg0jkuz] {
    color: var(--muted);
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .06em;
    line-height: 1.2;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.employee-self-filter-clear[b-nq9tg0jkuz] {
    flex: 0 0 auto;
}

.employee-self-roster__search[b-nq9tg0jkuz] {
    align-items: center;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 10px 11px;
}

.employee-self-roster__search input[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--bg) 25%, var(--panel));
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--text);
    font: inherit;
    font-size: var(--text-xs);
    min-height: 36px;
    min-width: 0;
    outline: none;
    padding: 7px 9px;
    width: 100%;
}

.employee-self-roster__search input:focus[b-nq9tg0jkuz] {
    border-color: color-mix(in srgb, var(--primary) 56%, var(--line));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent);
}

.employee-self-roster-filters[b-nq9tg0jkuz] {
    border-bottom: 1px solid var(--line);
}

.employee-self-roster-filters > summary[b-nq9tg0jkuz] {
    color: var(--muted);
    cursor: pointer;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    list-style-position: inside;
    padding: 9px 11px;
    user-select: none;
}

.employee-self-roster-filters[open] > summary[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--table-head) 52%, var(--panel));
    color: var(--text);
}

.employee-self-roster-filters__grid[b-nq9tg0jkuz] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    padding: 9px 11px 11px;
}

.employee-self-roster-filters__grid label[b-nq9tg0jkuz] {
    color: var(--muted);
    display: grid;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    gap: 4px;
    min-width: 0;
}

.employee-self-roster-filters__grid select[b-nq9tg0jkuz] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    font: inherit;
    font-size: var(--text-2xs);
    min-height: 32px;
    min-width: 0;
    padding: 5px 7px;
    width: 100%;
}

.employee-self-roster-filters__grid select:focus[b-nq9tg0jkuz] {
    border-color: color-mix(in srgb, var(--primary) 54%, var(--line));
    outline: none;
}

.employee-self-roster__result-count[b-nq9tg0jkuz] {
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: 7px 11px;
}

.employee-self-roster__list[b-nq9tg0jkuz] {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    padding: 8px 9px 10px;
    scrollbar-color: color-mix(in srgb, var(--muted) 44%, transparent) transparent;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.employee-self-roster__list[b-nq9tg0jkuz]::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

.employee-self-roster__list[b-nq9tg0jkuz]::-webkit-scrollbar-track {
    background: transparent;
}

.employee-self-roster__list[b-nq9tg0jkuz]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--muted) 38%, transparent);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

.employee-self-roster__empty[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.4;
    padding: 16px 10px;
    text-align: center;
}

.employee-self-roster-item[b-nq9tg0jkuz] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 8px;
    grid-template-columns: 34px minmax(0, 1fr) 8px;
    min-height: 54px;
    padding: 8px 9px;
    text-align: left;
    width: 100%;
}

.employee-self-roster-item:hover[b-nq9tg0jkuz],
.employee-self-roster-item:focus-visible[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 5%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 22%, var(--line));
    outline: none;
}

.employee-self-roster-item.is-selected[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
}

.employee-self-roster-item__avatar[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 11%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--line));
    border-radius: 50%;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    height: 34px;
    justify-content: center;
    width: 34px;
}

.employee-self-roster-item__copy[b-nq9tg0jkuz] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.employee-self-roster-item__copy strong[b-nq9tg0jkuz],
.employee-self-roster-item__copy small[b-nq9tg0jkuz],
.employee-self-roster-item__copy em[b-nq9tg0jkuz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employee-self-roster-item__copy strong[b-nq9tg0jkuz] {
    color: var(--text);
    font-size: var(--text-xs);
    line-height: 1.25;
}

.employee-self-roster-item__copy small[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.2;
}

.employee-self-roster-item__copy em[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-style: normal;
    line-height: 1.2;
}

.employee-self-roster-item__state[b-nq9tg0jkuz] {
    border-radius: 50%;
    height: 7px;
    width: 7px;
}

.employee-self-roster-item__state.is-active[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 78%, var(--text));
}

.employee-self-roster-item__state.is-inactive[b-nq9tg0jkuz] {
    background: var(--muted);
}

.employee-self-identity[b-nq9tg0jkuz] {
    background: var(--panel);
    display: grid;
    gap: 10px 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 16px 0;
}

.employee-self-identity__person[b-nq9tg0jkuz] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 58px minmax(0, 1fr);
    min-width: 0;
}

.employee-self-identity__photo-shell[b-nq9tg0jkuz] {
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
    border-radius: 50%;
    height: 58px;
    overflow: hidden;
    position: relative;
    width: 58px;
}

.employee-self-identity__avatar[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 10%, var(--panel));
    color: var(--primary);
    display: flex;
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    height: 100%;
    justify-content: center;
    width: 100%;
}

.employee-self-identity__photo[b-nq9tg0jkuz] {
    display: block;
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100%;
}

.employee-self-identity__copy[b-nq9tg0jkuz] {
    min-width: 0;
}

.employee-self-identity__title-line[b-nq9tg0jkuz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
}

.employee-self-identity__title-line h2[b-nq9tg0jkuz] {
    color: var(--text);
    font-size: var(--text-lg);
    line-height: 1.2;
    margin: 0;
}

.employee-self-state-badge[b-nq9tg0jkuz] {
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    line-height: 1;
    padding: 5px 7px;
}

.employee-self-state-badge.is-active[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
    color: var(--primary);
}

.employee-self-state-badge.is-inactive[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--muted) 8%, var(--panel));
    color: var(--muted);
}

.employee-self-identity__copy > p[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    margin: 3px 0 0;
}

.employee-self-identity__meta[b-nq9tg0jkuz] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    margin-top: 6px;
}

.employee-self-identity__meta span[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.3;
}

.employee-self-identity__meta strong[b-nq9tg0jkuz] {
    color: var(--text);
    font-weight: var(--weight-bold);
    margin-right: 3px;
}

.employee-self-identity__actions[b-nq9tg0jkuz] {
    flex-wrap: wrap;
}

.employee-self-identity__status[b-nq9tg0jkuz] {
    align-items: center;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    min-width: 24px;
}

.employee-self-header-action[b-nq9tg0jkuz] {
    align-items: center;
    appearance: none;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    gap: 10px;
    height: 38px;
    justify-content: center;
    min-width: 104px;
    padding: 0 14px;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    white-space: nowrap;
}

.employee-self-header-action:hover[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 4%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 24%, var(--line));
}

.employee-self-header-action:focus-visible[b-nq9tg0jkuz] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);
    outline: none;
}

.employee-self-header-action svg[b-nq9tg0jkuz] {
    flex: 0 0 15px;
    height: 15px;
    width: 15px;
}

.employee-self-header-action--edit[b-nq9tg0jkuz] {
    margin-left: 6px;
    min-width: 88px;
}

.employee-self-indicators[b-nq9tg0jkuz] {
    display: grid;
    gap: 10px;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.employee-self-indicator[b-nq9tg0jkuz] {
    align-items: center;
    background: var(--panel);
    border: var(--line-width, 1px) solid var(--line);
    border-radius: var(--radius);
    color: var(--text);
    display: grid;
    font: inherit;
    gap: 10px;
    grid-template-columns: 28px minmax(0, 1fr);
    height: 50px;
    min-height: 50px;
    min-width: 0;
    padding: 7px 10px;
    text-align: left;
    width: 100%;
}

.employee-self-indicator--action[b-nq9tg0jkuz] {
    cursor: pointer;
}

.employee-self-indicator--action:hover:not(:disabled)[b-nq9tg0jkuz],
.employee-self-indicator--action:focus-visible:not(:disabled)[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 5%, var(--panel));
    outline: none;
}

.employee-self-indicator--action:disabled[b-nq9tg0jkuz] {
    cursor: default;
    opacity: .72;
}

.employee-self-indicator__icon[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border-radius: var(--radius-sm);
    color: var(--primary);
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.employee-self-indicator > span:last-child[b-nq9tg0jkuz] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.employee-self-indicator small[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    line-height: 1.2;
}

.employee-self-indicator strong[b-nq9tg0jkuz] {
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.employee-self-quick-contact[b-nq9tg0jkuz] {
    align-items: center;
    border-top: 1px solid var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    grid-column: 1 / -1;
    margin-top: 2px;
    min-height: 36px;
    padding: 10px 0;
}

.employee-self-quick-contact > span[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.employee-self-quick-contact > span strong[b-nq9tg0jkuz] {
    color: var(--text);
    font-weight: var(--weight-bold);
    margin-right: 3px;
}

.employee-self-contact-action[b-nq9tg0jkuz] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--muted);
    flex: 0 0 30px;
    height: 30px;
    line-height: 0;
    margin-left: auto;
    min-height: 30px;
    min-width: 30px;
    padding: 0;
    width: 30px;
}

.employee-self-contact-action:hover:not(:disabled)[b-nq9tg0jkuz] {
    background: transparent;
    color: var(--primary);
}

.employee-self-contact-action:active[b-nq9tg0jkuz] {
    background: transparent;
    transform: none;
}

.employee-self-tabs[b-nq9tg0jkuz] {
    align-items: center;
    background: var(--panel);
    border-bottom: 1px solid var(--line);
    border-top: 1px solid var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    padding: 8px 12px;
    position: sticky;
    top: var(--shell-header-height, 82px);
    z-index: 12;
}

.employee-self-tabs .employee-self-tab[b-nq9tg0jkuz] {
    flex: 0 0 auto;
    gap: 9px;
}

.employee-self-tabs .employee-self-tab.is-active[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
    color: var(--primary);
}

.employee-self-content[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--bg) 32%, var(--panel));
    min-height: 0;
    overflow: visible;
    position: relative;
}

.employee-self-switching-note[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border-bottom: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
    color: var(--text);
    display: flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    min-height: 32px;
    padding: 6px 12px;
}

/* Información estructurada: dos columnas externas, llenado explícito por columna. */
.employee-self-card-columns[b-nq9tg0jkuz] {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 14px 16px 16px;
}

.employee-self-card-columns--profile .employee-self-info-card[b-nq9tg0jkuz] {
    height: 320px;
    min-height: 320px;
}

.employee-self-card-column[b-nq9tg0jkuz] {
    align-content: start;
    display: grid;
    gap: 14px;
    grid-auto-rows: auto;
    min-width: 0;
}

.employee-self-info-card[b-nq9tg0jkuz] {
    background: var(--panel);
    border: var(--line-width, 1px) solid var(--line);
    border-radius: var(--radius);
    box-shadow: none;
    display: grid;
    grid-template-rows: 44px minmax(0, 1fr);
    height: auto;
    min-height: var(--employee-self-info-card-min-height);
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.employee-self-info-card > header[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--table-head) 28%, var(--panel));
    border-bottom: 1px solid var(--line);
    color: var(--primary);
    display: grid;
    gap: 10px;
    grid-template-columns: 20px minmax(0, 1fr);
    padding: 0 14px;
}

.employee-self-info-card__icon[b-nq9tg0jkuz] {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    justify-content: center;
}

.employee-self-info-card h3[b-nq9tg0jkuz] {
    color: var(--text);
    font-size: var(--text-xs);
    line-height: 1.25;
    margin: 0;
}

/* Sin líneas internas: el orden depende sólo de la retícula y el espaciado. */
.employee-self-data-grid[b-nq9tg0jkuz] {
    align-content: start;
    display: grid;
    gap: 14px 24px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    min-height: 0;
    min-width: 0;
    overflow: visible;
    padding: 14px 16px 18px;
}


.employee-self-document-panel[b-nq9tg0jkuz] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
    padding: 12px 14px;
}

.employee-self-document-panel__summary[b-nq9tg0jkuz] {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 38px minmax(0, 1fr);
    min-width: 0;
}

.employee-self-document-panel__icon[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
    border-radius: 8px;
    color: var(--primary);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.employee-self-document-panel h3[b-nq9tg0jkuz],
.employee-self-history-panel h3[b-nq9tg0jkuz] {
    color: var(--text);
    font-size: var(--text-md);
    margin: 0;
}

.employee-self-document-panel p[b-nq9tg0jkuz],
.employee-self-history-panel p[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.45;
    margin: 4px 0 0;
    max-width: 760px;
}

.employee-self-document-panel__action[b-nq9tg0jkuz] {
    flex: 0 0 auto;
}

.employee-self-history-panel[b-nq9tg0jkuz] {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.employee-self-history-panel__header[b-nq9tg0jkuz] {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding-bottom: 12px;
}

.employee-self-history-panel__header > div[b-nq9tg0jkuz] {
    min-width: 0;
}

.employee-self-history-grid[b-nq9tg0jkuz] {
    border: 1px solid var(--line);
    border-radius: 9px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
}

.employee-self-history-option[b-nq9tg0jkuz] {
    align-items: center;
    background: var(--panel);
    border: 0;
    border-bottom: 1px solid var(--line);
    color: var(--text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 9px;
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 58px;
    padding: 8px 10px;
    text-align: left;
}

.employee-self-history-option:nth-child(odd)[b-nq9tg0jkuz] {
    border-right: 1px solid var(--line);
}

.employee-self-history-option:last-child:nth-child(odd)[b-nq9tg0jkuz] {
    border-bottom: 0;
    border-right: 0;
    grid-column: 1 / -1;
}

.employee-self-history-option:nth-last-child(2):nth-child(odd)[b-nq9tg0jkuz],
.employee-self-history-option:last-child:nth-child(even)[b-nq9tg0jkuz] {
    border-bottom: 0;
}

.employee-self-history-option:hover[b-nq9tg0jkuz],
.employee-self-history-option:focus-visible[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 5%, var(--panel));
    outline: none;
}

.employee-self-history-option__icon[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border-radius: 8px;
    color: var(--primary);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.employee-self-history-option > span:last-child[b-nq9tg0jkuz] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.employee-self-history-option strong[b-nq9tg0jkuz] {
    color: var(--text);
    font-size: var(--text-xs);
    line-height: 1.25;
}

.employee-self-history-option small[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
}

.employee-self-qr-modal[b-nq9tg0jkuz] {
    align-items: center;
    background: color-mix(in srgb, var(--text) 18%, transparent);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 2100;
}

.employee-self-qr-dialog[b-nq9tg0jkuz] {
    max-width: 390px;
    overflow: hidden;
    width: min(100%, 390px);
}

.employee-self-qr-dialog > header h3[b-nq9tg0jkuz] {
    font-size: var(--text-sm);
}

.employee-self-qr-dialog > header p[b-nq9tg0jkuz] {
    font-size: var(--text-2xs);
}

.employee-self-qr-dialog__body[b-nq9tg0jkuz] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    text-align: center;
}

.employee-self-qr-dialog__body img[b-nq9tg0jkuz] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    height: 210px;
    max-width: 100%;
    padding: 8px;
    width: 210px;
}

.employee-self-qr-dialog__body strong[b-nq9tg0jkuz] {
    color: var(--text);
    font-size: var(--text-xs);
}

.employee-self-qr-dialog__body span[b-nq9tg0jkuz] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.4;
}

.employee-self-qr-dialog--directory[b-nq9tg0jkuz] {
    max-width: 470px;
    width: min(100%, 470px);
}

.employee-self-qr-dialog__body--directory[b-nq9tg0jkuz] {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: 180px minmax(0, 1fr);
    text-align: left;
}

.employee-self-qr-dialog__body--directory img[b-nq9tg0jkuz] {
    height: 180px;
    width: 180px;
}

.employee-self-qr-contact-copy[b-nq9tg0jkuz] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.employee-self-qr-contact-copy strong[b-nq9tg0jkuz] {
    font-size: var(--text-sm);
    line-height: 1.3;
}

.employee-self-qr-contact-copy span[b-nq9tg0jkuz] {
    overflow-wrap: anywhere;
}

.employee-self-qr-contact-copy p[b-nq9tg0jkuz] {
    background: color-mix(in srgb, var(--primary) 5%, var(--panel));
    border-radius: 9px;
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.4;
    margin: 7px 0 0;
    padding: 9px 10px;
}

@media (max-width: 520px) {
    .employee-self-qr-dialog__body--directory[b-nq9tg0jkuz] {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .employee-self-qr-contact-copy[b-nq9tg0jkuz] {
        justify-items: center;
    }
}

@keyframes employeeSelfPulse-b-nq9tg0jkuz {
    0%, 100% { opacity: .52; }
    50% { opacity: 1; }
}

@media (max-width: 980px) {
    .employee-self-workspace.has-roster[b-nq9tg0jkuz] {
        align-items: start;
        grid-template-columns: 1fr;
    }


    .employee-self-roster[b-nq9tg0jkuz] {
        contain: none;
        grid-template-rows: auto auto auto auto auto;
        height: auto;
        max-height: none;
        min-height: 0;
        position: static;
    }

    .employee-self-profile[b-nq9tg0jkuz] {
        display: block;
        overflow: hidden;
    }

    .employee-self-content[b-nq9tg0jkuz] {
        overflow-y: visible;
    }

    .employee-self-roster__list[b-nq9tg0jkuz] {
        display: grid;
        gap: 4px;
        grid-auto-columns: minmax(220px, 1fr);
        grid-auto-flow: column;
        height: auto;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .employee-self-roster-item[b-nq9tg0jkuz] {
        width: 230px;
    }
}

@media (max-width: 760px) {
    .employee-self-roster-filters__grid[b-nq9tg0jkuz],
    .employee-self-history-grid[b-nq9tg0jkuz],
    .employee-self-card-columns[b-nq9tg0jkuz] {
        grid-template-columns: 1fr;
    }

    .employee-self-card-column[b-nq9tg0jkuz] {
        grid-auto-rows: auto;
    }

    .employee-self-info-card[b-nq9tg0jkuz] {
        height: auto;
        min-height: var(--employee-self-info-card-min-height);
    }

    .employee-self-card-columns--profile .employee-self-info-card[b-nq9tg0jkuz] {
        height: auto;
        min-height: 320px;
    }

    .employee-self-identity[b-nq9tg0jkuz] {
        grid-template-columns: 1fr;
        padding: 11px 11px 0;
    }

    .employee-self-identity__actions[b-nq9tg0jkuz] {
        justify-content: flex-start;
    }

    .employee-self-indicators[b-nq9tg0jkuz] {
        grid-template-columns: 1fr;
    }

    .employee-self-indicator[b-nq9tg0jkuz] {
        border: var(--line-width, 1px) solid var(--line);
    }

    .employee-self-quick-contact[b-nq9tg0jkuz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .employee-self-contact-action[b-nq9tg0jkuz] {
        margin-left: 0;
    }

    .employee-self-tabs[b-nq9tg0jkuz] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .employee-self-document-panel[b-nq9tg0jkuz] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .employee-self-document-panel__action[b-nq9tg0jkuz],
    .employee-self-history-panel__header .btn[b-nq9tg0jkuz] {
        justify-content: center;
        width: 100%;
    }

    .employee-self-history-panel__header[b-nq9tg0jkuz] {
        align-items: stretch;
        flex-direction: column;
    }

    .employee-self-history-option[b-nq9tg0jkuz] {
        border-bottom: 1px solid var(--line);
        border-right: 0;
        grid-column: 1;
    }

    .employee-self-history-option:nth-child(odd)[b-nq9tg0jkuz] {
        border-right: 0;
    }

    .employee-self-history-option:last-child[b-nq9tg0jkuz] {
        border-bottom: 0;
        grid-column: 1;
    }
}

@media (max-width: 520px) {
    .employee-self-identity__person[b-nq9tg0jkuz] {
        align-items: start;
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .employee-self-identity__photo-shell[b-nq9tg0jkuz] {
        height: 52px;
        width: 52px;
    }

    .employee-self-identity__title-line h2[b-nq9tg0jkuz] {
        font-size: var(--text-lg);
    }

    .employee-self-card-columns[b-nq9tg0jkuz],
    .employee-self-document-panel[b-nq9tg0jkuz],
    .employee-self-history-panel[b-nq9tg0jkuz] {
        padding: 11px;
    }

    .employee-self-data-grid[b-nq9tg0jkuz] {
        gap: 6px 12px;
        grid-template-columns: 1fr;
    }

}

@media (max-width: 680px) {
    .employee-self-identity__actions[b-nq9tg0jkuz] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-left: 0;
        width: 100%;
    }

    .employee-self-identity__status[b-nq9tg0jkuz] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .employee-self-header-action[b-nq9tg0jkuz],
    .employee-self-header-action--edit[b-nq9tg0jkuz] {
        margin-left: 0;
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Modules/EmployeeTimelines/EmployeeTimelineDialog.razor.rz.scp.css */
.employee-timeline-dialog-backdrop[b-076qlslj2w] {
    position: fixed;
    inset: 0;
    z-index: 2600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(15, 23, 42, .48);
    backdrop-filter: blur(5px);
}

.employee-timeline-dialog[b-076qlslj2w] {
    width: min(1120px, calc(100vw - 56px));
    max-height: calc(100vh - 56px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--panel);
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
}

.employee-timeline-dialog__header[b-076qlslj2w] {
    flex: 0 0 auto;
}

.employee-timeline-dialog__body[b-076qlslj2w] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 22px 28px 30px;
    background: color-mix(in srgb, var(--panel) 96%, var(--primary) 4%);
}

.employee-timeline-dialog__body.is-loading[b-076qlslj2w] {
    cursor: progress;
}

.employee-timeline-dialog__intro[b-076qlslj2w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.employee-timeline-dialog__eyebrow[b-076qlslj2w] {
    margin: 0 0 5px;
    color: var(--primary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .1em;
    text-transform: uppercase;
}

.employee-timeline-dialog__intro h3[b-076qlslj2w] {
    margin: 0;
    color: var(--text);
    font-size: clamp(20px, 2vw, 25px);
    letter-spacing: -.02em;
}

.employee-timeline-dialog__intro p:not(.employee-timeline-dialog__eyebrow)[b-076qlslj2w] {
    max-width: 670px;
    margin: 6px 0 0;
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.45;
}

.employee-timeline-dialog__controls[b-076qlslj2w] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.employee-timeline-dialog__control[b-076qlslj2w] {
    display: grid;
    gap: 5px;
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
}

.employee-timeline-dialog__control select[b-076qlslj2w] {
    min-width: 146px;
    height: 38px;
    padding: 0 30px 0 11px;
    color: var(--text);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
}

.employee-timeline-dialog__warning[b-076qlslj2w] {
    margin: 0 0 14px;
    padding: 10px 12px;
    color: #8a5708;
    background: color-mix(in srgb, #f59e0b 9%, var(--panel));
    border: 1px solid color-mix(in srgb, #f59e0b 24%, var(--line));
    border-radius: 9px;
    font-size: var(--text-xs);
}

.employee-timeline-worker[b-076qlslj2w] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 18px 20px 12px;
}

.employee-timeline-worker__avatar[b-076qlslj2w] {
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--primary);
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--primary) 10%, var(--panel)),
        color-mix(in srgb, var(--primary) 17%, var(--panel)));
    border: 5px solid var(--panel);
    border-radius: 50%;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--primary) 20%, var(--line)),
        0 10px 25px color-mix(in srgb, var(--primary) 13%, transparent);
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
}

.employee-timeline-worker__avatar img[b-076qlslj2w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.employee-timeline-worker__name[b-076qlslj2w] {
    margin: 11px 0 2px;
    color: var(--text);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    text-align: center;
}

.employee-timeline-worker__meta[b-076qlslj2w] {
    margin: 0;
    color: var(--muted);
    font-size: var(--text-xs);
    text-align: center;
}

.employee-labor-timeline[b-076qlslj2w] {
    position: relative;
    padding: 12px 22px 12px;
}

.employee-labor-timeline[b-076qlslj2w]::before {
    position: absolute;
    top: 0;
    bottom: 18px;
    left: 50%;
    width: 2px;
    content: "";
    background: color-mix(in srgb, var(--primary) 22%, var(--line));
    transform: translateX(-1px);
}

.employee-labor-timeline__event[b-076qlslj2w] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 120px;
}

.employee-labor-timeline__slot[b-076qlslj2w] {
    display: flex;
    align-items: flex-start;
    width: 44%;
    padding-top: 8px;
}

.employee-labor-timeline__slot.is-left[b-076qlslj2w] {
    justify-content: flex-end;
    padding-right: 30px;
    text-align: right;
}

.employee-labor-timeline__slot.is-right[b-076qlslj2w] {
    justify-content: flex-start;
    padding-left: 30px;
    text-align: left;
}

.employee-labor-timeline__axis[b-076qlslj2w] {
    position: relative;
    display: flex;
    justify-content: center;
    width: 12%;
}

.employee-labor-timeline__marker[b-076qlslj2w] {
    position: absolute;
    top: 23px;
    width: 16px;
    height: 16px;
    background: var(--panel);
    border: 3px solid var(--primary);
    border-radius: 50%;
    box-shadow: 0 0 0 4px var(--panel);
}

.employee-labor-timeline__card[b-076qlslj2w] {
    width: 100%;
    max-width: 420px;
    padding: 15px 17px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 5px 18px color-mix(in srgb, var(--text) 4.5%, transparent);
}

.employee-labor-timeline__meta-row[b-076qlslj2w] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 5px;
}

.employee-labor-timeline__slot.is-left .employee-labor-timeline__meta-row[b-076qlslj2w] {
    flex-direction: row-reverse;
}

.employee-labor-timeline__date[b-076qlslj2w] {
    color: var(--primary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .035em;
    text-transform: uppercase;
}

.employee-labor-timeline__meta-row > span[b-076qlslj2w] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
}

.employee-labor-timeline__title[b-076qlslj2w] {
    display: block;
    margin-bottom: 5px;
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.employee-labor-timeline__description[b-076qlslj2w] {
    margin: 0;
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.45;
}

.employee-labor-timeline__metadata[b-076qlslj2w] {
    display: block;
    margin-top: 7px;
    color: color-mix(in srgb, var(--muted) 86%, var(--text));
    font-size: var(--text-2xs);
    line-height: 1.4;
}

.employee-labor-timeline__attachment[b-076qlslj2w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 9px;
    color: var(--primary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    text-decoration: none;
}

.employee-labor-timeline__attachment:hover[b-076qlslj2w] {
    text-decoration: underline;
}

.employee-labor-timeline__event.is-current .employee-labor-timeline__marker[b-076qlslj2w] {
    border-color: #179a63;
}

.employee-labor-timeline__event.is-current .employee-labor-timeline__card[b-076qlslj2w] {
    background: color-mix(in srgb, #179a63 2.5%, var(--panel));
    border-color: color-mix(in srgb, #179a63 34%, var(--line));
}

.employee-timeline-dialog__empty[b-076qlslj2w] {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 30px;
    color: var(--muted);
    text-align: center;
}

.employee-timeline-dialog__empty strong[b-076qlslj2w] {
    color: var(--text);
}

.employee-timeline-dialog__footer[b-076qlslj2w] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 24px 16px;
    background: var(--panel);
    border-top: 1px solid var(--line);
}

.employee-timeline-dialog__footer > span[b-076qlslj2w] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

.employee-timeline-dialog__pagination[b-076qlslj2w] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.employee-timeline-dialog__pagination button[b-076qlslj2w] {
    min-width: 34px;
    height: 34px;
    padding: 0 9px;
    color: var(--text);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    cursor: pointer;
}

.employee-timeline-dialog__pagination button.is-active[b-076qlslj2w] {
    color: var(--panel);
    background: var(--primary);
    border-color: var(--primary);
}

.employee-timeline-dialog__pagination button:disabled[b-076qlslj2w] {
    opacity: .4;
    cursor: default;
}

@media (max-width: 820px) {
    .employee-timeline-dialog-backdrop[b-076qlslj2w] {
        padding: 10px;
    }

    .employee-timeline-dialog[b-076qlslj2w] {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
    }

    .employee-timeline-dialog__body[b-076qlslj2w] {
        padding: 18px 16px 24px;
    }

    .employee-timeline-dialog__intro[b-076qlslj2w] {
        flex-direction: column;
        gap: 12px;
    }

    .employee-timeline-dialog__controls[b-076qlslj2w] {
        width: 100%;
    }

    .employee-timeline-dialog__control[b-076qlslj2w] {
        flex: 1 1 0;
    }

    .employee-timeline-dialog__control select[b-076qlslj2w] {
        width: 100%;
        min-width: 0;
    }

    .employee-timeline-worker[b-076qlslj2w] {
        padding: 16px 14px 12px;
    }

    .employee-timeline-worker__avatar[b-076qlslj2w] {
        width: 80px;
        height: 80px;
    }

    .employee-labor-timeline[b-076qlslj2w] {
        padding: 10px 8px 12px 10px;
    }

    .employee-labor-timeline[b-076qlslj2w]::before {
        left: 18px;
    }

    .employee-labor-timeline__event[b-076qlslj2w] {
        min-height: 0;
        margin-bottom: 16px;
    }

    .employee-labor-timeline__axis[b-076qlslj2w] {
        position: absolute;
        left: 8px;
        width: 20px;
    }

    .employee-labor-timeline__slot[b-076qlslj2w] {
        width: 100%;
        padding: 0 0 0 38px !important;
        text-align: left !important;
    }

    .employee-labor-timeline__slot.is-empty[b-076qlslj2w] {
        display: none;
    }

    .employee-labor-timeline__slot.is-left .employee-labor-timeline__meta-row[b-076qlslj2w] {
        flex-direction: row;
    }

    .employee-labor-timeline__card[b-076qlslj2w] {
        max-width: none;
    }

    .employee-labor-timeline__marker[b-076qlslj2w] {
        top: 17px;
    }

    .employee-timeline-dialog__footer[b-076qlslj2w] {
        align-items: stretch;
        flex-direction: column;
        padding: 12px 16px 14px;
    }

    .employee-timeline-dialog__pagination[b-076qlslj2w] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 520px) {
    .employee-timeline-dialog__controls[b-076qlslj2w] {
        flex-direction: column;
        align-items: stretch;
    }

    .employee-timeline-dialog__control[b-076qlslj2w] {
        width: 100%;
    }

    .employee-labor-timeline__meta-row[b-076qlslj2w] {
        align-items: flex-start;
        flex-direction: column !important;
        gap: 2px;
    }
}
/* /Components/Modules/EmployeeTimelines/EmployeeTimelineEmbedded.razor.rz.scp.css */
.employee-timeline-embedded[b-14nobqvj2e] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.employee-timeline-embedded__header[b-14nobqvj2e] {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    padding: 14px 16px;
}

.employee-timeline-embedded__header > div[b-14nobqvj2e] { min-width: 0; }

.employee-timeline-embedded__header > .stariz-crud-button[b-14nobqvj2e] {
    align-self: center;
    flex: 0 0 auto;
    margin: 0;
}

.employee-timeline-embedded__overline[b-14nobqvj2e] { color: #522947; display: block; font-size: var(--text-2xs); font-weight: var(--weight-bold); letter-spacing: .07em; text-transform: uppercase; }
.employee-timeline-embedded__header h3[b-14nobqvj2e] { color: #3b1b33; font-size: var(--text-md); margin: 3px 0 0; }
.employee-timeline-embedded__header p[b-14nobqvj2e] { display: none; }

.employee-timeline-embedded__worker[b-14nobqvj2e] {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: grid;
    flex: 0 0 auto;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 11px 16px;
}

.employee-timeline-embedded__avatar[b-14nobqvj2e] { align-items: center; background: #f8f1f5; border-radius: 50%; color: #522947; display: inline-flex; font-size: var(--text-2xs); font-weight: var(--weight-bold); height: 28px; justify-content: center; width: 28px; }
.employee-timeline-embedded__worker strong[b-14nobqvj2e], .employee-timeline-embedded__worker small[b-14nobqvj2e] { display: block; }
.employee-timeline-embedded__worker strong[b-14nobqvj2e] { color: #334155; font-size: var(--text-xs); }
.employee-timeline-embedded__worker small[b-14nobqvj2e] { color: #94a3b8; font-size: var(--text-2xs); margin-top: 1px; }
.employee-timeline-embedded__count[b-14nobqvj2e] { color: #64748b; font-size: var(--text-2xs); font-weight: var(--weight-bold); }

.employee-timeline-embedded__filters[b-14nobqvj2e] { align-items: center; border-bottom: 1px solid #e2e8f0; display: grid; flex: 0 0 auto; gap: 8px; grid-template-columns: 88px minmax(0, 1fr); padding: 10px 16px; }
.employee-timeline-embedded__filters label[b-14nobqvj2e] { color: #64748b; display: grid; font-size: var(--text-2xs); font-weight: var(--weight-bold); gap: 3px; text-transform: uppercase; }
.employee-timeline-embedded__filters select[b-14nobqvj2e] { background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; color: #334155; min-height: 30px; padding: 4px 7px; }
.employee-timeline-embedded__filters > span[b-14nobqvj2e] { display: none; }

.employee-timeline-embedded__list[b-14nobqvj2e] { display: grid; flex: 1 1 auto; gap: 0; min-height: 0; overflow-y: auto; padding: 8px 14px 12px; }
.employee-timeline-embedded__event[b-14nobqvj2e] { display: grid; gap: 8px; grid-template-columns: 20px minmax(0, 1fr); padding: 7px 0; position: relative; }
.employee-timeline-embedded__event:not(:last-child)[b-14nobqvj2e]::after { background: #e2e8f0; bottom: -1px; content: ""; left: 9px; position: absolute; top: 28px; width: 1px; }
.employee-timeline-embedded__rail[b-14nobqvj2e] { position: relative; z-index: 1; }
.employee-timeline-embedded__rail > span[b-14nobqvj2e] { align-items: center; border-radius: 50%; display: inline-flex; height: 19px; justify-content: center; width: 19px; }
.employee-timeline-embedded__rail svg[b-14nobqvj2e] { height: 11px; width: 11px; }
.tone-positive .employee-timeline-embedded__rail > span[b-14nobqvj2e] { background: #dcfce7; color: #15803d; }
.tone-negative .employee-timeline-embedded__rail > span[b-14nobqvj2e] { background: #fee2e2; color: #b91c1c; }
.tone-warning .employee-timeline-embedded__rail > span[b-14nobqvj2e] { background: #fef3c7; color: #a16207; }
.tone-document .employee-timeline-embedded__rail > span[b-14nobqvj2e], .tone-info .employee-timeline-embedded__rail > span[b-14nobqvj2e] { background: #f8f1f5; color: #522947; }

.employee-timeline-embedded__content[b-14nobqvj2e] { min-width: 0; padding: 0 0 8px; }
.employee-timeline-embedded__event-head[b-14nobqvj2e] { align-items: center; display: flex; gap: 7px; justify-content: space-between; margin: 0 0 2px; }
.employee-timeline-embedded__event-head time[b-14nobqvj2e] { color: #94a3b8; font-size: var(--text-2xs); font-weight: var(--weight-bold); }
.employee-timeline-embedded__content > strong[b-14nobqvj2e] { color: #334155; display: block; font-size: var(--text-xs); font-weight: var(--weight-bold); line-height: 1.3; }
.employee-timeline-embedded__content > small[b-14nobqvj2e], .employee-timeline-embedded__content p[b-14nobqvj2e], .employee-timeline-embedded__metadata[b-14nobqvj2e], .employee-timeline-embedded__download[b-14nobqvj2e] { display: none; }

.employee-timeline-embedded__status[b-14nobqvj2e] { border-radius: 999px; font-size: var(--text-2xs); font-weight: var(--weight-bold); padding: 3px 6px; white-space: nowrap; }
.employee-timeline-embedded__status.is-positive[b-14nobqvj2e] { background: #dcfce7; color: #15803d; }
.employee-timeline-embedded__status.is-negative[b-14nobqvj2e] { background: #fee2e2; color: #b91c1c; }
.employee-timeline-embedded__status.is-warning[b-14nobqvj2e] { background: #fef3c7; color: #a16207; }
.employee-timeline-embedded__status.is-neutral[b-14nobqvj2e] { background: #f1f5f9; color: #475569; }

.employee-timeline-embedded__state[b-14nobqvj2e], .employee-timeline-embedded__warning[b-14nobqvj2e] { align-items: center; color: #94a3b8; display: flex; flex: 1 1 auto; flex-direction: column; font-size: var(--text-xs); gap: 5px; justify-content: center; min-height: 120px; padding: 16px; text-align: center; }
.employee-timeline-embedded__state.is-error[b-14nobqvj2e] { color: #b91c1c; }
.employee-timeline-embedded__warning[b-14nobqvj2e] { flex: 0 0 auto; min-height: auto; }
/* /Components/Modules/EmployeeTimelines/EmployeeTimelinePage.razor.rz.scp.css */
.employee-labor-timeline-page[b-s651yfedxx] {
    display: grid;
    gap: 20px;
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
}

.employee-labor-timeline-page.is-loading[b-s651yfedxx] {
    cursor: progress;
}

.employee-labor-timeline-page__topbar[b-s651yfedxx] {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.employee-labor-timeline-page__eyebrow[b-s651yfedxx] {
    color: var(--primary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .1em;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.employee-labor-timeline-page__topbar h1[b-s651yfedxx] {
    color: var(--text);
    font-size: clamp(22px, 2vw, 28px);
    letter-spacing: -.025em;
    margin: 0;
}

.employee-labor-timeline-page__scale[b-s651yfedxx] {
    align-items: center;
    color: var(--muted);
    display: flex;
    flex: 0 0 auto;
    font-size: var(--text-xs);
    gap: 10px;
    padding-top: 1px;
}

.employee-labor-timeline-page__scale select[b-s651yfedxx] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    font: inherit;
    font-weight: var(--weight-semibold);
    min-height: 38px;
    min-width: 118px;
    padding: 7px 30px 7px 11px;
}

.employee-labor-timeline-panel[b-s651yfedxx] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 18px 48px color-mix(in srgb, var(--text) 7%, transparent);
    overflow: hidden;
}

.employee-labor-timeline-worker[b-s651yfedxx] {
    align-items: center;
    background: linear-gradient(180deg, var(--panel) 0%, color-mix(in srgb, var(--primary) 2.5%, var(--panel)) 100%);
    display: flex;
    flex-direction: column;
    padding: 26px 24px 20px;
    position: relative;
    z-index: 2;
}

.employee-labor-timeline-worker__avatar[b-s651yfedxx] {
    align-items: center;
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--primary) 11%, var(--panel)),
        color-mix(in srgb, var(--primary) 18%, var(--panel)));
    border: 5px solid var(--panel);
    border-radius: 50%;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--primary) 20%, var(--line)),
        0 10px 26px color-mix(in srgb, var(--primary) 14%, transparent);
    color: var(--primary);
    display: flex;
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    height: 92px;
    justify-content: center;
    overflow: hidden;
    width: 92px;
}

.employee-labor-timeline-worker__avatar img[b-s651yfedxx] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.employee-labor-timeline-worker__name[b-s651yfedxx] {
    color: var(--text);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    margin: 12px 0 3px;
    text-align: center;
}

.employee-labor-timeline-worker__meta[b-s651yfedxx] {
    color: var(--muted);
    font-size: var(--text-xs);
    margin: 0;
    text-align: center;
}

.employee-labor-timeline[b-s651yfedxx] {
    padding: 12px 34px 34px;
    position: relative;
}

.employee-labor-timeline[b-s651yfedxx]::before {
    background: color-mix(in srgb, var(--primary) 22%, var(--line));
    bottom: 30px;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-1px);
    width: 2px;
}

.employee-labor-timeline__event[b-s651yfedxx] {
    display: flex;
    min-height: 110px;
    position: relative;
    width: 100%;
}

.employee-labor-timeline__slot[b-s651yfedxx] {
    align-items: flex-start;
    display: flex;
    padding-top: 8px;
    width: 44%;
}

.employee-labor-timeline__slot.is-left[b-s651yfedxx] {
    justify-content: flex-end;
    padding-right: 28px;
    text-align: right;
}

.employee-labor-timeline__slot.is-right[b-s651yfedxx] {
    justify-content: flex-start;
    padding-left: 28px;
    text-align: left;
}

.employee-labor-timeline__axis[b-s651yfedxx] {
    display: flex;
    justify-content: center;
    position: relative;
    width: 12%;
}

.employee-labor-timeline__marker[b-s651yfedxx] {
    background: var(--panel);
    border: 3px solid var(--primary);
    border-radius: 50%;
    box-shadow: 0 0 0 3px var(--panel);
    height: 16px;
    position: absolute;
    top: 22px;
    width: 16px;
}

.employee-labor-timeline__card[b-s651yfedxx] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 5px 18px color-mix(in srgb, var(--text) 4.5%, transparent);
    max-width: 400px;
    padding: 15px 17px;
    width: 100%;
}

.employee-labor-timeline__date[b-s651yfedxx] {
    color: var(--primary);
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .045em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.employee-labor-timeline__title[b-s651yfedxx] {
    color: var(--text);
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    margin-bottom: 5px;
}

.employee-labor-timeline__description[b-s651yfedxx] {
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.45;
    margin: 0;
}

.employee-labor-timeline__event.is-current .employee-labor-timeline__marker[b-s651yfedxx] {
    border-color: #179a63;
}

.employee-labor-timeline__event.is-current .employee-labor-timeline__card[b-s651yfedxx] {
    background: color-mix(in srgb, #179a63 2.5%, var(--panel));
    border-color: color-mix(in srgb, #179a63 34%, var(--line));
}

.employee-labor-timeline-state[b-s651yfedxx] {
    align-items: center;
    color: var(--muted);
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    min-height: 300px;
    padding: 32px;
    text-align: center;
}

.employee-labor-timeline-state strong[b-s651yfedxx] {
    color: var(--text);
}

@media (max-width: 760px) {
    .employee-labor-timeline-page[b-s651yfedxx] {
        gap: 16px;
    }

    .employee-labor-timeline-page__topbar[b-s651yfedxx] {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .employee-labor-timeline-page__scale[b-s651yfedxx] {
        justify-content: space-between;
    }

    .employee-labor-timeline-page__scale select[b-s651yfedxx] {
        min-width: 150px;
    }

    .employee-labor-timeline-worker[b-s651yfedxx] {
        padding: 22px 18px 18px;
    }

    .employee-labor-timeline-worker__avatar[b-s651yfedxx] {
        height: 82px;
        width: 82px;
    }

    .employee-labor-timeline[b-s651yfedxx] {
        padding: 12px 18px 30px;
    }

    .employee-labor-timeline[b-s651yfedxx]::before {
        left: 28px;
    }

    .employee-labor-timeline__event[b-s651yfedxx] {
        margin-bottom: 16px;
        min-height: 0;
    }

    .employee-labor-timeline__axis[b-s651yfedxx] {
        left: 0;
        position: absolute;
        width: 20px;
    }

    .employee-labor-timeline__slot[b-s651yfedxx] {
        padding: 0 0 0 34px !important;
        text-align: left !important;
        width: 100%;
    }

    .employee-labor-timeline__slot.is-empty[b-s651yfedxx] {
        display: none;
    }

    .employee-labor-timeline__card[b-s651yfedxx] {
        max-width: none;
    }

    .employee-labor-timeline__marker[b-s651yfedxx] {
        top: 16px;
    }
}
/* /Components/Modules/EmployeeWarnings/MyWarningsPage.razor.rz.scp.css */
.employee-warnings-page[b-dgr976n59m] {
    display: grid;
    align-content: start;
    gap: var(--space-3);
}

.employee-warnings-page__heading[b-dgr976n59m] {
    align-items: center;
}

.employee-warnings-page__identity[b-dgr976n59m] {
    display: grid;
    justify-items: end;
    gap: 2px;
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    line-height: 1.25;
}

.employee-warnings-page__identity small[b-dgr976n59m] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
}

.employee-warnings-page__kpis[b-dgr976n59m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
}

.employee-warnings-page__kpi[b-dgr976n59m] {
    display: grid;
    grid-template-columns: var(--stariz-card-icon-box) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 92px;
    padding: 12px 14px;
    background: var(--panel);
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: none;
}

.employee-warnings-page__kpi > div[b-dgr976n59m] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.employee-warnings-page__kpi-icon[b-dgr976n59m],
.employee-warnings-page__side-icon[b-dgr976n59m],
.employee-warnings-item__icon[b-dgr976n59m] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 var(--stariz-card-icon-box);
    width: var(--stariz-card-icon-box);
    min-width: var(--stariz-card-icon-box);
    height: var(--stariz-card-icon-box);
    min-height: var(--stariz-card-icon-box);
    border-radius: var(--stariz-card-icon-radius);
    background: var(--primary-soft);
    color: var(--primary);
}

.employee-warnings-page__kpi-icon[b-dgr976n59m]  svg,
.employee-warnings-page__side-icon[b-dgr976n59m]  svg,
.employee-warnings-item__icon[b-dgr976n59m]  svg {
    width: var(--stariz-card-icon-size);
    min-width: var(--stariz-card-icon-size);
    height: var(--stariz-card-icon-size);
    min-height: var(--stariz-card-icon-size);
}

.employee-warnings-page__layout[b-dgr976n59m] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, .72fr);
    align-items: start;
    gap: var(--space-3);
}

.employee-warnings-page__history[b-dgr976n59m],
.employee-warnings-page__summary-card[b-dgr976n59m],
.employee-warnings-page__context-card[b-dgr976n59m] {
    min-width: 0;
    background: var(--panel);
    border: var(--line-width) solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: none;
}

.employee-warnings-page__history[b-dgr976n59m] {
    padding: 0;
    overflow: hidden;
}

.employee-warnings-page__summary-card[b-dgr976n59m],
.employee-warnings-page__context-card[b-dgr976n59m] {
    padding: 12px;
}

.employee-warnings-page__section-heading[b-dgr976n59m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 14px;
    min-height: 58px;
    padding: 10px 13px;
    border-bottom: var(--line-width) solid var(--line);
}

.employee-warnings-page__section-heading > div:first-child[b-dgr976n59m] {
    flex: 1 1 240px;
    min-width: 0;
}

.employee-warnings-page__section-heading h2[b-dgr976n59m],
.employee-warnings-page__summary-card h2[b-dgr976n59m],
.employee-warnings-page__context-card h2[b-dgr976n59m] {
    margin: 0;
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    line-height: 1.25;
}

.employee-warnings-page__section-heading p[b-dgr976n59m],
.employee-warnings-page__context-card p[b-dgr976n59m] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    line-height: 1.4;
}

.employee-warnings-page__filters[b-dgr976n59m] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.employee-warnings-page__filter[b-dgr976n59m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border: var(--line-width) solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    line-height: 1;
    cursor: pointer;
    box-shadow: none;
}

.employee-warnings-page__filter:hover:not(:disabled)[b-dgr976n59m] {
    background: var(--surface-hover);
    color: var(--text);
}

.employee-warnings-page__filter.is-active[b-dgr976n59m] {
    border-color: var(--primary-border);
    background: var(--primary-soft);
    color: var(--primary);
}

.employee-warnings-page__filter:focus-visible[b-dgr976n59m] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.employee-warnings-page__list[b-dgr976n59m] {
    display: grid;
}

.employee-warnings-item[b-dgr976n59m] {
    display: grid;
    grid-template-columns: var(--stariz-card-icon-box) minmax(0, 1fr);
    gap: 10px;
    padding: 11px 13px;
    border-bottom: var(--line-width) solid var(--line);
}

.employee-warnings-item:last-child[b-dgr976n59m] {
    border-bottom: 0;
}

.employee-warnings-item__content[b-dgr976n59m] {
    min-width: 0;
}

.employee-warnings-item__topline[b-dgr976n59m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.employee-warnings-item__type[b-dgr976n59m] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.employee-warnings-item h3[b-dgr976n59m] {
    margin: 2px 0 0;
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    line-height: 1.3;
}

.employee-warnings-item p[b-dgr976n59m] {
    margin: 5px 0;
    color: var(--text-soft);
    font-size: var(--text-xs);
    line-height: 1.45;
}

.employee-warnings-item__meta[b-dgr976n59m] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 12px;
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.3;
}

.employee-warnings-page__aside[b-dgr976n59m] {
    display: grid;
    gap: var(--space-3);
}

.employee-warnings-page__side-heading[b-dgr976n59m] {
    display: grid;
    grid-template-columns: var(--stariz-card-icon-box) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.employee-warnings-page__proportion[b-dgr976n59m] {
    display: flex;
    height: 8px;
    overflow: hidden;
    margin: 10px 0 12px;
    border-radius: 999px;
    background: var(--surface-soft);
}

.employee-warnings-page__proportion span[b-dgr976n59m] {
    flex: 0 0 calc(var(--warning-share) * 1%);
    background: var(--primary);
}

.employee-warnings-page__proportion span:nth-child(2)[b-dgr976n59m] {
    background: var(--info);
}

.employee-warnings-page__proportion span:nth-child(3)[b-dgr976n59m] {
    background: var(--danger);
}

.employee-warnings-page__summary-card dl[b-dgr976n59m] {
    display: grid;
    gap: 0;
    margin: 0;
}

.employee-warnings-page__summary-card dl div[b-dgr976n59m] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-top: var(--line-width) solid var(--line);
}

.employee-warnings-page__summary-card dt[b-dgr976n59m],
.employee-warnings-page__summary-card dd[b-dgr976n59m],
.employee-warnings-page__context-card small[b-dgr976n59m] {
    font-size: var(--text-xs);
    line-height: 1.4;
}

.employee-warnings-page__summary-card dt[b-dgr976n59m] {
    color: var(--muted);
}

.employee-warnings-page__summary-card dd[b-dgr976n59m] {
    margin: 0;
    color: var(--text);
    font-weight: var(--weight-bold);
}

.employee-warnings-page__context-card small[b-dgr976n59m] {
    display: block;
    margin-top: 8px;
    color: var(--muted);
}

.employee-warnings-page__empty[b-dgr976n59m] {
    padding: 24px 13px;
    text-align: center;
    color: var(--muted);
    font-size: var(--text-xs);
}

@media (max-width: 980px) {
    .employee-warnings-page__kpis[b-dgr976n59m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .employee-warnings-page__layout[b-dgr976n59m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .employee-warnings-page__kpis[b-dgr976n59m] {
        grid-template-columns: 1fr;
    }

    .employee-warnings-page__section-heading[b-dgr976n59m],
    .employee-warnings-item__topline[b-dgr976n59m] {
        align-items: stretch;
        flex-direction: column;
    }

    .employee-warnings-page__filters[b-dgr976n59m] {
        justify-content: flex-start;
    }

    .employee-warnings-page__identity[b-dgr976n59m] {
        justify-items: start;
    }
}
/* /Components/Modules/ImputacionesContables/Components/ImputacionContableEditor.razor.rz.scp.css */
.imputacion-editor__grid[b-t25xcaa0te] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.imputacion-editor__field[b-t25xcaa0te] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.imputacion-editor__field--full[b-t25xcaa0te] {
    grid-column: 1 / -1;
}

.imputacion-editor__field input[readonly][b-t25xcaa0te] {
    background: color-mix(in srgb, var(--field) 86%, var(--panel));
    color: var(--muted);
    cursor: not-allowed;
}

.imputacion-editor__field textarea[b-t25xcaa0te] {
    min-block-size: 6rem;
    resize: vertical;
}

.imputacion-editor__switch-control[b-t25xcaa0te] {
    align-items: center;
    display: inline-flex;
    gap: 9px;
    min-height: 42px;
}

.imputacion-editor__switch-control input[b-t25xcaa0te] {
    block-size: 1px;
    inline-size: 1px;
    margin: 0;
    opacity: 0;
    position: absolute;
}

.imputacion-editor__switch-track[b-t25xcaa0te] {
    background: color-mix(in srgb, var(--muted) 34%, var(--field));
    border: 1px solid var(--line);
    border-radius: 999px;
    block-size: 22px;
    box-sizing: border-box;
    cursor: pointer;
    inline-size: 42px;
    position: relative;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.imputacion-editor__switch-track[b-t25xcaa0te]::after {
    background: var(--stariz-glass-surface);
    border-radius: 50%;
    box-shadow: none;
    content: "";
    block-size: 16px;
    inline-size: 16px;
    inset-block-start: 2px;
    inset-inline-start: 2px;
    position: absolute;
    transition: transform .18s ease;
}

.imputacion-editor__switch-control input:checked + .imputacion-editor__switch-track[b-t25xcaa0te] {
    background: var(--stariz-glass-primary);
    border-color: var(--primary);
}

.imputacion-editor__switch-control input:checked + .imputacion-editor__switch-track[b-t25xcaa0te]::after {
    transform: translateX(18px);
}

.imputacion-editor__switch-control input:focus-visible + .imputacion-editor__switch-track[b-t25xcaa0te] {
    box-shadow: none;
}

.imputacion-editor__switch-control em[b-t25xcaa0te] {
    color: var(--muted);
    font-size: var(--text-sm);
    font-style: normal;
    font-weight: var(--weight-bold);
}

.imputacion-editor__actions[b-t25xcaa0te] {
    margin-top: 20px;
    max-width: 100%;
    padding-block: 2px;
}

@media (max-width: 860px) {
    .imputacion-editor__grid[b-t25xcaa0te] {
        grid-template-columns: 1fr;
    }

    .imputacion-editor__field--full[b-t25xcaa0te] {
        grid-column: auto;
    }
}
/* /Components/Modules/ImputacionesContables/ImputacionesContablesPage.razor.rz.scp.css */
.imputaciones-contables-page[b-p22y7mtqmw] {
    min-width: 0;
}

.imputaciones-contables-page__activo[b-p22y7mtqmw] {
    min-width: 84px;
    text-align: center;
    white-space: nowrap;
}

/* Geometría propia de esta tabla: contiene tres acciones por registro. */
.actions[b-p22y7mtqmw],
.actions-header[b-p22y7mtqmw] {
    min-width: 294px;
}
/* /Components/Modules/PortalNews/BreakingNewsDialog.razor.rz.scp.css */
.breaking-news-backdrop[b-3ki749r6m6] {
    align-items: center;
    backdrop-filter: none;
    background: transparent;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 20px;
    position: fixed;
    z-index: 5000;
}

.breaking-news-dialog[b-3ki749r6m6] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: none;
    max-height: min(90vh, 820px);
    max-width: 640px;
    outline: none;
    overflow: hidden auto;
    position: relative;
    width: 100%;
}

.breaking-news-dialog:focus-visible[b-3ki749r6m6] { box-shadow: none; }
.breaking-news-dialog__header[b-3ki749r6m6], .breaking-news-dialog__footer[b-3ki749r6m6] { align-items: center; display: flex; gap: 12px; justify-content: space-between; padding: 15px 20px; }
.breaking-news-dialog__header[b-3ki749r6m6] { border-bottom: 1px solid var(--line); }
.breaking-news-dialog__footer[b-3ki749r6m6] { border-top: 1px solid var(--line); justify-content: flex-end; }
.breaking-news-dialog__badge[b-3ki749r6m6] { background: color-mix(in srgb, var(--primary) 14%, var(--panel)); border-radius: 999px; color: var(--primary); font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: .07em; padding: 7px 10px; text-transform: uppercase; }
.breaking-news-dialog__timer[b-3ki749r6m6] { align-items: baseline; color: var(--muted); display: inline-flex; font-size: var(--text-sm); gap: 5px; min-height: 27px; white-space: nowrap; }
.breaking-news-dialog__timer strong[b-3ki749r6m6] { color: var(--primary); font-size: var(--text-2xl); font-variant-numeric: tabular-nums; }
.breaking-news-dialog__media-status[b-3ki749r6m6] { align-items: center; display: inline-flex; gap: 7px; }
.breaking-news-dialog__media-spinner[b-3ki749r6m6] { animation: breaking-news-spin-b-3ki749r6m6 .85s linear infinite; border: 2px solid color-mix(in srgb, var(--primary) 20%, transparent); border-radius: 50%; border-top-color: var(--primary); display: inline-block; height: 15px; width: 15px; }
.breaking-news-dialog__body[b-3ki749r6m6] { padding: 28px 24px; }
.breaking-news-dialog__body h2[b-3ki749r6m6] { font-size: var(--text-2xl); line-height: 1.18; margin: 0; }
.breaking-news-dialog__body > p:not(.breaking-news-dialog__eyebrow)[b-3ki749r6m6] { color: var(--muted); font-size: var(--text-lg); line-height: 1.65; margin: 16px 0 0; white-space: pre-line; }
.breaking-news-dialog__body small[b-3ki749r6m6] { color: var(--muted); display: block; margin-top: 18px; }
.breaking-news-dialog__eyebrow[b-3ki749r6m6] { color: var(--primary); font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: .09em; margin: 0 0 10px; text-transform: uppercase; }
.breaking-news-dialog .btn:disabled[b-3ki749r6m6] { cursor: not-allowed; opacity: .58; }

/* Reserva el espacio del reproductor desde el primer render: no hay salto de
   layout cuando llega metadata ni recreación visual durante el contador. */
.breaking-news-dialog__video[b-3ki749r6m6] {
    aspect-ratio: 16 / 9;
    background: #0f172a;
    min-height: 190px;
    padding: 0;
    position: relative;
}

.breaking-news-dialog__video video[b-3ki749r6m6] {
    background: #0f172a;
    border: 0;
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.breaking-news-dialog__video .btn[b-3ki749r6m6] {
    bottom: 12px;
    position: absolute;
    right: 12px;
}

.breaking-news-dialog__image[b-3ki749r6m6] {
    aspect-ratio: 16 / 9;
    background: var(--soft);
    overflow: hidden;
}

.breaking-news-dialog__image img[b-3ki749r6m6] {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

@keyframes breaking-news-spin-b-3ki749r6m6 { to { transform: rotate(360deg); } }

@media (max-width: 640px) {
    .breaking-news-backdrop[b-3ki749r6m6] { align-items: end; padding: 12px; }
    .breaking-news-dialog[b-3ki749r6m6] { border-radius: 16px; }
    .breaking-news-dialog__body[b-3ki749r6m6] { padding: 22px 18px; }
    .breaking-news-dialog__header[b-3ki749r6m6], .breaking-news-dialog__footer[b-3ki749r6m6] { padding-inline: 16px; }
    .breaking-news-dialog__video[b-3ki749r6m6] { min-height: 180px; }
}

@media (prefers-reduced-motion: reduce) {
    .breaking-news-backdrop[b-3ki749r6m6], .breaking-news-dialog[b-3ki749r6m6] { transition: none; }
    .breaking-news-dialog__media-spinner[b-3ki749r6m6] { animation: none; }
}
/* /Components/Modules/PortalNews/FeaturedNewsHost.razor.rz.scp.css */
.featured-news-skeleton[b-tu9eih0qiu] {
    animation: featured-news-pulse-b-tu9eih0qiu 1.1s ease-in-out infinite alternate;
    background: color-mix(in srgb, var(--panel) 70%, var(--line));
    border-radius: 12px;
    height: 0;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 0;
}

@keyframes featured-news-pulse-b-tu9eih0qiu { from { opacity: .55; } to { opacity: 1; } }
/* /Components/Modules/PortalNews/NewsAdministration.razor.rz.scp.css */
.news-admin-page__lead[b-armldycfd4] { color: var(--muted); margin: 0; max-width: 850px; }
.news-admin-info[b-armldycfd4] { background: color-mix(in srgb, var(--primary) 12%, var(--panel)); border: 1px solid color-mix(in srgb, var(--primary) 32%, var(--line)); border-radius: 12px; margin-bottom: 14px; padding: 12px 14px; }
.news-admin-editor[b-armldycfd4] { display: grid; gap: 16px; margin-bottom: 16px; }
.news-admin-editor__header[b-armldycfd4], .news-admin-section__heading[b-armldycfd4], .news-admin-list__heading[b-armldycfd4] { align-items: start; display: flex; gap: 18px; justify-content: space-between; }
.news-admin-editor__header h2[b-armldycfd4], .news-admin-list__heading h2[b-armldycfd4] { margin: 0 0 6px; }
.news-admin-editor__header p:not(.eyebrow)[b-armldycfd4], .news-admin-section__heading p[b-armldycfd4], .news-admin-list__heading p[b-armldycfd4] { color: var(--muted); font-size: var(--text-sm); line-height: 1.45; margin: 0; }

/* Noticias: retícula propia. Evita que los overrides globales de [class*="form-grid"] reorganicen el editor. */
.news-admin-fields[b-armldycfd4] {
    --news-admin-field-gap-x: 16px;
    --news-admin-field-gap-y: 14px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--news-admin-field-gap-y) var(--news-admin-field-gap-x);
    align-items: start;
    width: 100%;
    min-width: 0;
    margin: 0;
}

.news-admin-field[b-armldycfd4] {
    display: grid;
    grid-column: span 12;
    grid-template-rows: auto auto;
    align-content: start;
    gap: 6px;
    min-width: 0;
    margin: 0;
    color: var(--text);
}

.news-admin-field--span-3[b-armldycfd4] { grid-column: span 3; }
.news-admin-field--span-4[b-armldycfd4] { grid-column: span 4; }
.news-admin-field--span-6[b-armldycfd4] { grid-column: span 6; }
.news-admin-field--span-8[b-armldycfd4] { grid-column: span 8; }
.news-admin-field--full[b-armldycfd4] { grid-column: 1 / -1; }

.news-admin-field__label[b-armldycfd4] {
    display: block;
    min-height: 18px;
    margin: 0;
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: 1.25;
}

.news-admin-field :is(input:not([type="checkbox"]), select, textarea)[b-armldycfd4],
.news-admin-field[b-armldycfd4]  :is(input, select, textarea) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
}

.news-admin-summary[b-armldycfd4] { min-height: 82px; resize: vertical; }
.news-admin-content[b-armldycfd4] { min-height: 180px; resize: vertical; }

.news-admin-field-help[b-armldycfd4] {
    margin: 0;
    max-width: 100%;
}

.news-admin-field__compact-action[b-armldycfd4] {
    justify-self: start;
    margin-top: 2px;
}

.news-admin-fields__divider[b-armldycfd4] {
    height: 1px;
    margin: 2px 0 0;
    background: var(--line);
}

@media (max-width: 1180px) {
    .news-admin-field--span-3[b-armldycfd4],
    .news-admin-field--span-4[b-armldycfd4],
    .news-admin-field--span-6[b-armldycfd4],
    .news-admin-field--span-8[b-armldycfd4] {
        grid-column: span 6;
    }
}

@media (max-width: 700px) {
    .news-admin-fields[b-armldycfd4] {
        gap: 12px;
    }

    .news-admin-field[b-armldycfd4],
    .news-admin-field--span-3[b-armldycfd4],
    .news-admin-field--span-4[b-armldycfd4],
    .news-admin-field--span-6[b-armldycfd4],
    .news-admin-field--span-8[b-armldycfd4],
    .news-admin-field--full[b-armldycfd4] {
        grid-column: 1 / -1;
    }
}

.news-admin-options[b-armldycfd4] { align-items: center; border-block: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 12px 20px; padding-block: 12px; }
.news-admin-check[b-armldycfd4] { align-items: center; color: var(--text); cursor: pointer; display: flex; font-size: var(--text-md); font-weight: var(--weight-bold); gap: 9px; }
.news-admin-check input[b-armldycfd4] { accent-color: var(--primary); height: 17px; min-height: 17px; padding: 0; width: 17px; }
.news-admin-popup-seconds[b-armldycfd4] { max-width: 270px; }
.news-admin-section[b-armldycfd4] { border-top: 1px solid var(--line); display: grid; gap: 12px; padding-top: 16px; }
.news-admin-empty[b-armldycfd4] { color: var(--muted); font-size: var(--text-md); margin: 0; }
.news-admin-actions[b-armldycfd4] { flex-wrap: wrap; }
.news-admin-save-bar[b-armldycfd4] {
    align-items: center;
    border-block: 1px solid var(--line);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding-block: 12px;
}
.news-admin-save-bar__copy[b-armldycfd4] { display: grid; gap: 3px; min-width: 0; }
.news-admin-save-bar__copy strong[b-armldycfd4] { font-size: var(--text-sm); }
.news-admin-save-bar__copy span[b-armldycfd4] { color: var(--muted); font-size: var(--text-xs); line-height: 1.4; }
.news-admin-section--attachments[b-armldycfd4] { margin-top: 2px; }
.news-upload-grid[b-armldycfd4] { align-items: end; display: grid; gap: 14px; grid-template-columns: minmax(200px, 1fr) auto minmax(240px, 1fr); }
.news-admin-check--upload[b-armldycfd4] { min-height: 42px; }
.news-upload-control input[type=file][b-armldycfd4] { font-size: var(--text-xs); min-height: 42px; padding: 8px; }
.news-upload-progress[b-armldycfd4] { background: color-mix(in srgb, var(--primary) 10%, var(--panel)); border-radius: 10px; color: var(--primary); font-size: var(--text-sm); font-weight: var(--weight-bold); padding: 10px 12px; }
/* STARIZ-LOCKED: Galería aprobada en cuatro columnas por fila en escritorio.
   No modificar carga, descarga, selección, eliminación ni almacenamiento. */
.news-admin-attachments[b-armldycfd4] {
    align-items: stretch;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.news-admin-attachment-editor[b-armldycfd4] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 0;
    height: 100%;
    min-width: 0;
    overflow: hidden;
}
.news-admin-attachment-preview[b-armldycfd4] {
    align-items: center;
    aspect-ratio: 4 / 3;
    background: color-mix(in srgb, var(--soft) 55%, var(--panel));
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: center;
    min-width: 0;
    padding: 8px;
}
.news-admin-attachment-preview video[b-armldycfd4],
.news-admin-attachment-preview img[b-armldycfd4] {
    background: var(--soft);
    border-radius: var(--radius-md);
    display: block;
    height: 100%;
    max-height: none;
    max-width: none;
    object-fit: contain;
    width: 100%;
}
.news-admin-attachment-meta[b-armldycfd4] {
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 11px 14px;
}
.news-admin-attachment-meta strong[b-armldycfd4] { font-size: var(--text-sm); }
.news-admin-attachment-meta span[b-armldycfd4] {
    color: var(--muted);
    font-size: var(--text-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-admin-attachment-flags[b-armldycfd4] {
    align-content: start;
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
    padding: 10px 12px;
}
.news-admin-attachment-flags label[b-armldycfd4] {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: var(--text-sm);
    gap: 7px;
    min-width: 0;
}
.news-admin-attachment-flags label > span[b-armldycfd4] { white-space: normal; }
.news-admin-attachment-flags .stariz-checkbox[b-armldycfd4] { flex: 0 0 auto; }
.news-admin-attachment-order[b-armldycfd4] { display: grid; gap: 5px; }
.news-admin-attachment-order input[type="number"][b-armldycfd4] { min-height: 34px; width: 82px; }
.news-admin-attachment-actions[b-armldycfd4] {
    border-top: 1px solid var(--line);
    margin-top: auto;
    padding: 10px 12px;
}
.news-admin-list[b-armldycfd4] { display: grid; gap: 18px; }
.news-admin-table-summary[b-armldycfd4] { color: var(--muted); display: block; font-size: var(--text-xs); margin-top: 4px; max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-admin-status[b-armldycfd4] { border-radius: 999px; display: inline-flex; font-size: var(--text-xs); font-weight: var(--weight-bold); padding: 5px 8px; }
.news-admin-status--borrador[b-armldycfd4] { background: color-mix(in srgb, #f59e0b 16%, var(--panel)); color: #a16207; }
.news-admin-status--publicada[b-armldycfd4] { background: color-mix(in srgb, #16a34a 14%, var(--panel)); color: #15803d; }
.news-admin-status--archivada[b-armldycfd4] { background: color-mix(in srgb, var(--muted) 14%, var(--panel)); color: var(--muted); }
html[data-theme="dark"] .news-admin-status--borrador[b-armldycfd4] { color: #fcd34d; }
html[data-theme="dark"] .news-admin-status--publicada[b-armldycfd4] { color: #86efac; }
.news-admin-list-skeleton[b-armldycfd4] { display: grid; gap: 10px; }
.news-admin-list-skeleton span[b-armldycfd4] { animation: news-admin-pulse-b-armldycfd4 1.1s ease-in-out infinite alternate; background: color-mix(in srgb, var(--line) 72%, var(--panel)); border-radius: 8px; height: 38px; }
@keyframes news-admin-pulse-b-armldycfd4 { from { opacity: .58; } to { opacity: 1; } }
@media (max-width: 900px) { .news-upload-grid[b-armldycfd4] { grid-template-columns: 1fr; } }
@media (max-width: 1100px) {
    .news-admin-attachments[b-armldycfd4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) { .news-admin-editor__header[b-armldycfd4], .news-admin-section__heading[b-armldycfd4], .news-admin-list__heading[b-armldycfd4] { flex-direction: column; } .news-admin-attachments[b-armldycfd4] { grid-template-columns: minmax(0, 1fr); } .news-admin-attachments article[b-armldycfd4] { align-items: stretch; } .news-admin-attachment-actions[b-armldycfd4] { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .news-admin-list-skeleton span[b-armldycfd4] { animation: none; } }

/* Normalización: ayuda de programación y fecha visible de publicación. */
.news-admin-field-help[b-armldycfd4] {
    color: var(--muted);
    display: block;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    line-height: 1.35;
    margin-top: -2px;
}


.news-admin-table-date[b-armldycfd4] {
    color: var(--muted);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* Las acciones del listado se anclan al borde derecho de su columna. */
.news-admin-table__action-header[b-armldycfd4],
.news-admin-table__action-cell[b-armldycfd4] {
    min-width: 294px;
    text-align: right;
    vertical-align: middle;
}

.news-admin-table__actions[b-armldycfd4] {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    justify-content: flex-end;
    max-width: 100%;
    overflow-x: auto;
    padding-block: 2px;
}

.news-admin-table__actions .btn[b-armldycfd4] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.news-admin-table__actions .btn.danger[b-armldycfd4] {
    background: transparent;
    border-color: var(--danger);
    color: var(--danger);
}

.news-admin-table__actions .btn.danger:hover[b-armldycfd4] {
    background: var(--alert-danger-bg);
}

/* Públicos destinatarios: búsqueda explícita server-side, filas compactas y selección incremental. */
.news-audience[b-armldycfd4] { gap: 0; }
.news-audience__header[b-armldycfd4] {
    align-items: flex-start;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding-bottom: 14px;
}
.news-audience__header h3[b-armldycfd4] { margin: 0; }
.news-audience__header p[b-armldycfd4] { color: var(--muted); font-size: var(--text-sm); line-height: 1.45; margin: 5px 0 0; }
.news-audience__summary[b-armldycfd4] { align-items: center; color: var(--muted); display: inline-flex; flex: 0 0 auto; font-size: var(--text-xs); gap: 7px; white-space: nowrap; }
.news-audience__count[b-armldycfd4] { align-items: center; background: color-mix(in srgb, var(--primary) 10%, var(--panel)); border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line)); border-radius: 999px; color: var(--primary); display: inline-flex; font-weight: var(--weight-bold); height: 24px; justify-content: center; min-width: 24px; padding-inline: 7px; }
.news-audience__toolbar[b-armldycfd4] {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(190px,.72fr) minmax(180px,.72fr) minmax(280px,1.35fr) auto;
    padding-block: 14px;
}
.news-audience-field[b-armldycfd4] { display: grid; gap: 6px; min-width: 0; }
.news-audience-field > span:first-child[b-armldycfd4] { color: var(--text); font-size: var(--text-sm); font-weight: var(--weight-bold); }
.news-audience-search[b-armldycfd4] { align-items: center; display: grid; grid-template-columns: 30px minmax(0,1fr); position: relative; }
.news-audience-search input[b-armldycfd4] { grid-column: 1 / -1; padding-left: 36px; width: 100%; }
.news-audience-search__icon[b-armldycfd4] { align-items: center; color: var(--muted); display: inline-flex; grid-column: 1; grid-row: 1; justify-content: center; pointer-events: none; z-index: 1; }
.news-audience__search-button[b-armldycfd4] { align-self: end; white-space: nowrap; }
.news-audience__everyone[b-armldycfd4] { align-items: center; border: 1px solid var(--line); border-radius: var(--radius-md); display: grid; gap: 10px; grid-column: 2 / -1; grid-template-columns: 34px minmax(0,1fr) auto; min-height: 42px; padding: 8px 10px; }
.news-audience__everyone-icon[b-armldycfd4] { align-items: center; color: var(--primary); display: inline-flex; justify-content: center; }
.news-audience__everyone div[b-armldycfd4] { display: grid; gap: 2px; min-width: 0; }
.news-audience__everyone strong[b-armldycfd4] { font-size: var(--text-sm); }
.news-audience__everyone div span[b-armldycfd4] { color: var(--muted); font-size: var(--text-xs); }
.news-audience__replacement-note[b-armldycfd4] {
    background: color-mix(in srgb, var(--warning, #f59e0b) 8%, var(--panel));
    border-left: 3px solid var(--warning, #f59e0b);
    color: var(--muted);
    font-size: var(--text-xs);
    grid-column: 1 / -1;
    line-height: 1.45;
    padding: 8px 10px;
}
.news-audience__workspace[b-armldycfd4] { align-items: start; display: grid; gap: 14px; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); }
.news-audience__workspace--single[b-armldycfd4] { grid-template-columns: minmax(0,1fr); }
.news-audience-panel[b-armldycfd4] { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-lg); min-width: 0; overflow: hidden; }
.news-audience-panel__header[b-armldycfd4] { align-items: center; background: color-mix(in srgb,var(--soft) 72%,var(--panel)); border-bottom: 1px solid var(--line); display: flex; gap: 12px; justify-content: space-between; min-height: 44px; padding: 9px 12px; }
.news-audience-panel__header > div[b-armldycfd4] { display: grid; gap: 2px; min-width: 0; }
.news-audience-panel__header strong[b-armldycfd4] { font-size: var(--text-sm); }
.news-audience-panel__header div span[b-armldycfd4],.news-audience-panel__meta[b-armldycfd4] { color: var(--muted); font-size: var(--text-2xs); }
.news-audience-panel__meta[b-armldycfd4] { flex: 0 0 auto; }
.news-audience-table-wrap[b-armldycfd4] { max-height: 310px; overflow: auto; }
.news-audience-table[b-armldycfd4] { border-collapse: collapse; table-layout: fixed; width: 100%; }
.news-audience-table th[b-armldycfd4],.news-audience-table td[b-armldycfd4] { border-bottom: 1px solid var(--line); padding: 9px 11px; text-align: left; vertical-align: middle; }
.news-audience-table th[b-armldycfd4] { background: color-mix(in srgb,var(--soft) 55%,var(--panel)); color: var(--muted); font-size: var(--text-2xs); font-weight: var(--weight-bold); letter-spacing: .035em; position: sticky; text-transform: uppercase; top: 0; z-index: 1; }
.news-audience-table tbody tr:last-child td[b-armldycfd4] { border-bottom: 0; }
.news-audience-table tbody tr.is-selected[b-armldycfd4] { background: color-mix(in srgb,var(--primary) 7%,var(--panel)); }
.news-audience-table td strong[b-armldycfd4] { display: block; font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-audience-table__check[b-armldycfd4] { text-align: center; width: 54px; }
.news-audience-table__check .stariz-checkbox[b-armldycfd4] { height: 17px; min-height: 17px; width: 17px; }
.news-audience-table__code[b-armldycfd4] { color: var(--muted); font-size: var(--text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-audience-pagination[b-armldycfd4] { align-items: center; border-top: 1px solid var(--line); color: var(--muted); display: flex; font-size: var(--text-2xs); gap: 12px; justify-content: space-between; padding: 9px 11px; }
.news-selected-audiences[b-armldycfd4] { display: grid; padding: 6px 10px; }
.news-audience-panel--selected .news-selected-audiences[b-armldycfd4] { max-height: 260px; overflow: auto; }
.news-audience-selected[b-armldycfd4] { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) 28px; padding: 9px 2px; }
.news-audience-selected + .news-audience-selected[b-armldycfd4] { border-top: 1px solid var(--line); }
.news-audience-selected__content[b-armldycfd4] { display: grid; gap: 2px; min-width: 0; }
.news-audience-selected__type[b-armldycfd4] { color: var(--primary); font-size: var(--text-2xs); font-weight: var(--weight-bold); letter-spacing: .045em; text-transform: uppercase; }
.news-audience-selected__content strong[b-armldycfd4] { font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-audience-selected__code[b-armldycfd4] { color: var(--muted); font-size: var(--text-2xs); font-weight: var(--weight-semibold); }
.news-audience-selected__remove[b-armldycfd4] { align-items: center; background: transparent; border: 0; border-radius: 50%; color: var(--muted); cursor: pointer; display: inline-flex; height: 28px; justify-content: center; padding: 0; width: 28px; }
.news-audience-selected__remove:hover[b-armldycfd4] { background: var(--alert-danger-bg); color: var(--danger); }
.news-audience-empty[b-armldycfd4] { align-items: center; color: var(--muted); display: flex; flex-direction: column; font-size: var(--text-xs); gap: 4px; justify-content: center; min-height: 104px; padding: 16px; text-align: center; }
.news-audience-empty--compact[b-armldycfd4] { min-height: 86px; }
.news-audience-empty strong[b-armldycfd4] { color: var(--text); font-size: var(--text-sm); }
.news-audience-empty__icon[b-armldycfd4] { align-items: center; border: 1px dashed var(--line); border-radius: var(--radius-md); display: inline-flex; height: 32px; justify-content: center; margin-bottom: 3px; width: 32px; }
.news-audience__footnote[b-armldycfd4] { align-items: center; color: var(--muted); display: flex; font-size: var(--text-2xs); gap: 8px; line-height: 1.4; margin-top: 11px; }
.news-audience__footnote > span[b-armldycfd4] { background: var(--primary); border-radius: 50%; flex: 0 0 auto; height: 6px; width: 6px; }
@media (max-width: 1050px) {
    .news-audience__toolbar[b-armldycfd4] { grid-template-columns: 1fr 1fr; }
    .news-audience-field--search[b-armldycfd4] { grid-column: 1 / -1; }
    .news-audience__search-button[b-armldycfd4] { justify-self: start; }
    .news-audience__everyone[b-armldycfd4] { grid-column: 1 / -1; }
    .news-audience__workspace[b-armldycfd4] { grid-template-columns: 1fr; }
    .news-audience__workspace--single[b-armldycfd4] { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .news-audience__header[b-armldycfd4] { flex-direction: column; }
    .news-audience__toolbar[b-armldycfd4] { grid-template-columns: 1fr; }
    .news-audience-field--search[b-armldycfd4] { grid-column: auto; }
    .news-audience__search-button[b-armldycfd4] { width: 100%; }
    .news-audience__everyone[b-armldycfd4] { grid-template-columns: 32px minmax(0,1fr); }
    .news-audience__everyone .stariz-crud-button[b-armldycfd4] { grid-column: 1 / -1; justify-self: start; }
    .news-audience-table th:nth-child(3)[b-armldycfd4],.news-audience-table td:nth-child(3)[b-armldycfd4] { display: none; }
    .news-audience-pagination[b-armldycfd4] { align-items: stretch; flex-direction: column; }
    .news-audience-pagination > div[b-armldycfd4] { width: 100%; }
}

/* Multimedia de Noticias: cargadores separados sin alterar la retícula principal del editor. */
.news-media-uploaders[b-armldycfd4] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.news-media-uploader[b-armldycfd4] {
    background: color-mix(in srgb, var(--soft) 38%, var(--panel));
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 14px;
}

.news-media-uploader__header[b-armldycfd4] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.news-media-uploader__header h4[b-armldycfd4] { font-size: var(--text-lg); line-height: 1.25; margin: 0 0 4px; }
.news-media-uploader__header p[b-armldycfd4] { color: var(--muted); font-size: var(--text-xs); line-height: 1.45; margin: 0; }
.news-media-uploader__icon[b-armldycfd4] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 10%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
    border-radius: 9px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.news-media-uploader__fields[b-armldycfd4] {
    align-items: end;
    display: grid;
    gap: 10px 12px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.news-media-uploader__description[b-armldycfd4] { display: grid; gap: 6px; grid-column: span 9; min-width: 0; }
.news-media-uploader__order[b-armldycfd4] { display: grid; gap: 6px; grid-column: span 3; min-width: 0; }
.news-media-uploader__field-label[b-armldycfd4] { align-items: baseline; display: inline-flex; gap: 5px; }
.news-media-uploader__optional[b-armldycfd4] { color: var(--muted); font-size: var(--text-xs); font-weight: var(--weight-medium); }
.news-media-uploader[data-media-kind="image"] .news-admin-check[b-armldycfd4] { grid-column: span 6; }
.news-media-uploader[data-media-kind="file-video"] .news-admin-check[b-armldycfd4] { grid-column: span 4; }
.news-media-upload-control[b-armldycfd4] { grid-column: 1 / -1; }
.news-media-upload-control[b-armldycfd4] { display: grid; gap: 6px; }
.news-media-upload-control > span[b-armldycfd4] { color: var(--text); font-size: var(--text-sm); font-weight: var(--weight-bold); }
.news-media-upload-control[b-armldycfd4]  input[type=file] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    color: var(--text);
    cursor: pointer;
    font-size: var(--text-xs);
    min-height: 42px;
    padding: 7px 8px;
    width: 100%;
}
.news-media-upload-control[b-armldycfd4]  input[type=file]::file-selector-button {
    background: color-mix(in srgb, var(--primary) 10%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--line));
    border-radius: 7px;
    color: var(--primary);
    cursor: pointer;
    font: inherit;
    font-weight: var(--weight-bold);
    margin-right: 9px;
    padding: 7px 10px;
}
.news-media-upload-control small[b-armldycfd4] { color: var(--muted); font-size: var(--text-xs); line-height: 1.35; }

.news-admin-list__filters[b-armldycfd4] {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(280px, 1fr) minmax(170px, .42fr);
    min-width: min(100%, 600px);
}
.news-admin-list__search[b-armldycfd4] { align-items: center; display: grid; grid-template-columns: 32px minmax(0,1fr); min-width: 0; }
.news-admin-list__search > span:not(.sr-only)[b-armldycfd4] { align-items: center; color: var(--muted); display: inline-flex; grid-column: 1; grid-row: 1; justify-content: center; pointer-events: none; z-index: 1; }
.news-admin-list__search input[b-armldycfd4] { grid-column: 1 / -1; grid-row: 1; padding-left: 34px; width: 100%; }
.news-admin-list__status-filter select[b-armldycfd4] { width: 100%; }
.news-admin-list__pager[b-armldycfd4] {
    align-items: center;
    border-top: 1px solid var(--line);
    color: var(--muted);
    display: flex;
    font-size: var(--text-xs);
    gap: 12px;
    justify-content: space-between;
    padding: 9px 11px;
}
.news-media-upload-lock[b-armldycfd4] {
    align-items: center;
    background: color-mix(in srgb, var(--soft) 52%, var(--panel));
    border: 1px dashed var(--line);
    border-radius: var(--radius-lg);
    display: flex;
    gap: 11px;
    padding: 13px 14px;
}
.news-media-upload-lock__icon[b-armldycfd4] { align-items: center; color: var(--muted); display: inline-flex; flex: 0 0 auto; justify-content: center; }
.news-media-upload-lock > div[b-armldycfd4] { display: grid; gap: 2px; }
.news-media-upload-lock strong[b-armldycfd4] { font-size: var(--text-sm); }
.news-media-upload-lock span:not(.news-media-upload-lock__icon)[b-armldycfd4] { color: var(--muted); font-size: var(--text-xs); line-height: 1.4; }

@media (max-width: 900px) {
    .news-media-uploaders[b-armldycfd4] { grid-template-columns: 1fr; }
    .news-admin-save-bar[b-armldycfd4] { align-items: stretch; flex-direction: column; }
    .news-admin-list__filters[b-armldycfd4] { grid-template-columns: 1fr; min-width: 0; width: 100%; }
}
@media (max-width: 1050px) {
    .news-admin-attachment-flags[b-armldycfd4] { grid-template-columns: repeat(2,minmax(180px,1fr)); }
}
@media (max-width: 620px) {
    .news-admin-attachment-preview[b-armldycfd4] { padding: 10px; }
    .news-admin-attachment-preview video[b-armldycfd4],.news-admin-attachment-preview img[b-armldycfd4] { max-height: 360px; width: 100%; }
    .news-admin-attachment-flags[b-armldycfd4] { grid-template-columns: 1fr; }
    .news-admin-attachment-flags label > span[b-armldycfd4] { white-space: normal; }
    .news-admin-attachment-order input[type="number"][b-armldycfd4] { width: 100%; }
    .news-admin-attachment-actions[b-armldycfd4] { align-items: stretch; flex-direction: column; }
    .news-media-uploader__description[b-armldycfd4],
    .news-media-uploader__order[b-armldycfd4],
    .news-media-uploader[data-media-kind] .news-admin-check[b-armldycfd4] { grid-column: 1 / -1; }
    .news-admin-list__pager[b-armldycfd4] { align-items: stretch; flex-direction: column; }
}
/* /Components/Modules/PortalNews/NewsConfetti.razor.rz.scp.css */
.news-confetti[b-l261he2n7k] {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 30;
}

.news-confetti:empty[b-l261he2n7k] {
    display: none;
}
/* /Components/Modules/PortalNews/NewsDetail.razor.rz.scp.css */
.news-detail[b-orowo12u4l] {
    --news-detail-radius: var(--radius-lg);
    --news-detail-padding: 18px;
    display: grid;
    gap: 18px;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.news-detail__media[b-orowo12u4l] {
    background: color-mix(in srgb, var(--table-head) 38%, var(--panel));
    border-bottom: var(--line-width, 1px) solid var(--line);
    margin: calc(0px - var(--news-detail-padding)) calc(0px - var(--news-detail-padding)) 2px;
    overflow: hidden;
}

.news-detail__media video[b-orowo12u4l] {
    display: block;
    height: auto;
    max-height: none;
    object-fit: contain;
    width: 100%;
}

/* STARIZ-LOCKED: Imagen de lectura aprobada. Debe mostrarse completa,
   centrada y con tamaño contenido; no volver a expandirla al ancho total. */
.news-detail__media img[b-orowo12u4l] {
    display: block;
    height: auto;
    margin-inline: auto;
    max-height: min(520px, 62vh);
    max-width: min(100%, 960px);
    object-fit: contain;
    width: auto;
}

.news-detail__header[b-orowo12u4l] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-width: 0;
}

.news-detail__heading-copy[b-orowo12u4l] {
    min-width: 0;
}

.news-detail__header h1[b-orowo12u4l] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    letter-spacing: -.015em;
    line-height: 1.2;
    margin: 0;
}

.news-detail__summary[b-orowo12u4l] {
    color: var(--muted);
    font-size: var(--text-md);
    line-height: 1.55;
    margin: 8px 0 0;
}

.news-detail__author[b-orowo12u4l],
.news-detail__meta-item[b-orowo12u4l] {
    align-items: center;
    color: var(--muted);
    display: inline-flex;
    gap: 5px;
    line-height: 1.3;
}

.news-detail__author[b-orowo12u4l] {
    font-size: var(--text-xs);
    margin: 10px 0 0;
}

.news-detail__author[b-orowo12u4l]  svg[data-portal-icon],
.news-detail__meta-item[b-orowo12u4l]  svg[data-portal-icon],
.news-detail__section-title[b-orowo12u4l]  svg[data-portal-icon],
.news-detail__attachment-icon[b-orowo12u4l]  svg[data-portal-icon],
.news-detail__download-action[b-orowo12u4l]  svg[data-portal-icon],
.news-detail__external-action[b-orowo12u4l]  svg[data-portal-icon] {
    flex: 0 0 auto;
}

.news-detail__badge[b-orowo12u4l] {
    background: color-mix(in srgb, var(--primary) 12%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
    border-radius: 999px;
    color: var(--primary);
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .04em;
    line-height: 1.2;
    min-height: 24px;
    padding: 5px 8px;
    text-transform: uppercase;
}

.news-detail__meta[b-orowo12u4l] {
    border-block: var(--line-width, 1px) solid var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding-block: 11px;
}

.news-detail__meta-item[b-orowo12u4l] {
    font-size: var(--text-xs);
}

.news-detail__content[b-orowo12u4l] {
    font-size: var(--text-md);
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
}

.news-detail__tags[b-orowo12u4l] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
}

.news-detail__tags span[b-orowo12u4l] {
    background: color-mix(in srgb, var(--primary) 7%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
    border-radius: 999px;
    color: var(--primary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    line-height: 1.2;
    padding: 5px 8px;
}

.news-detail__related-media[b-orowo12u4l],
.news-detail__attachments[b-orowo12u4l] {
    border-top: var(--line-width, 1px) solid var(--line);
    display: grid;
    gap: 12px;
    padding-top: 16px;
}

.news-detail__section-title[b-orowo12u4l] {
    align-items: center;
    display: inline-flex;
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    gap: 7px;
    line-height: 1.3;
    margin: 0;
}

.news-detail__section-title[b-orowo12u4l]  svg[data-portal-icon] {
    color: var(--primary);
}

.news-detail__image-gallery[b-orowo12u4l] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.news-detail__image-gallery img[b-orowo12u4l] {
    border: var(--line-width, 1px) solid var(--line);
    border-radius: var(--news-detail-radius);
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
}

.news-detail__embed[b-orowo12u4l] {
    aspect-ratio: 16 / 9;
    background: #0f172a;
    border: var(--line-width, 1px) solid var(--line);
    border-radius: var(--news-detail-radius);
    overflow: hidden;
    width: min(100%, 860px);
}

.news-detail__embed iframe[b-orowo12u4l] {
    border: 0;
    height: 100%;
    width: 100%;
}

.news-detail__external-action[b-orowo12u4l],
.news-detail__download-action[b-orowo12u4l] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    justify-content: center;
    width: fit-content;
}

.news-detail__video-list[b-orowo12u4l],
.news-detail__attachment-list[b-orowo12u4l] {
    display: grid;
    gap: 10px;
}

.news-detail__video-card[b-orowo12u4l],
.news-detail__attachment-card[b-orowo12u4l] {
    background: var(--panel);
    border: var(--line-width, 1px) solid var(--line);
    border-radius: var(--news-detail-radius);
    min-width: 0;
}

.news-detail__video-card[b-orowo12u4l] {
    display: grid;
    gap: 10px;
    padding: 14px 16px 16px;
}

.news-detail__video-card > strong[b-orowo12u4l] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
}

.news-detail__video-card video[b-orowo12u4l] {
    border-radius: calc(var(--news-detail-radius) - 2px);
    max-height: 420px;
    width: 100%;
}

.news-detail__attachment-card[b-orowo12u4l] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-height: 64px;
    padding: 10px 12px;
}

.news-detail__attachment-icon[b-orowo12u4l] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border: var(--line-width, 1px) solid color-mix(in srgb, var(--primary) 18%, var(--line));
    border-radius: 9px;
    color: var(--primary);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.news-detail__attachment-copy[b-orowo12u4l] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.news-detail__attachment-copy strong[b-orowo12u4l],
.news-detail__attachment-copy span[b-orowo12u4l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-detail__attachment-copy strong[b-orowo12u4l] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
}

.news-detail__attachment-copy span[b-orowo12u4l] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
}

.news-detail-empty[b-orowo12u4l] {
    max-width: 660px;
}

.news-detail-empty p:not(.eyebrow)[b-orowo12u4l] {
    color: var(--muted);
    font-size: var(--text-sm);
    line-height: 1.55;
}

.news-detail-skeleton[b-orowo12u4l] {
    animation: news-detail-pulse-b-orowo12u4l 1.1s ease-in-out infinite alternate;
    display: grid;
    gap: 12px;
    max-width: 840px;
}

.news-detail-skeleton span[b-orowo12u4l] {
    background: color-mix(in srgb, var(--line) 68%, var(--panel));
    border-radius: 7px;
    display: block;
    height: 15px;
    width: 100%;
}

.news-detail-skeleton span:first-child[b-orowo12u4l] {
    height: 26px;
    width: 72%;
}

.news-detail-skeleton span:last-child[b-orowo12u4l] {
    width: 58%;
}

@keyframes news-detail-pulse-b-orowo12u4l {
    from { opacity: .55; }
    to { opacity: 1; }
}

@media (max-width: 760px) {
    .news-detail[b-orowo12u4l] {
        gap: 16px;
    }

    .news-detail__header[b-orowo12u4l] {
        align-items: stretch;
        flex-direction: column;
    }

    .news-detail__badge[b-orowo12u4l] {
        align-self: flex-start;
    }

    .news-detail__attachment-card[b-orowo12u4l] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .news-detail__attachment-card .news-detail__download-action[b-orowo12u4l] {
        grid-column: 1 / -1;
        width: 100%;
    }
}


@media (max-width: 720px) {
    .news-detail[b-orowo12u4l] {
        --news-detail-padding: 14px;
    }
}

@media (max-width: 560px) {
    .news-detail[b-orowo12u4l] {
        --news-detail-padding: 13px;
    }
}

@media (max-width: 460px) {
    .news-detail__meta[b-orowo12u4l] {
        display: grid;
    }

    .news-detail__image-gallery[b-orowo12u4l] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .news-detail-skeleton[b-orowo12u4l] {
        animation: none;
    }
}
/* /Components/Modules/PortalNews/NewsPortal.razor.rz.scp.css */
.news-portal-page[b-875pci8rb9] {
    --news-card-radius: var(--radius-lg);
    --news-card-padding-x: var(--space-4);
    --news-card-padding-top: 14px;
    --news-card-padding-bottom: 16px;
    --news-card-gap: var(--space-4);
    --news-meta-gap: 8px;
    --news-hero-padding: 20px;
    --news-hero-media-min-height: 300px;
    --news-card-media-height: clamp(148px, 12vw, 168px);
    display: grid;
    gap: var(--content-gap, 14px);
    min-width: 0;
}

.news-portal-page__lead[b-875pci8rb9] {
    color: var(--muted);
    margin: 0;
}

.news-portal-tools[b-875pci8rb9] {
    align-items: end;
    display: grid;
    gap: var(--news-card-gap);
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.32fr);
    padding: var(--news-card-padding-top) var(--news-card-padding-x) var(--news-card-padding-bottom);
}

.news-portal-field[b-875pci8rb9] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.news-portal-field__label[b-875pci8rb9] {
    align-items: center;
    color: var(--muted);
    display: inline-flex;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: 6px;
    line-height: 1.25;
}

.news-portal-field__label[b-875pci8rb9]  svg[data-portal-icon],
.news-meta-row__date[b-875pci8rb9]  svg[data-portal-icon],
.news-card__author[b-875pci8rb9]  svg[data-portal-icon],
.news-card__attachments[b-875pci8rb9]  svg[data-portal-icon],
.news-card__action[b-875pci8rb9]  svg[data-portal-icon] {
    flex: 0 0 auto;
}

.news-portal-field input[b-875pci8rb9],
.news-portal-field select[b-875pci8rb9] {
    min-width: 0;
    width: 100%;
}

.news-hero[b-875pci8rb9] {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
    overflow: hidden;
    padding: 0;
}

.news-hero__media[b-875pci8rb9],
.news-card__media[b-875pci8rb9] {
    background: color-mix(in srgb, var(--line) 34%, var(--panel));
    display: block;
    overflow: hidden;
    position: relative;
}

.news-hero__media[b-875pci8rb9] {
    min-height: var(--news-hero-media-min-height);
}

.news-hero__media img[b-875pci8rb9],
.news-card__media img[b-875pci8rb9] {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.news-media-placeholder[b-875pci8rb9] {
    align-items: center;
    background: color-mix(in srgb, var(--table-head) 38%, var(--panel));
    color: color-mix(in srgb, var(--muted) 76%, var(--text));
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: inherit;
    width: 100%;
}

.news-media-placeholder--hero[b-875pci8rb9] {
    min-height: var(--news-hero-media-min-height);
}


.news-hero--text-only[b-875pci8rb9] {
    grid-template-columns: 1fr;
}

.news-hero--text-only .news-hero__content[b-875pci8rb9] {
    min-height: 250px;
}

.news-card--text-only .news-card__body[b-875pci8rb9] {
    min-height: 245px;
}

.news-hero__content[b-875pci8rb9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--news-hero-padding);
}

.news-meta-row[b-875pci8rb9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--news-meta-gap);
    justify-content: space-between;
    min-width: 0;
}

.news-meta-row__leading[b-875pci8rb9] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.news-meta-row__date[b-875pci8rb9],
.news-card__author[b-875pci8rb9],
.news-card__attachments[b-875pci8rb9] {
    align-items: center;
    color: var(--muted);
    display: inline-flex;
    gap: 5px;
    line-height: 1.3;
}

.news-meta-row__date[b-875pci8rb9] {
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    white-space: nowrap;
}

.news-card__badge[b-875pci8rb9],
.news-card__category[b-875pci8rb9] {
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    line-height: 1.2;
    max-width: 100%;
    min-height: 24px;
    overflow: hidden;
    padding: 5px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-card__badge[b-875pci8rb9] {
    background: color-mix(in srgb, var(--primary) 12%, var(--panel));
    letter-spacing: .04em;
    text-transform: uppercase;
}

.news-card__category[b-875pci8rb9] {
    background: color-mix(in srgb, var(--primary) 7%, var(--panel));
}

.news-hero__title[b-875pci8rb9] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    letter-spacing: -.01em;
    line-height: 1.24;
    margin: 16px 0 8px;
}

.news-hero__summary[b-875pci8rb9] {
    color: var(--muted);
    font-size: var(--text-md);
    line-height: 1.55;
    margin: 0;
}

.news-grid[b-875pci8rb9],
.news-skeleton-grid[b-875pci8rb9] {
    align-items: stretch;
    display: grid;
    gap: var(--news-card-gap);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.news-card[b-875pci8rb9] {
    background: var(--panel);
    border: var(--line-width, 1px) solid var(--line);
    border-radius: var(--news-card-radius);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    transition: border-color .18s ease, transform .18s ease;
}

.news-card:hover[b-875pci8rb9] {
    border-color: color-mix(in srgb, var(--primary) 46%, var(--line));
    transform: translateY(-1px);
}

.news-card__media[b-875pci8rb9] {
    height: var(--news-card-media-height);
    min-height: var(--news-card-media-height);
}

.news-card__body[b-875pci8rb9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: var(--news-card-padding-top) var(--news-card-padding-x) var(--news-card-padding-bottom);
}

.news-card__title[b-875pci8rb9] {
    display: -webkit-box;
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    letter-spacing: 0;
    line-height: 1.32;
    margin: 12px 0 7px;
    min-height: 2.64em;
    overflow: hidden;
}

.news-card__summary[b-875pci8rb9] {
    color: var(--muted);
    display: -webkit-box;
    font-size: var(--text-sm);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.5;
    margin: 0;
    min-height: 4.5em;
    overflow: hidden;
}

.news-card__author[b-875pci8rb9] {
    font-size: var(--text-2xs);
    margin-top: 10px;
    max-width: 100%;
    min-height: 18px;
}

.news-card__author > span[b-875pci8rb9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-card__footer[b-875pci8rb9] {
    align-items: center;
    border-top: var(--line-width, 1px) solid var(--line);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: auto calc(0px - var(--news-card-padding-x)) calc(0px - var(--news-card-padding-bottom));
    margin-top: auto;
    min-height: 49px;
    padding: 8px var(--news-card-padding-x);
}

.news-card__footer--hero[b-875pci8rb9] {
    margin: auto calc(0px - var(--news-hero-padding)) calc(0px - var(--news-hero-padding));
    min-height: 52px;
    padding: 9px var(--news-hero-padding);
}

.news-card__attachments[b-875pci8rb9] {
    flex: 1 1 auto;
    font-size: var(--text-2xs);
    min-width: 0;
}

.news-card__attachments > span[b-875pci8rb9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-card__action[b-875pci8rb9] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    justify-content: center;
    white-space: nowrap;
}

.news-empty-state[b-875pci8rb9] {
    text-align: center;
}

.news-empty-state h2[b-875pci8rb9] {
    font-size: var(--text-lg);
    margin-top: 0;
}

.news-empty-state p[b-875pci8rb9] {
    color: var(--muted);
    font-size: var(--text-sm);
    margin-bottom: 0;
}

.news-skeleton-card[b-875pci8rb9] {
    animation: news-skeleton-pulse-b-875pci8rb9 1.1s ease-in-out infinite alternate;
    background: var(--panel);
    border: var(--line-width, 1px) solid var(--line);
    border-radius: var(--news-card-radius);
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.news-skeleton-card__media[b-875pci8rb9],
.news-skeleton-card__meta[b-875pci8rb9],
.news-skeleton-card__title[b-875pci8rb9],
.news-skeleton-card__line[b-875pci8rb9] {
    background: color-mix(in srgb, var(--line) 68%, var(--panel));
    display: block;
}

.news-skeleton-card__media[b-875pci8rb9] {
    border-radius: 0;
    height: var(--news-card-media-height);
    width: 100%;
}

.news-skeleton-card__body[b-875pci8rb9] {
    display: grid;
    gap: 11px;
    padding: var(--news-card-padding-top) var(--news-card-padding-x) var(--news-card-padding-bottom);
}

.news-skeleton-card__meta[b-875pci8rb9] {
    border-radius: 999px;
    height: 18px;
    width: 42%;
}

.news-skeleton-card__title[b-875pci8rb9] {
    border-radius: 6px;
    height: 22px;
    width: 82%;
}

.news-skeleton-card__line[b-875pci8rb9] {
    border-radius: 6px;
    height: 13px;
    width: 100%;
}

.news-skeleton-card__line--short[b-875pci8rb9] {
    width: 64%;
}

@keyframes news-skeleton-pulse-b-875pci8rb9 {
    from { opacity: .56; }
    to { opacity: 1; }
}

@media (max-width: 1120px) {
    .news-portal-page[b-875pci8rb9] {
        --news-hero-media-min-height: 250px;
    }

    .news-grid[b-875pci8rb9],
    .news-skeleton-grid[b-875pci8rb9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .news-hero[b-875pci8rb9] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 760px) {
    .news-portal-page[b-875pci8rb9] {
        --news-hero-padding: 16px;
        --news-hero-media-min-height: 220px;
        --news-card-media-height: clamp(176px, 46vw, 220px);
    }

    .news-portal-tools[b-875pci8rb9],
    .news-grid[b-875pci8rb9],
    .news-skeleton-grid[b-875pci8rb9] {
        grid-template-columns: 1fr;
    }

    .news-portal-tools[b-875pci8rb9] {
        gap: 12px;
    }


    .news-hero__title[b-875pci8rb9] {
        font-size: var(--text-xl);
        margin-top: 14px;
    }

    .news-hero__summary[b-875pci8rb9] {
        font-size: var(--text-sm);
    }

}


@media (max-width: 560px) {
    .news-portal-page[b-875pci8rb9] {
        --news-card-padding-x: 13px;
        --news-card-padding-top: 12px;
        --news-card-padding-bottom: 13px;
        --news-hero-padding: 13px;
    }

    .news-portal-tools[b-875pci8rb9] {
        gap: 10px;
    }
}

@media (max-width: 430px) {
    .news-meta-row[b-875pci8rb9] {
        align-items: flex-start;
    }

    .news-meta-row__date[b-875pci8rb9] {
        width: 100%;
    }

    .news-card__footer[b-875pci8rb9],
    .news-card__footer--hero[b-875pci8rb9] {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .news-card__action[b-875pci8rb9] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .news-card[b-875pci8rb9] {
        transition: none;
    }

    .news-card:hover[b-875pci8rb9] {
        transform: none;
    }

    .news-skeleton-card[b-875pci8rb9] {
        animation: none;
    }
}
/* /Components/Modules/ProcessCalculations/Components/FloatingProcessOperationProgress.razor.rz.scp.css */
.process-calculation-progress-float[b-l1maol2ei1] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 10px;
    bottom: 16px;
    box-shadow: none;
    box-sizing: border-box;
    column-gap: 10px;
    display: grid;
    grid-template-areas:
        "header actions"
        "message actions"
        "track track";
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) 6px;
    height: 72px;
    max-width: calc(100vw - 24px);
    padding: 8px 10px;
    position: fixed;
    right: 16px;
    row-gap: 3px;
    width: min(320px, calc(100vw - 32px));
    z-index: 1200;
}

.process-calculation-progress-float__header[b-l1maol2ei1],
.process-calculation-progress-float__metrics[b-l1maol2ei1],
.process-calculation-progress-float__actions[b-l1maol2ei1] {
    align-items: center;
    display: flex;
}

.process-calculation-progress-float__header[b-l1maol2ei1] {
    gap: 8px;
    grid-area: header;
    justify-content: space-between;
    min-width: 0;
}

.process-calculation-progress-float__header > div[b-l1maol2ei1] {
    min-width: 0;
}

.process-calculation-progress-float__header .eyebrow[b-l1maol2ei1] {
    display: none;
}

.process-calculation-progress-float__header strong[b-l1maol2ei1] {
    display: block;
    font-size: var(--text-sm);
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-calculation-progress-float__percent[b-l1maol2ei1] {
    color: var(--primary);
    flex: 0 0 auto;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

.process-calculation-progress-float__message[b-l1maol2ei1] {
    color: var(--muted);
    font-size: var(--text-xs);
    grid-area: message;
    line-height: 1.1;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-calculation-progress-float__track[b-l1maol2ei1] {
    background: color-mix(in srgb, var(--line) 72%, transparent);
    border-radius: 999px;
    grid-area: track;
    height: 6px;
    overflow: hidden;
}

.process-calculation-progress-float__track span[b-l1maol2ei1] {
    background: var(--stariz-glass-primary);
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 0;
    transition: width 0.25s ease;
}

.process-calculation-progress-float__track span.is-indeterminate[b-l1maol2ei1] {
    animation: process-calculation-progress-slide-b-l1maol2ei1 1.25s ease-in-out infinite;
    width: 35%;
}

.process-calculation-progress-float__metrics[b-l1maol2ei1] {
    display: none;
}

.process-calculation-progress-float__actions[b-l1maol2ei1] {
    align-self: stretch;
    grid-area: actions;
    justify-content: flex-end;
    margin: 0;
}

.process-calculation-progress-float__actions .btn[b-l1maol2ei1] {
    min-height: 28px;
    padding-block: 0.25rem;
    padding-inline: 0.5rem;
    white-space: nowrap;
}

@keyframes process-calculation-progress-slide-b-l1maol2ei1 {
    0% { transform: translateX(-130%); }
    100% { transform: translateX(360%); }
}

@media (max-width: 640px) {
    .process-calculation-progress-float[b-l1maol2ei1] {
        bottom: 12px;
        right: 12px;
        width: min(320px, calc(100vw - 24px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .process-calculation-progress-float__track span[b-l1maol2ei1],
    .process-calculation-progress-float__track span.is-indeterminate[b-l1maol2ei1] {
        animation: none;
        transition: none;
    }
}
/* /Components/Modules/ProcessCalculations/Components/ProcessCalculationCompletionDialog.razor.rz.scp.css */
.process-completion-dialog[b-bgqj1dpcog] {
    align-items: flex-end;
    bottom: 20px;
    display: flex;
    justify-content: flex-end;
    left: 20px;
    pointer-events: none;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 1300;
}

.process-completion-dialog__card[b-bgqj1dpcog] {
    align-items: center;
    background: var(--panel);
    border: 1px solid color-mix(in srgb, var(--primary) 32%, var(--line));
    border-radius: 14px;
    box-shadow: none;
    box-sizing: border-box;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    height: 80px;
    max-width: 420px;
    padding: 10px;
    pointer-events: auto;
    width: min(420px, 100%);
}

.process-completion-dialog__card.is-error[b-bgqj1dpcog] {
    border-color: color-mix(in srgb, var(--danger) 48%, var(--line));
}

.process-completion-dialog__icon[b-bgqj1dpcog] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 14%, var(--panel));
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    height: 28px;
    justify-content: center;
    width: 28px;
}

.process-completion-dialog__card.is-error .process-completion-dialog__icon[b-bgqj1dpcog] {
    background: color-mix(in srgb, var(--danger) 12%, var(--panel));
    color: var(--danger);
}

.process-completion-dialog__content[b-bgqj1dpcog] {
    min-width: 0;
    overflow: hidden;
}

.process-completion-dialog__content .eyebrow[b-bgqj1dpcog],
.process-completion-dialog__content > p:not(.eyebrow)[b-bgqj1dpcog] {
    display: none;
}

.process-completion-dialog__content h2[b-bgqj1dpcog] {
    color: var(--text);
    font-size: var(--text-md);
    line-height: 1.12;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-completion-dialog__metrics[b-bgqj1dpcog] {
    color: var(--muted);
    display: flex;
    flex-wrap: nowrap;
    font-size: var(--text-2xs);
    gap: 0 8px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
}

.process-completion-dialog__metrics span[b-bgqj1dpcog] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.process-completion-dialog__metrics b[b-bgqj1dpcog] {
    color: var(--text);
}

.process-completion-dialog__actions[b-bgqj1dpcog] {
    align-self: stretch;
}

@media (max-width: 520px) {
    .process-completion-dialog[b-bgqj1dpcog] {
        bottom: 14px;
        left: 14px;
        right: 14px;
        top: auto;
    }

    .process-completion-dialog__card[b-bgqj1dpcog] {
        max-width: 420px;
        width: min(420px, calc(100vw - 28px));
    }
}

/* Normalización: notificación de término integrada al modal global. */
.process-completion-dialog[b-bgqj1dpcog] {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
/* /Components/Modules/ProcessCalculations/Components/ProcessOperationProgress.razor.rz.scp.css */
.process-operation-progress[b-4f1uo2s6tb] {
    background: color-mix(in srgb, var(--panel) 90%, var(--primary) 10%);
    border: 1px solid color-mix(in srgb, var(--line) 70%, var(--primary) 30%);
    border-radius: 16px;
    margin: 0 0 20px;
    padding: 16px;
}

.process-operation-progress.is-error[b-4f1uo2s6tb] {
    background: var(--alert-danger-bg);
    border-color: color-mix(in srgb, var(--danger) 45%, var(--line));
}

.process-operation-progress.is-finished[b-4f1uo2s6tb] {
    border-color: color-mix(in srgb, var(--primary) 50%, var(--line));
}

.process-operation-progress__heading[b-4f1uo2s6tb],
.process-operation-progress__metrics[b-4f1uo2s6tb] {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.process-operation-progress__heading .eyebrow[b-4f1uo2s6tb] {
    margin-bottom: 4px;
}

.process-operation-progress__percent[b-4f1uo2s6tb] {
    color: var(--primary);
    font-size: var(--text-md);
    font-weight: var(--weight-bold);
}

.process-operation-progress__message[b-4f1uo2s6tb] {
    color: var(--muted);
    margin: 10px 0 12px;
}

.process-operation-progress__track[b-4f1uo2s6tb] {
    background: color-mix(in srgb, var(--line) 70%, transparent);
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.process-operation-progress__track span[b-4f1uo2s6tb] {
    background: var(--stariz-glass-primary);
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 0;
    transition: width 0.25s ease;
}

.process-operation-progress__track span.is-indeterminate[b-4f1uo2s6tb] {
    animation: process-progress-slide-b-4f1uo2s6tb 1.25s ease-in-out infinite;
    width: 35%;
}

.process-operation-progress__metrics[b-4f1uo2s6tb] {
    color: var(--muted);
    font-size: var(--text-sm);
    justify-content: flex-start;
    margin-top: 12px;
}

.process-operation-progress__metrics b[b-4f1uo2s6tb] {
    color: var(--text);
}

@keyframes process-progress-slide-b-4f1uo2s6tb {
    0% { transform: translateX(-130%); }
    100% { transform: translateX(360%); }
}

@media (prefers-reduced-motion: reduce) {
    .process-operation-progress__track span[b-4f1uo2s6tb],
    .process-operation-progress__track span.is-indeterminate[b-4f1uo2s6tb] {
        animation: none;
        transition: none;
    }
}
/* /Components/Modules/ProcessCalculations/ProcessAccountingReconciliationPage.razor.rz.scp.css */
.reconciliation-page[b-1xuuwjnwwp]{align-content:start;display:grid;gap:var(--pro-gap,14px);min-width:0}
.reconciliation-page__header[b-1xuuwjnwwp]{align-items:center;display:flex;gap:16px;justify-content:space-between}
.reconciliation-page__header-actions[b-1xuuwjnwwp]{align-items:center;display:flex;flex:0 0 auto;gap:var(--stariz-crud-gap,.5rem)}
.reconciliation-page__source[b-1xuuwjnwwp]{border:1px solid var(--line);border-radius:999px;font:inherit;font-weight:var(--weight-bold);padding:6px 9px}
.reconciliation-page__source.is-current[b-1xuuwjnwwp]{background:color-mix(in srgb,var(--success) 8%,var(--panel));color:var(--success)}
.reconciliation-page__source.is-historical[b-1xuuwjnwwp]{background:color-mix(in srgb,var(--primary) 7%,var(--panel));color:var(--primary)}
.reconciliation-page__summary[b-1xuuwjnwwp]{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.reconciliation-page__summary-card[b-1xuuwjnwwp]{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-height:88px;padding:14px}
.reconciliation-page__summary-card>span[b-1xuuwjnwwp]{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:var(--primary);display:flex;height:40px;justify-content:center;width:40px}
.reconciliation-page__summary-card>div[b-1xuuwjnwwp]{display:grid;gap:3px}.reconciliation-page__summary-card div span[b-1xuuwjnwwp]{color:var(--muted);font:inherit}.reconciliation-page__summary-card strong[b-1xuuwjnwwp]{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:var(--weight-bold);letter-spacing:normal;text-transform:none}
.reconciliation-page__summary-card.is-ok[b-1xuuwjnwwp]{background:color-mix(in srgb,var(--success) 4%,var(--panel));border-color:color-mix(in srgb,var(--success) 22%,var(--line))}.reconciliation-page__summary-card.is-error[b-1xuuwjnwwp]{background:color-mix(in srgb,var(--danger) 4%,var(--panel));border-color:color-mix(in srgb,var(--danger) 22%,var(--line))}
.reconciliation-page__card[b-1xuuwjnwwp],.reconciliation-page__global-card[b-1xuuwjnwwp],.reconciliation-page__grid-shell[b-1xuuwjnwwp]{min-width:0}.reconciliation-page__centralization-grid[b-1xuuwjnwwp]{min-width:1120px}.reconciliation-page__voucher-grid[b-1xuuwjnwwp]{min-width:980px}.reconciliation-page__worker-grid[b-1xuuwjnwwp]{min-width:920px}.reconciliation-page__global-grid[b-1xuuwjnwwp]{min-width:640px}
.reconciliation-page .is-number[b-1xuuwjnwwp]{text-align:right}.reconciliation-page__empty[b-1xuuwjnwwp]{color:var(--muted);padding:24px;text-align:center}
.reconciliation-page :is(.reconciliation-page__centralization-grid,.reconciliation-page__voucher-grid,.reconciliation-page__worker-grid) tfoot th[b-1xuuwjnwwp]{background:var(--pro-surface,var(--panel));border:0;border-top:1px solid var(--pro-border,var(--line));color:var(--text);font:inherit;font-weight:var(--weight-bold);padding:var(--grid-cell-block,4px) var(--grid-cell-inline,10px);vertical-align:middle}
.reconciliation-page__status[b-1xuuwjnwwp]{border:1px solid var(--line);border-radius:999px;display:inline-flex;font:inherit;font-weight:var(--weight-bold);padding:4px 8px;width:max-content}.reconciliation-page__status.is-balanced[b-1xuuwjnwwp],.is-balanced[b-1xuuwjnwwp]{color:var(--success)}.reconciliation-page__status.is-balanced[b-1xuuwjnwwp]{background:color-mix(in srgb,var(--success) 8%,var(--panel));border-color:color-mix(in srgb,var(--success) 20%,var(--line))}.reconciliation-page__status.is-unbalanced[b-1xuuwjnwwp],.is-unbalanced[b-1xuuwjnwwp]{color:var(--danger)}.reconciliation-page__status.is-unbalanced[b-1xuuwjnwwp]{background:color-mix(in srgb,var(--danger) 8%,var(--panel));border-color:color-mix(in srgb,var(--danger) 20%,var(--line))}
.reconciliation-page__clickable-row[b-1xuuwjnwwp]{cursor:pointer}.reconciliation-page__clickable-row:hover[b-1xuuwjnwwp]{background:color-mix(in srgb,var(--primary) 3%,var(--panel))}
@media(max-width:1100px){.reconciliation-page__summary[b-1xuuwjnwwp]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.reconciliation-page__header[b-1xuuwjnwwp]{align-items:stretch;flex-direction:column}.reconciliation-page__header-actions[b-1xuuwjnwwp]{flex-wrap:wrap}.reconciliation-page__summary[b-1xuuwjnwwp]{grid-template-columns:1fr}}
/* /Components/Modules/ProcessCalculations/ProcessBankPayrollPage.razor.rz.scp.css */
.bank-payroll-page[b-5l0k5w3w7i]{align-content:start;display:grid;gap:var(--pro-gap,14px);min-width:0}
.bank-payroll-page .rrhh-adn-crud-card[b-5l0k5w3w7i]{box-shadow:none}
.bank-payroll-page .alert.success[b-5l0k5w3w7i]{background:color-mix(in srgb,var(--success) 9%,var(--panel));border-color:color-mix(in srgb,var(--success) 24%,var(--line));color:var(--success)}
.bank-payroll-page__header[b-5l0k5w3w7i]{align-items:center;display:flex;gap:16px;justify-content:space-between}
.bank-payroll-page__header-actions[b-5l0k5w3w7i]{align-items:center;display:flex;flex:0 0 auto;gap:var(--stariz-crud-gap,.5rem)}
.bank-payroll-page__source[b-5l0k5w3w7i]{color:var(--muted);font:inherit;white-space:nowrap}
.bank-payroll-page__top-grid[b-5l0k5w3w7i]{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
.bank-payroll-page__configuration[b-5l0k5w3w7i],.bank-payroll-page__requirements[b-5l0k5w3w7i],.bank-payroll-page__generation[b-5l0k5w3w7i],.bank-payroll-page__workers-card[b-5l0k5w3w7i]{min-width:0}
.bank-payroll-page__form-grid[b-5l0k5w3w7i]{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}
.bank-payroll-page__field[b-5l0k5w3w7i]{display:grid;gap:6px;min-width:0}
.bank-payroll-page__field--wide[b-5l0k5w3w7i]{grid-column:1/-1}
.bank-payroll-page__field>span[b-5l0k5w3w7i]{color:var(--text);font:inherit;font-weight:var(--weight-semibold,600)}
.bank-payroll-page__field em[b-5l0k5w3w7i]{color:var(--danger);font-style:normal}
.bank-payroll-page__field input[b-5l0k5w3w7i],.bank-payroll-page__field select[b-5l0k5w3w7i],.bank-payroll-page__status-filter select[b-5l0k5w3w7i]{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;min-height:38px;padding:7px 10px;width:100%}
.bank-payroll-page__field input:focus[b-5l0k5w3w7i],.bank-payroll-page__field select:focus[b-5l0k5w3w7i],.bank-payroll-page__status-filter select:focus[b-5l0k5w3w7i]{border-color:var(--primary);outline:2px solid color-mix(in srgb,var(--primary) 18%,transparent);outline-offset:1px}
.bank-payroll-page__field small[b-5l0k5w3w7i]{color:var(--muted);font:inherit}
.bank-payroll-page__bank-helper[b-5l0k5w3w7i]{align-items:flex-start;background:var(--surface-soft);border-left:3px solid var(--info,var(--primary));color:var(--muted);display:flex;font:inherit;gap:7px;margin-top:2px;padding:8px 9px}
.bank-payroll-page__bank-helper>span:first-child[b-5l0k5w3w7i]{color:var(--info,var(--primary));display:inline-flex;flex:0 0 16px;margin-top:1px}
.bank-payroll-page__requirements-body[b-5l0k5w3w7i]{display:grid;gap:12px;padding:16px}
.bank-payroll-page__requirements-body ul[b-5l0k5w3w7i]{display:grid;gap:7px;margin:0;padding-left:22px}
.bank-payroll-page__requirements-body li[b-5l0k5w3w7i]{font:inherit}
.bank-payroll-page__requirements-body p[b-5l0k5w3w7i]{border-top:1px solid var(--line);color:var(--muted);font:inherit;margin:0;padding-top:12px}
.bank-payroll-page__summary[b-5l0k5w3w7i]{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bank-payroll-page__summary-card[b-5l0k5w3w7i]{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-height:88px;padding:14px}
.bank-payroll-page__summary-card.is-included[b-5l0k5w3w7i]{background:color-mix(in srgb,var(--success) 3%,var(--panel))}
.bank-payroll-page__summary-card.is-excluded[b-5l0k5w3w7i]{background:color-mix(in srgb,var(--danger) 3%,var(--panel))}
.bank-payroll-page__summary-card.is-total[b-5l0k5w3w7i]{background:color-mix(in srgb,var(--primary) 4%,var(--panel))}
.bank-payroll-page__summary-icon[b-5l0k5w3w7i]{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:var(--primary);display:inline-flex;height:40px;justify-content:center;width:40px}
.bank-payroll-page__summary-card.is-included .bank-payroll-page__summary-icon[b-5l0k5w3w7i]{color:var(--success)}
.bank-payroll-page__summary-card.is-excluded .bank-payroll-page__summary-icon[b-5l0k5w3w7i]{color:var(--danger)}
.bank-payroll-page__summary-card>div[b-5l0k5w3w7i]{display:grid;gap:2px;min-width:0}
.bank-payroll-page__summary-card span[b-5l0k5w3w7i],.bank-payroll-page__summary-card strong[b-5l0k5w3w7i],.bank-payroll-page__summary-card small[b-5l0k5w3w7i]{font:inherit}
.bank-payroll-page__summary-card>div>span[b-5l0k5w3w7i],.bank-payroll-page__summary-card small[b-5l0k5w3w7i]{color:var(--muted)}
.bank-payroll-page__summary-card strong[b-5l0k5w3w7i]{font-weight:var(--weight-bold)}
.bank-payroll-page__toolbar-controls[b-5l0k5w3w7i]{flex-wrap:wrap}
.bank-payroll-page__status-filter[b-5l0k5w3w7i]{display:block;min-width:130px}
.bank-payroll-page__grid-shell[b-5l0k5w3w7i]{min-width:0}
.bank-payroll-page__grid[b-5l0k5w3w7i]{min-width:1120px}
.bank-payroll-page .is-number[b-5l0k5w3w7i]{text-align:right}
.bank-payroll-page__bank[b-5l0k5w3w7i],.bank-payroll-page__account[b-5l0k5w3w7i]{display:grid;gap:2px}
.bank-payroll-page__bank span[b-5l0k5w3w7i],.bank-payroll-page__account span[b-5l0k5w3w7i]{color:var(--muted);font:inherit}
.bank-payroll-page__result[b-5l0k5w3w7i]{align-items:flex-start;display:grid;gap:7px;grid-template-columns:auto minmax(0,1fr)}
.bank-payroll-page__result-icon[b-5l0k5w3w7i]{display:inline-flex;margin-top:1px}
.bank-payroll-page__result-copy[b-5l0k5w3w7i]{display:grid;gap:2px;min-width:0}
.bank-payroll-page__result-copy strong[b-5l0k5w3w7i],.bank-payroll-page__result-copy span[b-5l0k5w3w7i]{font:inherit}
.bank-payroll-page__result-copy strong[b-5l0k5w3w7i]{font-weight:var(--weight-semibold,600)}
.bank-payroll-page__result-copy span[b-5l0k5w3w7i]{color:var(--muted)}
.bank-payroll-page__result.is-included .bank-payroll-page__result-icon[b-5l0k5w3w7i]{color:var(--success)}
.bank-payroll-page__result.is-excluded .bank-payroll-page__result-icon[b-5l0k5w3w7i]{color:var(--danger)}
.bank-payroll-page__result.is-excluded .bank-payroll-page__result-copy strong[b-5l0k5w3w7i]{color:var(--danger)}
.bank-payroll-page__empty[b-5l0k5w3w7i]{color:var(--muted);padding:24px;text-align:center}
.bank-payroll-page__grid tfoot th[b-5l0k5w3w7i]{background:var(--pro-surface,var(--panel));border:0;border-top:1px solid var(--pro-border,var(--line));color:var(--text);font:inherit;font-weight:var(--weight-bold);padding:var(--grid-cell-block,4px) var(--grid-cell-inline,10px);vertical-align:middle}
.bank-payroll-page__generation-actions[b-5l0k5w3w7i]{flex-wrap:wrap}
.bank-payroll-confirmation__surface[b-5l0k5w3w7i]{max-width:560px;width:min(calc(100vw - 32px),560px)}
.bank-payroll-confirmation__body[b-5l0k5w3w7i]{display:grid;gap:14px;padding:18px}
.bank-payroll-confirmation__body>p[b-5l0k5w3w7i]{color:var(--muted);margin:0}
.bank-payroll-confirmation__notice[b-5l0k5w3w7i]{align-items:start;background:color-mix(in srgb,var(--warning,var(--danger)) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--warning,var(--danger)) 28%,var(--line));border-radius:12px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:14px}
.bank-payroll-confirmation__notice>span[b-5l0k5w3w7i]{color:var(--warning,var(--danger))}
.bank-payroll-confirmation__notice>div[b-5l0k5w3w7i]{display:grid;gap:5px}
.bank-payroll-confirmation__notice strong[b-5l0k5w3w7i]{font-weight:var(--weight-bold)}
.bank-payroll-confirmation__notice p[b-5l0k5w3w7i]{color:var(--text);margin:0}
.bank-payroll-confirmation__actions[b-5l0k5w3w7i]{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;padding:14px 18px}
@media(max-width:1100px){.bank-payroll-page__top-grid[b-5l0k5w3w7i]{grid-template-columns:1fr}.bank-payroll-page__summary[b-5l0k5w3w7i]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.bank-payroll-page__header[b-5l0k5w3w7i]{align-items:stretch;flex-direction:column}.bank-payroll-page__header-actions[b-5l0k5w3w7i]{flex-wrap:wrap}.bank-payroll-page__form-grid[b-5l0k5w3w7i]{grid-template-columns:1fr}.bank-payroll-page__field--wide[b-5l0k5w3w7i]{grid-column:auto}.bank-payroll-page__summary[b-5l0k5w3w7i]{grid-template-columns:1fr}.bank-payroll-page__generation-actions[b-5l0k5w3w7i]{align-items:stretch;flex-direction:column}.bank-payroll-page__generation-actions .stariz-crud-button[b-5l0k5w3w7i]{width:100%}}
/* /Components/Modules/ProcessCalculations/ProcessCalculationDetail.razor.rz.scp.css */
.process-detail-page[b-e98ntjiwfy] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.process-detail-page .page-heading[b-e98ntjiwfy] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.process-detail-title-card[b-e98ntjiwfy] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    padding: 16px 18px;
}

.page-intro[b-e98ntjiwfy] {
    color: var(--muted);
    margin: 4px 0 0;
}

.process-detail-actions[b-e98ntjiwfy] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.process-summary-cards[b-e98ntjiwfy] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    min-width: 0;
}

.process-summary-card[b-e98ntjiwfy] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    display: grid;
    gap: 4px;
    min-height: 78px;
    min-width: 0;
    padding: 13px 14px;
}

.process-summary-card--identity[b-e98ntjiwfy] {
    align-content: start;
}

.process-summary-card > span[b-e98ntjiwfy],
.process-summary-card__topline > span:first-child[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
}

.process-summary-card > strong[b-e98ntjiwfy],
.process-summary-card--identity > strong[b-e98ntjiwfy] {
    color: var(--text);
    font-size: var(--text-sm);
    overflow-wrap: anywhere;
}

.process-summary-card > small[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
}

.process-summary-card__topline[b-e98ntjiwfy] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.process-summary-card__observation[b-e98ntjiwfy] {
    border-top: 1px solid var(--line);
    margin-top: 2px;
    padding-top: 5px;
}

.process-summary-card.has-error > strong[b-e98ntjiwfy] {
    color: #c23a3a;
}


.process-summary-card--audit[b-e98ntjiwfy] {
    -webkit-appearance: none;
    appearance: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    width: 100%;
}

.process-summary-card--audit:hover[b-e98ntjiwfy] {
    background: color-mix(in srgb, var(--primary) 3%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 22%, var(--line));
}

.process-summary-card--audit.has-error:hover[b-e98ntjiwfy] {
    background: color-mix(in srgb, var(--danger) 5%, var(--panel));
    border-color: color-mix(in srgb, var(--danger) 32%, var(--line));
}

.process-summary-card--audit:focus-visible[b-e98ntjiwfy] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 2px;
}

.process-status[b-e98ntjiwfy] {
    align-items: center;
    background: var(--primary-soft);
    border: 1px solid var(--primary-border);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    min-height: 20px;
    padding: 2px 7px;
    text-transform: uppercase;
}

.process-status.is-closed[b-e98ntjiwfy] {
    background: var(--surface-soft);
    border-color: var(--line);
    color: var(--muted);
}

.process-documents-block[b-e98ntjiwfy],
.process-receipts-block[b-e98ntjiwfy] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    min-width: 0;
    overflow: hidden;
}

.process-block-heading[b-e98ntjiwfy] {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 14px 16px;
}

.process-block-heading > div:first-child[b-e98ntjiwfy] {
    min-width: 0;
}

.process-block-heading h2[b-e98ntjiwfy] {
    color: var(--text);
    font-size: var(--text-lg);
    margin: 0;
}

.process-block-heading p[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.4;
    margin: 3px 0 0;
}

.process-detail-overline[b-e98ntjiwfy] {
    color: var(--primary);
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .07em;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.process-documents-content[b-e98ntjiwfy] {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(165px, 190px);
    min-width: 0;
    padding: 14px;
}

.process-document-list[b-e98ntjiwfy] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.document-option[b-e98ntjiwfy] {
    align-items: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 16px 24px minmax(0, 1fr) auto;
    min-height: 72px;
    padding: 10px 11px;
    position: relative;
}

.document-option:hover[b-e98ntjiwfy],
.document-option.is-selected[b-e98ntjiwfy] {
    background: color-mix(in srgb, var(--primary) 4%, var(--panel));
}

.document-option.is-selected[b-e98ntjiwfy] {
    border-color: var(--primary-border);
}

.document-option:focus-within[b-e98ntjiwfy] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 2px;
}

.document-option__input[b-e98ntjiwfy] {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.document-option__selector[b-e98ntjiwfy] {
    align-items: center;
    border: 1.5px solid var(--border-strong);
    border-radius: 50%;
    display: inline-flex;
    height: 15px;
    justify-content: center;
    width: 15px;
}

.document-option__selector[b-e98ntjiwfy]::after {
    background: var(--primary);
    border-radius: 50%;
    content: "";
    height: 6px;
    opacity: 0;
    width: 6px;
}

.document-option.is-selected .document-option__selector[b-e98ntjiwfy] {
    border-color: var(--primary);
}

.document-option.is-selected .document-option__selector[b-e98ntjiwfy]::after {
    opacity: 1;
}

.document-option__icon[b-e98ntjiwfy] {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    justify-content: center;
}

.document-option__content[b-e98ntjiwfy] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.document-option__content strong[b-e98ntjiwfy] {
    color: var(--text);
    font-size: var(--text-xs);
    line-height: 1.25;
}

.document-option__content small[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.3;
}

.document-option__format[b-e98ntjiwfy] {
    background: var(--primary-soft);
    border: 1px solid var(--primary-border);
    border-radius: 999px;
    color: var(--primary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: 3px 6px;
}

.process-document-action[b-e98ntjiwfy] {
    align-content: center;
    border-left: 1px solid var(--line);
    display: grid;
    gap: 8px;
    margin-left: 12px;
    padding: 6px 0 6px 14px;
}

.process-document-action > span[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
}

.process-document-generate[b-e98ntjiwfy] {
    width: 100%;
}

.process-receipts-content[b-e98ntjiwfy] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.receipt-setup-bar[b-e98ntjiwfy] {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(240px, .9fr) 130px minmax(410px, 1.45fr);
}

.receipt-setup-field[b-e98ntjiwfy],
.receipt-setup-modes[b-e98ntjiwfy] {
    display: grid;
    gap: 5px;
    margin: 0;
    min-width: 0;
}

.receipt-setup-field > span[b-e98ntjiwfy],
.receipt-setup-modes > span[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
}

.receipt-setup-field select[b-e98ntjiwfy] {
    border-radius: 10px;
    min-height: 40px;
    width: 100%;
}

.receipt-mode-grid[b-e98ntjiwfy] {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.receipt-mode-option[b-e98ntjiwfy] {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    cursor: pointer;
    display: grid;
    gap: 7px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 40px;
    padding: 6px 10px;
}

.receipt-mode-option.is-selected[b-e98ntjiwfy] {
    background: var(--primary-soft);
    border-color: var(--primary-border);
}

.receipt-mode-option input[b-e98ntjiwfy] {
    margin: 0;
    min-height: auto;
    width: auto;
}

.receipt-mode-option span[b-e98ntjiwfy] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.receipt-mode-option strong[b-e98ntjiwfy] {
    color: var(--text);
    font-size: var(--text-2xs);
}

.receipt-mode-option small[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.2;
}

.process-note[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.4;
}

.process-note--inline[b-e98ntjiwfy] {
    background: color-mix(in srgb, var(--primary) 3%, var(--panel));
    border: 1px solid var(--line);
    border-radius: 10px;
    margin: 0;
    padding: 8px 10px;
}

.receipt-workers-wrap[b-e98ntjiwfy] {
    border: 1px solid var(--line);
    border-radius: 14px;
    margin: 0;
    overflow: hidden;
}

.receipt-workers-toolbar[b-e98ntjiwfy] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 9px 11px;
}

.receipt-workers-summary[b-e98ntjiwfy] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.receipt-workers-summary span[b-e98ntjiwfy] {
    color: var(--text);
    font-size: var(--text-xs);
}

.receipt-workers-summary small[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-medium);
}

.receipt-workers-actions[b-e98ntjiwfy] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.receipt-workers-search[b-e98ntjiwfy] {
    align-items: end;
    border-top: 1px solid var(--line);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 9px 11px;
}

.receipt-workers-search label[b-e98ntjiwfy] {
    display: grid;
    gap: 4px;
    margin: 0;
}

.receipt-workers-search label > span[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
}

.receipt-workers-search input[b-e98ntjiwfy] {
    border-radius: 10px;
    min-height: 40px;
}

.receipt-workers-search > span[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding-bottom: 9px;
    white-space: nowrap;
}

.receipt-workers-scroll[b-e98ntjiwfy] {
    border: 0;
    border-radius: 0;
    max-height: 300px;
    overflow: auto;
}

.receipt-workers-scroll table[b-e98ntjiwfy] {
    margin: 0;
}

.receipt-workers-scroll thead th[b-e98ntjiwfy] {
    background: var(--table-head);
    position: sticky;
    top: 0;
    z-index: 2;
}

.receipt-workers-scroll tr.is-selected td[b-e98ntjiwfy] {
    background: var(--primary-soft);
}

.receipt-worker-check[b-e98ntjiwfy] {
    width: 42px;
}

.receipt-generation-bar[b-e98ntjiwfy] {
    align-items: center;
    border-top: 1px solid var(--line);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding-top: 11px;
}

.receipt-generation-bar > span[b-e98ntjiwfy] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.4;
}

@media (max-width: 1260px) {
    .process-summary-cards[b-e98ntjiwfy] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .process-documents-content[b-e98ntjiwfy] {
        grid-template-columns: 1fr;
    }

    .process-document-action[b-e98ntjiwfy] {
        align-items: center;
        border-left: 0;
        border-top: 1px solid var(--line);
        grid-template-columns: minmax(0, 1fr) auto;
        margin: 12px 0 0;
        padding: 12px 0 0;
    }

    .receipt-setup-bar[b-e98ntjiwfy] {
        grid-template-columns: minmax(220px, 1fr) 130px;
    }

    .receipt-setup-modes[b-e98ntjiwfy] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .process-detail-page .page-heading[b-e98ntjiwfy],
    .process-block-heading[b-e98ntjiwfy],
    .receipt-workers-toolbar[b-e98ntjiwfy],
    .receipt-generation-bar[b-e98ntjiwfy] {
        align-items: stretch;
        flex-direction: column;
    }

    .process-summary-cards[b-e98ntjiwfy],
    .process-document-list[b-e98ntjiwfy],
    .receipt-setup-bar[b-e98ntjiwfy],
    .receipt-mode-grid[b-e98ntjiwfy] {
        grid-template-columns: 1fr;
    }

    .receipt-setup-modes[b-e98ntjiwfy] {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .process-summary-cards[b-e98ntjiwfy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .process-documents-content[b-e98ntjiwfy],
    .process-receipts-content[b-e98ntjiwfy] {
        padding: 10px;
    }

    .receipt-workers-search[b-e98ntjiwfy],
    .process-document-action[b-e98ntjiwfy] {
        grid-template-columns: 1fr;
    }

    .receipt-workers-search > span[b-e98ntjiwfy] {
        padding-bottom: 0;
    }
}
/* /Components/Modules/ProcessCalculations/ProcessCalculationErrorAudit.razor.rz.scp.css */

.process-detail-overline[b-9arujmq7k1] {
    color: var(--primary);
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .07em;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.calculation-error-audit[b-9arujmq7k1] {
    align-content: start;
    display: grid;
    gap: var(--pro-gap, 14px);
    min-width: 0;
}

.calculation-error-audit__title-card[b-9arujmq7k1] {
    align-items: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 16px 18px;
}

.calculation-error-audit__header-actions[b-9arujmq7k1] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.calculation-error-audit__summary[b-9arujmq7k1] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(210px, 1.55fr) repeat(5, minmax(120px, 1fr));
    min-width: 0;
}

.calculation-error-audit__summary-card[b-9arujmq7k1] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    display: grid;
    gap: 5px;
    min-height: 88px;
    min-width: 0;
    padding: 13px 14px;
}

.calculation-error-audit__summary-card.has-error[b-9arujmq7k1] {
    background: color-mix(in srgb, var(--danger) 3%, var(--panel));
    border-color: color-mix(in srgb, var(--danger) 26%, var(--line));
}

.calculation-error-audit__summary-card > strong[b-9arujmq7k1] {
    color: var(--text);
    font-size: var(--text-lg);
    overflow-wrap: anywhere;
}

.calculation-error-audit__summary-card.has-error > strong[b-9arujmq7k1] {
    color: var(--danger);
}

.calculation-error-audit__summary-card > small[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
}

.calculation-error-audit__summary-card--identity > strong[b-9arujmq7k1] {
    font-size: var(--text-sm);
}

.calculation-error-audit__summary-label[b-9arujmq7k1] {
    align-items: center;
    color: var(--muted);
    display: flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    gap: 6px;
    text-transform: uppercase;
}

.calculation-error-audit__summary-icon[b-9arujmq7k1] {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    justify-content: center;
}

.calculation-error-audit__summary-card.has-error .calculation-error-audit__summary-icon[b-9arujmq7k1] {
    color: var(--danger);
}

.calculation-error-audit__trace-warning[b-9arujmq7k1] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--danger) 5%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--danger) 25%, var(--line));
    border-radius: var(--radius-lg);
    color: var(--text);
    display: flex;
    gap: 10px;
    padding: 12px 14px;
}

.calculation-error-audit__trace-warning > span[b-9arujmq7k1] {
    color: var(--danger);
    display: inline-flex;
    margin-top: 1px;
}

.calculation-error-audit__trace-warning > div[b-9arujmq7k1] {
    display: grid;
    gap: 3px;
}

.calculation-error-audit__trace-warning strong[b-9arujmq7k1] {
    font-size: var(--text-xs);
}

.calculation-error-audit__trace-warning div > span[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.4;
}

.calculation-error-audit__card[b-9arujmq7k1] {
    min-width: 0;
    overflow: hidden;
}

.calculation-error-audit__toolbar[b-9arujmq7k1] {
    align-items: center;
    gap: 16px;
}

.calculation-error-audit__toolbar-meta[b-9arujmq7k1] {
    align-items: center;
    color: var(--muted);
    display: flex;
    font-size: var(--text-2xs);
    gap: 9px;
    margin-left: auto;
    white-space: nowrap;
}

.calculation-error-audit__toolbar-separator[b-9arujmq7k1] {
    background: var(--line);
    height: 16px;
    width: 1px;
}

.calculation-error-audit__filters[b-9arujmq7k1] {
    align-items: end;
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(250px, 1.5fr) minmax(150px, .75fr) minmax(180px, 1fr) minmax(140px, .7fr) auto;
    padding: 12px 14px;
}

.calculation-error-audit__filter[b-9arujmq7k1] {
    display: grid;
    gap: 5px;
    margin: 0;
    min-width: 0;
}

.calculation-error-audit__filter > span[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
}

.calculation-error-audit__filter input[b-9arujmq7k1],
.calculation-error-audit__filter select[b-9arujmq7k1] {
    min-height: 36px;
    min-width: 0;
    width: 100%;
}

.calculation-error-audit__search-control[b-9arujmq7k1] {
    align-items: center;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    position: relative;
}

.calculation-error-audit__search-control > span[b-9arujmq7k1] {
    color: var(--muted);
    display: inline-flex;
    left: 10px;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.calculation-error-audit__search-control input[b-9arujmq7k1] {
    padding-left: 33px;
}

.calculation-error-audit__filter-action[b-9arujmq7k1] {
    align-items: end;
    display: flex;
    min-height: 36px;
}

.calculation-error-audit__grid-shell[b-9arujmq7k1] {
    min-width: 0;
    overflow: auto;
}

.calculation-error-audit__grid[b-9arujmq7k1] {
    min-width: 1080px;
}

.calculation-error-audit__grid tbody tr.calculation-error-audit__row[b-9arujmq7k1] {
    cursor: pointer;
}

.calculation-error-audit__grid tbody tr.calculation-error-audit__row:hover[b-9arujmq7k1] {
    background: color-mix(in srgb, var(--primary) 3%, var(--panel));
}

.calculation-error-audit__worker[b-9arujmq7k1],
.calculation-error-audit__concept[b-9arujmq7k1],
.calculation-error-audit__message[b-9arujmq7k1] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.calculation-error-audit__worker strong[b-9arujmq7k1],
.calculation-error-audit__message strong[b-9arujmq7k1] {
    color: var(--text);
    font-size: var(--text-xs);
    line-height: 1.35;
}

.calculation-error-audit__worker small[b-9arujmq7k1],
.calculation-error-audit__concept small[b-9arujmq7k1],
.calculation-error-audit__message small[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
}

.calculation-error-audit__message[b-9arujmq7k1] {
    max-width: 430px;
}

.calculation-error-audit__concept code[b-9arujmq7k1],
.calculation-error-audit__monospace[b-9arujmq7k1] {
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    color: var(--text);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: var(--text-2xs);
    padding: 3px 6px;
    width: max-content;
}

.calculation-error-audit__stage[b-9arujmq7k1] {
    background: color-mix(in srgb, var(--primary) 7%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    max-width: 190px;
    padding: 4px 7px;
}

.calculation-error-audit__state[b-9arujmq7k1] {
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: 4px 7px;
}

.calculation-error-audit__state.is-pending[b-9arujmq7k1] {
    background: color-mix(in srgb, #d97706 8%, var(--panel));
    border-color: color-mix(in srgb, #d97706 24%, var(--line));
    color: #a65f00;
}

.calculation-error-audit__state.is-reviewed[b-9arujmq7k1] {
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 24%, var(--line));
    color: var(--primary);
}

.calculation-error-audit__state.is-corrected[b-9arujmq7k1] {
    background: color-mix(in srgb, #16a34a 8%, var(--panel));
    border-color: color-mix(in srgb, #16a34a 24%, var(--line));
    color: #15803d;
}

.calculation-error-audit__date[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
    white-space: nowrap;
}

.calculation-error-audit__action-column[b-9arujmq7k1] {
    text-align: right;
    width: 62px;
}

.calculation-error-audit__grid td.calculation-error-audit__empty[b-9arujmq7k1] {
    color: var(--muted);
    padding: 34px 18px;
    text-align: center;
}

.calculation-error-audit__drawer-layer[b-9arujmq7k1] {
    align-items: stretch;
    background: color-mix(in srgb, #10202b 32%, transparent);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    position: fixed;
    z-index: 1320;
}

.calculation-error-audit__drawer[b-9arujmq7k1] {
    background: var(--panel);
    border: 0;
    border-left: 1px solid var(--line);
    border-radius: 0;
    box-shadow: -18px 0 42px color-mix(in srgb, #10202b 18%, transparent);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100dvh;
    max-width: min(760px, 94vw);
    overflow: hidden;
    width: min(760px, 94vw);
}

.calculation-error-audit__drawer-header.stariz-dialog-header[b-9arujmq7k1] {
    width: 100%;
}

.calculation-error-audit__drawer-header .stariz-dialog-header__title[b-9arujmq7k1] {
    min-width: 0;
}

.calculation-error-audit__drawer-context[b-9arujmq7k1] {
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: 3px;
    padding-bottom: 10px;
}

.calculation-error-audit__drawer-context p[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin: 0;
}

.calculation-error-audit__drawer-body[b-9arujmq7k1] {
    display: grid;
    gap: 16px;
    overflow: auto;
    padding: 16px 18px 22px;
}

.calculation-error-audit__detail-grid[b-9arujmq7k1] {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.calculation-error-audit__detail-card[b-9arujmq7k1] {
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 10px 11px;
}

.calculation-error-audit__detail-card--wide[b-9arujmq7k1] {
    grid-column: 1 / -1;
}

.calculation-error-audit__detail-card > span[b-9arujmq7k1],
.calculation-error-audit__support-grid label > span[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
}

.calculation-error-audit__detail-card > strong[b-9arujmq7k1] {
    color: var(--text);
    font-size: var(--text-xs);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.calculation-error-audit__detail-card > small[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.calculation-error-audit__section[b-9arujmq7k1] {
    border-top: 1px solid var(--line);
    padding-top: 15px;
}

.calculation-error-audit__section-heading[b-9arujmq7k1] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.calculation-error-audit__section-heading h3[b-9arujmq7k1] {
    color: var(--text);
    font-size: var(--text-md);
    margin: 0;
}

.calculation-error-audit__snapshot-badge[b-9arujmq7k1] {
    background: var(--primary-soft);
    border: 1px solid var(--primary-border);
    border-radius: 999px;
    color: var(--primary);
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: 4px 7px;
}

.calculation-error-audit__formula-stack[b-9arujmq7k1] {
    display: grid;
    gap: 8px;
}

.calculation-error-audit__formula-stack article[b-9arujmq7k1] {
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.calculation-error-audit__formula-stack header[b-9arujmq7k1] {
    background: var(--surface-soft);
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: 7px 10px;
    text-transform: uppercase;
}

.calculation-error-audit__formula-stack pre[b-9arujmq7k1] {
    background: color-mix(in srgb, #182630 94%, var(--panel));
    color: #edf5f7;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 210px;
    overflow: auto;
    padding: 11px 12px;
    white-space: pre-wrap;
}

.calculation-error-audit__support-grid[b-9arujmq7k1] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(150px, .38fr) minmax(0, 1.62fr);
}

.calculation-error-audit__support-grid label[b-9arujmq7k1] {
    display: grid;
    gap: 6px;
    margin: 0;
    min-width: 0;
}

.calculation-error-audit__support-grid select[b-9arujmq7k1],
.calculation-error-audit__support-grid textarea[b-9arujmq7k1] {
    width: 100%;
}

.calculation-error-audit__support-grid textarea[b-9arujmq7k1] {
    min-height: 96px;
    resize: vertical;
}

.calculation-error-audit__support-actions[b-9arujmq7k1] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.calculation-error-audit__read-only[b-9arujmq7k1] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

@media (max-width: 1280px) {
    .calculation-error-audit__summary[b-9arujmq7k1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .calculation-error-audit__summary-card--identity[b-9arujmq7k1] {
        grid-column: span 2;
    }

    .calculation-error-audit__filters[b-9arujmq7k1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .calculation-error-audit__filter-action[b-9arujmq7k1] {
        align-items: end;
    }
}

@media (max-width: 760px) {
    .calculation-error-audit__title-card[b-9arujmq7k1] {
        align-items: stretch;
        flex-direction: column;
    }

    .calculation-error-audit__header-actions[b-9arujmq7k1] {
        justify-content: flex-end;
    }

    .calculation-error-audit__summary[b-9arujmq7k1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .calculation-error-audit__summary-card--identity[b-9arujmq7k1] {
        grid-column: 1 / -1;
    }

    .calculation-error-audit__toolbar[b-9arujmq7k1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .calculation-error-audit__toolbar-meta[b-9arujmq7k1] {
        margin-left: 0;
    }

    .calculation-error-audit__filters[b-9arujmq7k1],
    .calculation-error-audit__detail-grid[b-9arujmq7k1],
    .calculation-error-audit__support-grid[b-9arujmq7k1] {
        grid-template-columns: 1fr;
    }

    .calculation-error-audit__detail-card--wide[b-9arujmq7k1] {
        grid-column: auto;
    }

    .calculation-error-audit__drawer[b-9arujmq7k1] {
        max-width: 100vw;
        width: 100vw;
    }
}

/* Scrollbars visualmente transparentes; el desplazamiento se mantiene operativo. */
:is(
    .calculation-error-audit__grid-shell,
    .calculation-error-audit__drawer-body,
    .calculation-error-audit__formula-stack pre
)[b-9arujmq7k1] {
    -ms-overflow-style: none;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
}

:is(
    .calculation-error-audit__grid-shell,
    .calculation-error-audit__drawer-body,
    .calculation-error-audit__formula-stack pre
)[b-9arujmq7k1]::-webkit-scrollbar {
    background: transparent;
    height: 0;
    width: 0;
}

:is(
    .calculation-error-audit__grid-shell,
    .calculation-error-audit__drawer-body,
    .calculation-error-audit__formula-stack pre
)[b-9arujmq7k1]::-webkit-scrollbar-track,
:is(
    .calculation-error-audit__grid-shell,
    .calculation-error-audit__drawer-body,
    .calculation-error-audit__formula-stack pre
)[b-9arujmq7k1]::-webkit-scrollbar-thumb {
    background: transparent;
    border-color: transparent;
}

/* /Components/Modules/ProcessCalculations/ProcessCalculationForm.razor.rz.scp.css */
.process-form-redirect[b-h6ogdwoqfi] {
    color: var(--muted);
}
/* /Components/Modules/ProcessCalculations/ProcessCalculationIndex.razor.rz.scp.css */
.process-index-page[b-dln7i9k239] { min-width: 0; }

.page-intro[b-dln7i9k239] { color: var(--muted); margin: 0; }

.process-actions-column[b-dln7i9k239] {
    min-width: 390px;
    text-align: right;
    vertical-align: middle;
}

.process-index-toolbar[b-dln7i9k239] {
    align-items: center;
    gap: var(--pro-gap, 14px);
}

.process-index-toolbar__controls[b-dln7i9k239] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    margin-left: auto;
    min-width: 0;
}

.process-index-toolbar__actions[b-dln7i9k239] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 7px;
    justify-content: flex-end;
    margin-left: auto;
}

.process-state-toggle[b-dln7i9k239] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    min-height: 34px;
    white-space: nowrap;
}

.process-state-toggle__copy[b-dln7i9k239] {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    justify-content: flex-end;
}

.process-state-toggle__label[b-dln7i9k239] {
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    line-height: 1;
}

.process-state-toggle__count[b-dln7i9k239] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    height: 20px;
    justify-content: center;
    min-width: 20px;
    padding: 0 5px;
}

.process-state-toggle.is-closed .process-state-toggle__count[b-dln7i9k239] {
    background: var(--surface-soft);
    border-color: var(--line);
    color: var(--muted);
}

.process-state-toggle__switch[b-dln7i9k239] {
    flex: 0 0 36px;
    margin: 0;
}

.process-state-toggle__switch:focus-within .theme-switch-slider[b-dln7i9k239] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.process-status[b-dln7i9k239] {
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-flex;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    padding: 4px 8px;
}

.process-status.is-open[b-dln7i9k239] { color: var(--primary); }
.process-status.is-closed[b-dln7i9k239] { color: var(--muted); }
.process-empty[b-dln7i9k239] { color: var(--muted); text-align: center; white-space: normal; }

.process-editor-grid[b-dln7i9k239] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.process-editor-grid__full[b-dln7i9k239] { grid-column: 1 / -1; }

.process-editor-actions[b-dln7i9k239] {
    margin-top: 20px;
    max-width: 100%;
    padding-block: 2px;
}

.process-row-actions[b-dln7i9k239] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 7px;
    justify-content: flex-end;
    min-width: max-content;
}

.process-detail-menu__popover[b-dln7i9k239] {
    display: grid;
    opacity: 0;
    overflow: auto;
    position: fixed;
    right: auto;
    top: auto;
    transform: translateY(-3px);
    transition: opacity 110ms ease, transform 110ms ease;
    visibility: hidden;
    z-index: 1220;
}

.process-detail-menu__popover.is-positioned[b-dln7i9k239] {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.process-detail-menu__popover.opens-upward[b-dln7i9k239] { transform-origin: bottom right; }

.process-detail-menu__popover button:disabled[b-dln7i9k239] {
    cursor: not-allowed;
    opacity: .46;
}

.process-detail-menu__family[b-dln7i9k239] {
    border-bottom: 1px solid var(--line);
    display: grid;
    padding: 9px 0;
}

.process-detail-menu__family:last-child[b-dln7i9k239] {
    border-bottom: 0;
    padding-bottom: 0;
}

.process-detail-menu__family h3[b-dln7i9k239] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .045em;
    margin: 0 12px 4px;
    text-transform: uppercase;
}

.process-detail-menu__close-option[b-dln7i9k239]::before {
    background: color-mix(in srgb, var(--danger) 68%, transparent) !important;
}

.process-detail-menu__close-option strong[b-dln7i9k239] {
    color: var(--danger);
}

.process-detail-menu__close-option:hover[b-dln7i9k239],
.process-detail-menu__close-option:focus-visible[b-dln7i9k239] {
    background: color-mix(in srgb, var(--danger) 6%, var(--panel)) !important;
    border-color: color-mix(in srgb, var(--danger) 24%, var(--line)) !important;
}

.process-delete-dialog[b-dln7i9k239] {
    align-items: center;
    background: transparent;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 20px;
    position: fixed;
    z-index: 1240;
}

.process-delete-dialog__surface[b-dln7i9k239] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: none;
    display: grid;
    gap: 16px;
    grid-template-columns: auto minmax(0, 1fr);
    max-height: min(720px, calc(100vh - 40px));
    overflow: auto;
    padding: 22px;
    width: min(590px, 96vw);
}

.process-delete-dialog__icon[b-dln7i9k239] {
    align-items: center;
    background: color-mix(in srgb, #dc2626 10%, var(--panel));
    border-radius: 12px;
    color: #dc2626;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.process-delete-dialog__content[b-dln7i9k239] { min-width: 0; }

.process-delete-dialog__content h2[b-dln7i9k239] {
    color: var(--text);
    font-size: var(--text-2xl);
    margin: 3px 0 8px;
}

.process-delete-dialog__content p:not(.eyebrow)[b-dln7i9k239] {
    color: var(--text);
    font-size: var(--text-md);
    line-height: 1.55;
    margin: 0;
}

.process-delete-dialog__scope[b-dln7i9k239] {
    border-left: 3px solid color-mix(in srgb, #dc2626 48%, var(--line));
    color: var(--muted);
    margin-top: 12px;
    padding-left: 12px;
}

.process-delete-dialog__confirmation[b-dln7i9k239] {
    display: grid;
    gap: 7px;
    margin-top: 16px;
}

.process-delete-dialog__confirmation input[b-dln7i9k239] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .02em;
}

.process-delete-dialog__confirmation textarea[b-dln7i9k239] {
    font: inherit;
    min-height: 6.5rem;
    resize: vertical;
    width: 100%;
}

.process-delete-dialog__error[b-dln7i9k239] {
    background: color-mix(in srgb, #dc2626 8%, var(--panel));
    border: 1px solid color-mix(in srgb, #dc2626 28%, var(--line));
    border-radius: 10px;
    color: color-mix(in srgb, #dc2626 88%, var(--text));
    font-size: var(--text-sm);
    line-height: 1.45;
    margin-top: 12px;
    padding: 10px 12px;
}

.process-delete-dialog__content small[b-dln7i9k239] {
    color: var(--muted);
    display: block;
    line-height: 1.45;
    margin-top: 12px;
}

.process-delete-dialog__surface footer[b-dln7i9k239] {
    border-top: 1px solid var(--line);
    display: flex;
    gap: 10px;
    grid-column: 1 / -1;
    justify-content: flex-end;
    padding-top: 16px;
}

.alert.success[b-dln7i9k239] {
    background: color-mix(in srgb, #16a34a 9%, var(--panel));
    border: 1px solid color-mix(in srgb, #16a34a 24%, var(--line));
    color: color-mix(in srgb, #16a34a 82%, var(--text));
}

.process-delete-dialog__surface .btn.danger[b-dln7i9k239] {
    background: transparent;
    border-color: var(--danger);
    color: var(--danger);
}

.process-delete-dialog__surface .btn.danger:hover[b-dln7i9k239] { background: var(--alert-danger-bg); }

.process-delete-dialog__surface .btn.danger:disabled[b-dln7i9k239] {
    background: transparent;
    opacity: .55;
}

.process-management-dialog[b-dln7i9k239] {
    align-items: center;
    background: transparent;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 20px;
    position: fixed;
    z-index: 1260;
}

.process-management-dialog__surface[b-dln7i9k239] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: none;
    display: grid;
    gap: 16px;
    max-height: min(760px, calc(100vh - 40px));
    overflow: auto;
    padding: 22px;
    width: min(680px, 96vw);
}

.process-management-dialog__surface > header[b-dln7i9k239] {
    align-items: flex-start;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding-bottom: 15px;
}

.process-management-dialog__surface h2[b-dln7i9k239] {
    color: var(--text);
    font-size: var(--text-xl);
    margin: 2px 0 5px;
}

.process-management-dialog__surface header p:last-child[b-dln7i9k239] {
    color: var(--muted);
    font-size: var(--text-xs);
    margin: 0;
}

.process-management-dialog__loading[b-dln7i9k239] {
    color: var(--muted);
    padding: 28px 4px;
    text-align: center;
}

.process-management-dialog__status[b-dln7i9k239] {
    border-left: 3px solid var(--line);
    display: grid;
    gap: 4px;
    padding: 5px 0 5px 13px;
}

.process-management-dialog__status.is-ready[b-dln7i9k239] { border-left-color: var(--primary); }
.process-management-dialog__status.is-blocked[b-dln7i9k239] { border-left-color: var(--danger); }
.process-management-dialog__status strong[b-dln7i9k239] { color: var(--text); font-size: var(--text-md); }
.process-management-dialog__status span[b-dln7i9k239] { color: var(--muted); font-size: var(--text-sm); }

.process-management-dialog__summary[b-dln7i9k239] {
    border-bottom: 1px solid var(--line);
    border-top: 1px solid var(--line);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.process-management-dialog__summary div[b-dln7i9k239] {
    border-right: 1px solid var(--line);
    padding: 12px;
}

.process-management-dialog__summary div:nth-child(3n)[b-dln7i9k239] { border-right: 0; }
.process-management-dialog__summary dt[b-dln7i9k239] { color: var(--muted); font-size: var(--text-2xs); }

.process-management-dialog__summary dd[b-dln7i9k239] {
    color: var(--text);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    margin: 4px 0 0;
}

.process-management-dialog__notice[b-dln7i9k239],
.process-management-dialog__warning[b-dln7i9k239] {
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.55;
    margin: 0;
}

.process-management-dialog__warning[b-dln7i9k239] { color: color-mix(in srgb, #b45309 86%, var(--text)); }

.process-management-dialog__surface > footer[b-dln7i9k239] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding-top: 2px;
}

@media (max-width: 980px) {
    .process-editor-grid[b-dln7i9k239] { grid-template-columns: 1fr; }
    .process-editor-grid__full[b-dln7i9k239] { grid-column: auto; }
}

@media (max-width: 900px) {
    .process-index-toolbar[b-dln7i9k239] {
        align-items: stretch;
        flex-direction: column;
    }

    .process-index-toolbar__controls[b-dln7i9k239] {
        justify-content: flex-end;
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 720px) {
    .process-management-dialog[b-dln7i9k239] { padding: 12px; }
    .process-management-dialog__surface[b-dln7i9k239] { padding: 17px; }
    .process-management-dialog__summary[b-dln7i9k239] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .process-management-dialog__summary div:nth-child(3n)[b-dln7i9k239] { border-right: 1px solid var(--line); }
    .process-management-dialog__summary div:nth-child(2n)[b-dln7i9k239] { border-right: 0; }
    .process-management-dialog__surface > footer[b-dln7i9k239] { flex-direction: column-reverse; }
}

@media (max-width: 640px) {
    .process-editor-actions[b-dln7i9k239] {
        align-items: center;
        flex-flow: row nowrap;
    }

    .process-index-toolbar__actions[b-dln7i9k239] {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: 0;
        width: 100%;
    }

    .process-state-toggle[b-dln7i9k239] {
        justify-content: space-between;
        max-width: 260px;
        width: 100%;
    }
    .process-actions-column[b-dln7i9k239] { min-width: 300px; }

    .process-delete-dialog[b-dln7i9k239] { padding: 12px; }
    .process-delete-dialog__surface[b-dln7i9k239] { grid-template-columns: 1fr; padding: 18px; }
    .process-delete-dialog__surface footer[b-dln7i9k239] { grid-column: 1; flex-direction: column-reverse; }
    .process-delete-dialog__surface footer .btn[b-dln7i9k239] { width: 100%; }
}

/* Normalización: el contrato visual y de interacción del pop-up es global. */
.process-management-dialog[b-dln7i9k239],
.process-delete-dialog[b-dln7i9k239] {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
/* /Components/Modules/ProcessCalculations/ProcessCalculationSelection.razor.rz.scp.css */
.process-selection-page[b-d6whc3sl5w] { min-width: 0; }
.page-intro[b-d6whc3sl5w] { color: var(--muted); margin: 0; }
.selection-header-actions[b-d6whc3sl5w] {
    max-width: 100%;
}
.selection-summary[b-d6whc3sl5w] { background: color-mix(in srgb, var(--panel) 90%, var(--primary) 10%); border: 1px solid color-mix(in srgb, var(--line) 70%, var(--primary) 30%); border-radius: 14px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 16px; padding: 12px 14px; }
.selection-summary b[b-d6whc3sl5w] { color: var(--text); }
.selection-filters[b-d6whc3sl5w] { align-items: end; display: grid; gap: 12px; grid-template-columns: minmax(200px, 1.4fr) repeat(4, minmax(150px, 1fr)) auto; margin-bottom: 16px; }
.selection-filter-actions[b-d6whc3sl5w] {
    align-items: end;
    max-width: 100%;
}
.selection-toolbar[b-d6whc3sl5w] { align-items: center; display: flex; gap: 14px; justify-content: space-between; margin: 14px 0; }
.selection-toolbar > div[b-d6whc3sl5w] {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
}
.selection-toolbar > div .btn[b-d6whc3sl5w] { flex: 0 0 auto; white-space: nowrap; }
.selection-empty[b-d6whc3sl5w] { color: var(--muted); text-align: center; white-space: normal; }
input[type="checkbox"][b-d6whc3sl5w] { min-height: auto; width: auto; }
@media (max-width: 1180px) { .selection-filters[b-d6whc3sl5w] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
    .page-heading[b-d6whc3sl5w] { align-items: stretch; flex-direction: column; }
    .selection-toolbar[b-d6whc3sl5w] { align-items: stretch; flex-direction: column; }
    .selection-toolbar > div[b-d6whc3sl5w],
    .selection-filter-actions[b-d6whc3sl5w] { align-items: center; flex-flow: row nowrap; }
    .selection-filters[b-d6whc3sl5w] { grid-template-columns: 1fr; }
}
/* /Components/Modules/ProcessCalculations/ProcessSocialLawsPage.razor.rz.scp.css */
.social-laws-page[b-upa3dfm8iw]{align-content:start;display:grid;gap:var(--pro-gap,14px);min-width:0}
.social-laws-page__header[b-upa3dfm8iw]{align-items:center;display:flex;gap:16px;justify-content:space-between}
.social-laws-page__header-actions[b-upa3dfm8iw]{align-items:center;display:flex;flex:0 0 auto;gap:var(--stariz-crud-gap,.5rem)}
.social-laws-page__source[b-upa3dfm8iw]{border:1px solid var(--line);border-radius:999px;font:inherit;font-weight:var(--weight-bold);padding:6px 9px}
.social-laws-page__source.is-current[b-upa3dfm8iw]{background:color-mix(in srgb,var(--success) 8%,var(--panel));color:var(--success)}
.social-laws-page__source.is-historical[b-upa3dfm8iw]{background:color-mix(in srgb,var(--primary) 7%,var(--panel));color:var(--primary)}
.social-laws-page__summary[b-upa3dfm8iw]{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.social-laws-page__summary-card[b-upa3dfm8iw]{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-height:88px;padding:14px}
.social-laws-page__summary-card.is-employer[b-upa3dfm8iw]{background:color-mix(in srgb,var(--success) 3%,var(--panel))}
.social-laws-page__summary-card.is-total[b-upa3dfm8iw]{background:color-mix(in srgb,var(--primary) 4%,var(--panel))}
.social-laws-page__summary-icon[b-upa3dfm8iw]{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:var(--primary);display:inline-flex;height:40px;justify-content:center;width:40px}
.social-laws-page__summary-card>div[b-upa3dfm8iw]{display:grid;gap:3px}
.social-laws-page__summary-card span[b-upa3dfm8iw],.social-laws-page__summary-card strong[b-upa3dfm8iw],.social-laws-page__concept span[b-upa3dfm8iw]{font:inherit}
.social-laws-page__summary-card strong[b-upa3dfm8iw]{font-weight:var(--weight-bold)}
.social-laws-page__summary-card span[b-upa3dfm8iw]{color:var(--muted)}
.social-laws-page__card[b-upa3dfm8iw],.social-laws-page__grid-shell[b-upa3dfm8iw]{min-width:0}
.social-laws-page__grid[b-upa3dfm8iw]{min-width:1100px}
.social-laws-page__institution-grid[b-upa3dfm8iw]{min-width:980px}
.social-laws-page .is-number[b-upa3dfm8iw]{text-align:right}
.social-laws-page__row[b-upa3dfm8iw]{cursor:pointer}
.social-laws-page__concept[b-upa3dfm8iw]{display:grid;gap:2px}
.social-laws-page__concept span[b-upa3dfm8iw]{color:var(--muted)}
.social-laws-page__grid tfoot th[b-upa3dfm8iw],.social-laws-page__institution-grid tfoot th[b-upa3dfm8iw]{background:var(--pro-surface,var(--panel));border:0;border-top:1px solid var(--pro-border,var(--line));color:var(--text);font:inherit;font-weight:var(--weight-bold);padding:var(--grid-cell-block,4px) var(--grid-cell-inline,10px);vertical-align:middle}
.social-laws-page__empty[b-upa3dfm8iw]{color:var(--muted);padding:24px;text-align:center}
@media(max-width:1100px){.social-laws-page__summary[b-upa3dfm8iw]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.social-laws-page__header[b-upa3dfm8iw]{align-items:stretch;flex-direction:column}.social-laws-page__header-actions[b-upa3dfm8iw]{flex-wrap:wrap}.social-laws-page__summary[b-upa3dfm8iw]{grid-template-columns:1fr}}
/* /Components/Modules/ProcessCalculations/ProcessWorkerResults.razor.rz.scp.css */
.process-worker-results[b-9och3e3rgb] {
    --process-results-gap: var(--pro-gap, 14px);
    --process-results-inner-gap: 10px;
    align-content: start;
    display: grid;
    gap: var(--process-results-gap);
    min-width: 0;
}

.process-worker-results > .stariz-module-header[b-9och3e3rgb] {
    margin: 0;
}

.process-worker-results__workspace[b-9och3e3rgb] {
    align-items: stretch;
    block-size: clamp(560px, calc(100dvh - 235px), 690px);
    display: grid;
    gap: var(--process-results-gap);
    grid-template-columns: minmax(300px, 330px) minmax(0, 1fr);
    min-width: 0;
}

.process-worker-results__workers-card[b-9och3e3rgb],
.process-worker-results__identity-card[b-9och3e3rgb],
.process-worker-results__concept-card[b-9och3e3rgb],
.process-worker-results__group-total-card[b-9och3e3rgb],
.process-worker-results__net-card[b-9och3e3rgb],
.process-worker-results__state-card[b-9och3e3rgb] {
    background: var(--pro-surface, var(--panel));
    border: 1px solid var(--pro-border, var(--line));
    border-radius: var(--pro-radius, var(--radius-lg));
    box-shadow: none;
    box-sizing: border-box;
    min-width: 0;
}

.process-worker-results__workers-card[b-9och3e3rgb],
.process-worker-results__identity-card[b-9och3e3rgb],
.process-worker-results__concept-card[b-9och3e3rgb],
.process-worker-results__group-total-card[b-9och3e3rgb],
.process-worker-results__net-card[b-9och3e3rgb] {
    overflow: hidden;
}

.process-worker-results__workers-card[b-9och3e3rgb] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
}

.process-worker-results__workers-header[b-9och3e3rgb] {
    align-items: center;
    border-bottom: 1px solid var(--pro-border, var(--line));
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 58px;
    padding: 10px 14px;
}

.process-worker-results__workers-header > div[b-9och3e3rgb],
.process-worker-results__detail-column[b-9och3e3rgb],
.process-worker-results__worker-copy[b-9och3e3rgb],
.process-worker-results__net[b-9och3e3rgb] {
    display: grid;
    min-width: 0;
}

.process-worker-results__workers-header > div[b-9och3e3rgb] { gap: 3px; }

.process-worker-results__workers-header > div > strong[b-9och3e3rgb] {
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.process-worker-results__section-label[b-9och3e3rgb] {
    color: var(--pro-muted, var(--muted));
    display: block;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
}

.process-worker-results__count[b-9och3e3rgb] {
    align-items: center;
    border: 1px solid var(--pro-border, var(--line));
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    justify-content: center;
    min-width: 32px;
    padding: 4px 8px;
}

.process-worker-results__search[b-9och3e3rgb] {
    border-bottom: 1px solid var(--pro-border, var(--line));
    display: grid;
    gap: 6px;
    padding: 10px 14px 12px;
}

.process-worker-results__search > span[b-9och3e3rgb] {
    color: var(--pro-muted, var(--muted));
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
}

.process-worker-results__search input[b-9och3e3rgb] {
    min-height: 34px;
    min-width: 0;
    width: 100%;
}

.process-worker-results__workers[b-9och3e3rgb] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.process-worker-results__worker.stariz-process-worker-row-flat[b-9och3e3rgb] {
    -webkit-appearance: none;
    appearance: none;
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--pro-border, var(--line));
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--text);
    cursor: pointer;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0;
    min-height: 58px;
    outline: 0;
    padding: 8px 10px;
    text-align: left;
    transform: none;
    width: 100%;
}

.process-worker-results__worker.stariz-process-worker-row-flat:hover[b-9och3e3rgb] {
    background: transparent;
}

.process-worker-results__worker.stariz-process-worker-row-flat.is-selected[b-9och3e3rgb] {
    background: color-mix(in srgb, var(--primary) 7%, var(--pro-surface, var(--panel)));
}

.process-worker-results__worker.stariz-process-worker-row-flat:last-child[b-9och3e3rgb] {
    border-bottom: 0;
}

/* STARIZ-LOCKED: Listado minimalista aprobado. Las filas no usan píldoras,
   tarjetas individuales, sombras ni indicadores laterales. Solo conservan el
   separador horizontal y la selección cambia únicamente el fondo. */

.process-worker-results__avatar[b-9och3e3rgb] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 10%, var(--pro-surface, var(--panel)));
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--pro-border, var(--line)));
    border-radius: 50%;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    height: 36px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 36px;
}

.process-worker-results__avatar-fallback[b-9och3e3rgb] {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    position: absolute;
}

.process-worker-results__avatar.is-large[b-9och3e3rgb] {
    font-size: var(--text-sm);
    height: 42px;
    width: 42px;
}

.process-worker-results__avatar > img[b-9och3e3rgb] {
    border-radius: inherit;
    display: block;
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.process-worker-results__avatar > img[data-photo-src][b-9och3e3rgb] {
    opacity: 0;
}

.process-worker-results__avatar > img[data-photo-state="loaded"][b-9och3e3rgb] {
    opacity: 1;
}

/* STARIZ-LOCKED: Mientras una fotografía se carga o falla, mostrar únicamente
   las iniciales. No exponer el icono de imagen rota ni el texto alternativo. */

.process-worker-results__worker-copy[b-9och3e3rgb] { gap: 3px; }

.process-worker-results__worker-copy strong[b-9och3e3rgb] {
    font-size: var(--text-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-worker-results__worker-copy small[b-9och3e3rgb],
.process-worker-results__net small[b-9och3e3rgb] {
    color: var(--pro-muted, var(--muted));
    font-size: var(--text-2xs);
    line-height: 1.3;
}

.process-worker-results__worker-copy small[b-9och3e3rgb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-worker-results__net[b-9och3e3rgb] {
    gap: 3px;
    justify-items: end;
    white-space: nowrap;
}

.process-worker-results__net strong[b-9och3e3rgb] {
    color: var(--primary);
    font-size: var(--text-xs);
}

.process-worker-results__detail-column[b-9och3e3rgb] {
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: var(--process-results-gap);
    height: 100%;
    min-height: 0;
}

.process-worker-results__state-card[b-9och3e3rgb] {
    align-content: center;
    height: 100%;
    min-height: 250px;
}

.process-worker-results__placeholder[b-9och3e3rgb],
.process-worker-results__empty[b-9och3e3rgb] {
    color: var(--pro-muted, var(--muted));
    display: grid;
    gap: 6px;
    justify-items: center;
    margin: 0;
    padding: 48px 18px;
    text-align: center;
}

.process-worker-results__placeholder strong[b-9och3e3rgb] { color: var(--text); }
.process-worker-results__placeholder span[b-9och3e3rgb] { font-size: var(--text-xs); }
.process-worker-results__empty[b-9och3e3rgb] { font-size: var(--text-xs); }

.process-worker-results__empty.is-compact[b-9och3e3rgb] {
    align-content: center;
    min-height: 150px;
    padding: 30px 16px;
}

.process-worker-results__identity-card[b-9och3e3rgb] {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(300px, 1.15fr) minmax(430px, 1.85fr);
    min-height: 88px;
}

.process-worker-results__identity-primary[b-9och3e3rgb] {
    align-items: center;
    display: grid;
    gap: 11px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    padding: 12px 14px;
}

.process-worker-results__identity-copy[b-9och3e3rgb] { min-width: 0; }

.process-worker-results__identity-copy h2[b-9och3e3rgb] {
    color: var(--text);
    font-size: var(--text-md);
    line-height: 1.25;
    margin: 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-worker-results__identity-copy p[b-9och3e3rgb] {
    color: var(--pro-muted, var(--muted));
    font-size: var(--text-2xs);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-worker-results .process-status[b-9och3e3rgb] {
    border: 1px solid var(--pro-border, var(--line));
    border-radius: 999px;
    color: var(--primary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: 4px 8px;
    white-space: nowrap;
}

.process-worker-results .process-status.is-closed[b-9och3e3rgb] { color: var(--pro-muted, var(--muted)); }

.process-worker-results__metadata[b-9och3e3rgb] {
    border-left: 1px solid var(--pro-border, var(--line));
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    min-width: 0;
}

.process-worker-results__metadata > div[b-9och3e3rgb] {
    align-content: center;
    border-right: 1px solid var(--pro-border, var(--line));
    min-width: 0;
    padding: 11px 12px;
}

.process-worker-results__metadata > div:last-child[b-9och3e3rgb] { border-right: 0; }

.process-worker-results__metadata dt[b-9och3e3rgb] {
    color: var(--pro-muted, var(--muted));
    font-size: var(--text-2xs);
}

.process-worker-results__metadata dd[b-9och3e3rgb] {
    color: var(--text);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-worker-results__concept-grid[b-9och3e3rgb] {
    align-items: stretch;
    display: grid;
    gap: var(--process-results-gap);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
    min-width: 0;
}

.process-worker-results__result-group[b-9och3e3rgb] {
    display: grid;
    gap: var(--process-results-inner-gap);
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
    min-width: 0;
}

.process-worker-results__concept-card[b-9och3e3rgb] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.process-worker-results__concept-card > header[b-9och3e3rgb] {
    align-items: center;
    border-bottom: 1px solid var(--pro-border, var(--line));
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 56px;
    padding: 10px 14px;
}

.process-worker-results__concept-card > header > div[b-9och3e3rgb] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.process-worker-results__concept-card h3[b-9och3e3rgb] {
    color: var(--text);
    font-size: var(--text-sm);
    margin: 0;
}

.process-worker-results__concept-total[b-9och3e3rgb] {
    color: var(--primary);
    flex: 0 0 auto;
    font-size: var(--text-xs);
    white-space: nowrap;
}

.process-worker-results__lines[b-9och3e3rgb] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0 14px;
}

.process-worker-results__lines > div[b-9och3e3rgb] {
    align-items: center;
    border-bottom: 1px solid var(--pro-border, var(--line));
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 47px;
    padding: 8px 0;
}

.process-worker-results__lines > div:last-child[b-9och3e3rgb] { border-bottom: 0; }

.process-worker-results__lines span[b-9och3e3rgb] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.process-worker-results__lines strong[b-9och3e3rgb] {
    color: var(--text);
    font-size: var(--text-2xs);
    line-height: 1.3;
}

.process-worker-results__lines small[b-9och3e3rgb] {
    color: var(--pro-muted, var(--muted));
    font-size: var(--text-2xs);
    line-height: 1.3;
}

.process-worker-results__lines b[b-9och3e3rgb] {
    color: var(--text);
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    white-space: nowrap;
}

.process-worker-results__group-total-card[b-9och3e3rgb] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 62px;
    padding: 10px 14px;
}

.process-worker-results__group-total-card > span[b-9och3e3rgb] {
    display: grid;
    gap: 4px;
    justify-items: end;
}

.process-worker-results__group-total-card small[b-9och3e3rgb],
.process-worker-results__net-total small[b-9och3e3rgb] {
    color: var(--pro-muted, var(--muted));
    font-size: var(--text-2xs);
}

.process-worker-results__group-total-card strong[b-9och3e3rgb] {
    color: var(--text);
    font-size: var(--text-md);
}

.process-worker-results__net-card[b-9och3e3rgb] {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    min-height: 70px;
    padding: 11px 15px;
}

.process-worker-results__net-card > div[b-9och3e3rgb] {
    display: grid;
    gap: 4px;
}

.process-worker-results__net-card > div > strong[b-9och3e3rgb] {
    color: var(--text);
    font-size: var(--text-xs);
}

.process-worker-results__net-total[b-9och3e3rgb] {
    border-left: 1px solid var(--pro-border, var(--line));
    display: grid;
    gap: 5px;
    justify-items: end;
    min-width: 210px;
    padding-left: 18px;
}

.process-worker-results__net-total strong[b-9och3e3rgb] {
    color: var(--primary);
    font-size: var(--text-lg);
}

@media (max-width: 1280px) {
    .process-worker-results__identity-card[b-9och3e3rgb] {
        grid-template-columns: minmax(280px, 1fr) minmax(390px, 1.6fr);
    }
}

@media (max-width: 1180px) {
    .process-worker-results__workspace[b-9och3e3rgb] {
        block-size: auto;
        grid-template-columns: minmax(285px, 310px) minmax(0, 1fr);
    }

    .process-worker-results__workers-card[b-9och3e3rgb] {
        max-height: 650px;
        min-height: 560px;
    }

    .process-worker-results__identity-card[b-9och3e3rgb] { grid-template-columns: 1fr; }

    .process-worker-results__metadata[b-9och3e3rgb] {
        border-left: 0;
        border-top: 1px solid var(--pro-border, var(--line));
    }

    .process-worker-results__concept-grid[b-9och3e3rgb] { grid-template-columns: 1fr; }

    .process-worker-results__concept-card[b-9och3e3rgb] {
        max-height: 360px;
        min-height: 240px;
    }
}

@media (max-width: 900px) {
    .process-worker-results__workspace[b-9och3e3rgb] { grid-template-columns: 1fr; }

    .process-worker-results__workers-card[b-9och3e3rgb] {
        max-height: 430px;
        min-height: 0;
    }
}

@media (max-width: 760px) {
    .process-worker-results__identity-primary[b-9och3e3rgb] { grid-template-columns: auto minmax(0, 1fr); }

    .process-worker-results__identity-primary .process-status[b-9och3e3rgb] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .process-worker-results__metadata[b-9och3e3rgb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .process-worker-results__metadata > div:nth-child(2n)[b-9och3e3rgb] { border-right: 0; }
    .process-worker-results__metadata > div:nth-child(-n + 2)[b-9och3e3rgb] { border-bottom: 1px solid var(--pro-border, var(--line)); }
}

@media (max-width: 560px) {
    .process-worker-results__worker[b-9och3e3rgb] { grid-template-columns: 36px minmax(0, 1fr); }

    .process-worker-results__net[b-9och3e3rgb] {
        grid-column: 2;
        justify-items: start;
    }

    .process-worker-results__net-card[b-9och3e3rgb] {
        align-items: stretch;
        display: grid;
    }

    .process-worker-results__net-total[b-9och3e3rgb] {
        border-left: 0;
        border-top: 1px solid var(--pro-border, var(--line));
        justify-items: start;
        min-width: 0;
        padding: 11px 0 0;
    }
}
/* /Components/Modules/RoleAccess/RoleAccessAdministration.razor.rz.scp.css */
.role-access-page__lead[b-affntcqqdh] { color: var(--muted); margin: 0; max-width: 820px; }
.role-access-info[b-affntcqqdh] { background: color-mix(in srgb, var(--primary) 11%, var(--panel)); border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--line)); border-radius: 12px; color: var(--text); margin-bottom: 16px; padding: 12px 14px; }
.role-access-intro[b-affntcqqdh] { align-items: center; border-left: 4px solid var(--primary); display: flex; gap: 18px; justify-content: space-between; margin-bottom: 20px; }
.role-access-intro strong[b-affntcqqdh] { display: block; font-size: var(--text-lg); margin-bottom: 4px; }
.role-access-intro p[b-affntcqqdh] { color: var(--muted); font-size: var(--text-sm); line-height: 1.5; margin: 0; max-width: 720px; }
.role-access-intro__notice[b-affntcqqdh] { background: color-mix(in srgb, var(--primary) 10%, var(--field)); border-radius: 999px; color: var(--primary); font-size: var(--text-xs); font-weight: var(--weight-bold); padding: 8px 10px; text-align: center; }
.role-access-layout[b-affntcqqdh] { align-items: start; display: grid; gap: 20px; grid-template-columns: minmax(290px, .78fr) minmax(0, 1.5fr); }
.role-access-panel[b-affntcqqdh] { min-width: 0; }
.role-access-panel__heading[b-affntcqqdh] { border-bottom: 1px solid var(--line); margin-bottom: 16px; padding-bottom: 12px; }
.role-access-panel__heading h2[b-affntcqqdh] { font-size: var(--text-lg); margin: 0 0 5px; }
.role-access-panel__heading p[b-affntcqqdh] { color: var(--muted); font-size: var(--text-sm); line-height: 1.45; margin: 0; }
.role-access-field[b-affntcqqdh] { color: var(--text); display: grid; font-size: var(--text-sm); font-weight: var(--weight-bold); gap: 7px; }
.role-access-field select[b-affntcqqdh] { width: 100%; }
.role-access-user-summary[b-affntcqqdh] { align-items: center; background: color-mix(in srgb, var(--primary) 7%, var(--field)); border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line)); border-radius: 13px; display: flex; gap: 10px; margin-top: 16px; padding: 12px; }
.role-access-user-summary__avatar[b-affntcqqdh] { align-items: center; background: var(--stariz-glass-primary); border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: var(--text-xs); font-weight: var(--weight-bold); height: 34px; justify-content: center; width: 34px; }
.role-access-user-summary div[b-affntcqqdh] { display: grid; min-width: 0; }
.role-access-user-summary strong[b-affntcqqdh] { font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.role-access-user-summary span[b-affntcqqdh] { color: var(--muted); font-size: var(--text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.role-access-role-grid[b-affntcqqdh] { display: grid; gap: 10px; margin-top: 16px; }
.role-access-role-card[b-affntcqqdh] { background: var(--stariz-glass-field); border: 1px solid var(--line); border-radius: 12px; cursor: pointer; display: flex; gap: 10px; padding: 11px; transition: border-color .16s ease, transform .16s ease, background-color .16s ease; }
.role-access-role-card:hover[b-affntcqqdh] { border-color: color-mix(in srgb, var(--primary) 48%, var(--line)); transform: translateY(-1px); }
.role-access-role-card.is-selected[b-affntcqqdh] { background: color-mix(in srgb, var(--primary) 9%, var(--field)); border-color: color-mix(in srgb, var(--primary) 62%, var(--line)); }
.role-access-role-card input[b-affntcqqdh],
.role-access-module-row__permissions input[b-affntcqqdh] { appearance: none; background: var(--stariz-glass-surface); border: 1.5px solid color-mix(in srgb, var(--muted) 58%, var(--line)); border-radius: 5px; cursor: pointer; display: inline-grid; flex: 0 0 auto; height: 18px; margin: 0; min-height: 18px; place-content: center; transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease; width: 18px; }
.role-access-role-card input[b-affntcqqdh] { margin-top: 1px; }
.role-access-role-card input[b-affntcqqdh]::after,
.role-access-module-row__permissions input[b-affntcqqdh]::after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 8px; transform: rotate(45deg) scale(0); transform-origin: center; transition: transform .12s ease; width: 4px; }
.role-access-role-card input:checked[b-affntcqqdh],
.role-access-module-row__permissions input:checked[b-affntcqqdh] { background: var(--stariz-glass-primary); border-color: var(--primary); }
.role-access-role-card input:checked[b-affntcqqdh]::after,
.role-access-module-row__permissions input:checked[b-affntcqqdh]::after { transform: rotate(45deg) scale(1); }
.role-access-role-card input:focus-visible[b-affntcqqdh],
.role-access-module-row__permissions input:focus-visible[b-affntcqqdh] { outline: 2px solid color-mix(in srgb, var(--primary) 42%, transparent); outline-offset: 2px; }
.role-access-role-card input:disabled[b-affntcqqdh],
.role-access-module-row__permissions input:disabled[b-affntcqqdh] { cursor: not-allowed; opacity: .55; }
.role-access-role-card__body[b-affntcqqdh] { display: grid; gap: 2px; min-width: 0; }
.role-access-role-card__body strong[b-affntcqqdh] { font-size: var(--text-sm); }
.role-access-role-card__body small[b-affntcqqdh] { color: var(--primary); font-size: var(--text-2xs); font-weight: var(--weight-bold); letter-spacing: .04em; text-transform: uppercase; }
.role-access-role-card__body em[b-affntcqqdh] { color: var(--muted); font-size: var(--text-xs); font-style: normal; line-height: 1.4; }
.role-access-empty[b-affntcqqdh] { color: var(--muted); font-size: var(--text-sm); margin: 20px 0 4px; }
.role-access-matrix-status[b-affntcqqdh] { align-items: center; background: color-mix(in srgb, var(--primary) 7%, var(--field)); border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line)); border-radius: 12px; display: flex; gap: 12px; justify-content: space-between; margin-top: 16px; padding: 12px; }
.role-access-matrix-status div[b-affntcqqdh] { display: grid; gap: 3px; }
.role-access-matrix-status strong[b-affntcqqdh] { font-size: var(--text-sm); }
.role-access-matrix-status span[b-affntcqqdh] { color: var(--muted); font-size: var(--text-xs); }
.role-access-status-chip[b-affntcqqdh] { border-radius: 999px; font-size: var(--text-2xs); font-weight: var(--weight-bold); padding: 6px 9px; white-space: nowrap; }
.role-access-status-chip.is-exact[b-affntcqqdh] { background: color-mix(in srgb, var(--success, #1d9a6c) 15%, var(--field)); color: var(--success, #157654); }
.role-access-status-chip.is-inherited[b-affntcqqdh] { background: color-mix(in srgb, var(--warning, #bb7a17) 16%, var(--field)); color: var(--warning, #9a6312); }
.role-access-matrix[b-affntcqqdh] { display: grid; gap: 16px; margin-top: 16px; }
.role-access-matrix-group[b-affntcqqdh] { border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.role-access-matrix-group > header[b-affntcqqdh] { align-items: center; background: color-mix(in srgb, var(--field) 85%, var(--bg)); border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding: 10px 12px; }
.role-access-matrix-group h3[b-affntcqqdh] { font-size: var(--text-sm); margin: 0; }
.role-access-matrix-group header span[b-affntcqqdh] { color: var(--muted); font-size: var(--text-2xs); }
.role-access-module-row[b-affntcqqdh] { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr) auto; padding: 11px 12px; }
.role-access-module-row:last-child[b-affntcqqdh] { border-bottom: 0; }
.role-access-module-row__copy[b-affntcqqdh] { display: grid; gap: 3px; min-width: 0; }
.role-access-module-row__copy strong[b-affntcqqdh] { font-size: var(--text-sm); }
.role-access-module-row__copy span[b-affntcqqdh] { color: var(--muted); font-size: var(--text-2xs); line-height: 1.4; }
.role-access-module-row__permissions[b-affntcqqdh] { align-items: center; display: flex; gap: 12px; }
.role-access-module-row__permissions label[b-affntcqqdh] { align-items: center; color: var(--muted); cursor: pointer; display: inline-flex; font-size: var(--text-xs); font-weight: var(--weight-bold); gap: 5px; }
.role-access-module-row__permissions label:has(input:checked)[b-affntcqqdh] { color: var(--text); }
.role-access-module-row__permissions label:has(input:disabled)[b-affntcqqdh] { cursor: not-allowed; }
.role-access-skeleton[b-affntcqqdh] { display: grid; gap: 12px; }
.role-access-skeleton span[b-affntcqqdh] { animation: role-access-pulse-b-affntcqqdh 1.2s ease-in-out infinite; background: color-mix(in srgb, var(--line) 65%, var(--field)); border-radius: 8px; display: block; height: 46px; }
.role-access-skeleton span:nth-child(2)[b-affntcqqdh] { width: 84%; }
.role-access-skeleton span:nth-child(3)[b-affntcqqdh] { width: 65%; }
@keyframes role-access-pulse-b-affntcqqdh { 50% { opacity: .45; } }
@media (max-width: 1080px) { .role-access-layout[b-affntcqqdh] { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .role-access-intro[b-affntcqqdh], .role-access-matrix-status[b-affntcqqdh], .role-access-module-row[b-affntcqqdh] { align-items: stretch; grid-template-columns: 1fr; } .role-access-intro[b-affntcqqdh], .role-access-matrix-status[b-affntcqqdh] { flex-direction: column; } .role-access-intro__notice[b-affntcqqdh] { width: 100%; } .role-access-module-row__permissions[b-affntcqqdh] { flex-wrap: wrap; } }
.role-access-agricultural[b-affntcqqdh] { background: color-mix(in srgb, var(--primary) 6%, var(--field)); border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line)); border-radius: 13px; display: grid; gap: 12px; margin-top: 18px; padding: 13px; }
.role-access-agricultural__heading[b-affntcqqdh] { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
.role-access-agricultural__heading h3[b-affntcqqdh] { font-size: var(--text-md); margin: 0 0 4px; }
.role-access-agricultural__heading p[b-affntcqqdh] { color: var(--muted); font-size: var(--text-xs); line-height: 1.45; margin: 0; }
.role-access-agricultural__toggle[b-affntcqqdh] { align-items: flex-start; background: var(--stariz-glass-surface); border: 1px solid var(--line); border-radius: 11px; cursor: pointer; display: flex; gap: 10px; padding: 11px; }
.role-access-agricultural__toggle > span[b-affntcqqdh] { display: grid; gap: 3px; }
.role-access-agricultural__toggle strong[b-affntcqqdh] { font-size: var(--text-sm); }
.role-access-agricultural__toggle em[b-affntcqqdh] { color: var(--muted); font-size: var(--text-2xs); font-style: normal; line-height: 1.4; }
.role-access-agricultural__toggle input[b-affntcqqdh] { appearance: none; background: var(--stariz-glass-surface); border: 1.5px solid color-mix(in srgb, var(--muted) 58%, var(--line)); border-radius: 5px; cursor: pointer; display: inline-grid; flex: 0 0 auto; height: 18px; margin: 1px 0 0; min-height: 18px; place-content: center; width: 18px; }
.role-access-agricultural__toggle input[b-affntcqqdh]::after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 8px; transform: rotate(45deg) scale(0); transition: transform .12s ease; width: 4px; }
.role-access-agricultural__toggle input:checked[b-affntcqqdh] { background: var(--stariz-glass-primary); border-color: var(--primary); }
.role-access-agricultural__toggle input:checked[b-affntcqqdh]::after { transform: rotate(45deg) scale(1); }
.role-access-agricultural__source[b-affntcqqdh] { color: var(--muted); font-size: var(--text-xs); margin: 0; }
@media (max-width: 700px) { .role-access-agricultural__heading[b-affntcqqdh] { flex-direction: column; } }
/* /Components/Modules/RoleAccess/WorkerGroupAccessAdministration.razor.rz.scp.css */
.worker-groups-page__lead[b-8a4azbrm5p] { color: var(--muted); margin: 0; max-width: 820px; }
.worker-groups-filter[b-8a4azbrm5p] { align-items: end; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) auto; margin-bottom: 18px; }
.worker-groups-filter label[b-8a4azbrm5p] { display: grid; font-size: var(--text-sm); font-weight: var(--weight-bold); gap: 7px; }
.worker-groups-filter select[b-8a4azbrm5p] { width: 100%; }
.worker-groups-result > header[b-8a4azbrm5p] { align-items: center; border-bottom: 1px solid var(--line); display: flex; gap: 18px; justify-content: space-between; margin-bottom: 16px; padding-bottom: 14px; }
.worker-groups-result header span[b-8a4azbrm5p] { color: var(--muted); font-size: var(--text-2xs); font-weight: var(--weight-bold); text-transform: uppercase; }
.worker-groups-result header h2[b-8a4azbrm5p] { font-size: var(--text-lg); margin: 4px 0; }
.worker-groups-result header p[b-8a4azbrm5p] { color: var(--muted); font-size: var(--text-xs); margin: 0; }
.worker-groups-result header > strong[b-8a4azbrm5p] { background: var(--stariz-glass-field); border-radius: 999px; color: var(--primary); font-size: var(--text-xs); padding: 7px 10px; }
.worker-groups-table-wrap[b-8a4azbrm5p] { overflow: auto; }
.worker-groups-table[b-8a4azbrm5p] { border-collapse: collapse; min-width: 800px; width: 100%; }
.worker-groups-table th[b-8a4azbrm5p] { color: var(--muted); font-size: var(--text-2xs); padding: 9px 10px; text-align: left; text-transform: uppercase; }
.worker-groups-table td[b-8a4azbrm5p] { border-top: 1px solid var(--line); font-size: var(--text-xs); line-height: 1.45; padding: 11px 10px; vertical-align: top; }
.worker-groups-table td > strong[b-8a4azbrm5p], .worker-groups-table td > span[b-8a4azbrm5p] { display: block; }
.worker-groups-table td > span[b-8a4azbrm5p] { color: var(--muted); font-size: var(--text-2xs); margin-top: 3px; }
.worker-groups-empty[b-8a4azbrm5p] { color: var(--muted); font-size: var(--text-sm); margin: 0; min-height: 100px; padding: 22px; text-align: center; }
@media (max-width: 700px) { .worker-groups-filter[b-8a4azbrm5p] { grid-template-columns: 1fr; } .worker-groups-result > header[b-8a4azbrm5p] { align-items: start; flex-direction: column; } }
/* /Components/Modules/VacationAccounts/VacationAccountPage.razor.rz.scp.css */
.vacation-account-page[b-ft63s1azjs] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: 1.15rem;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.vacation-account-page.is-loading[b-ft63s1azjs] {
    opacity: .76;
    pointer-events: none;
}

.vacation-account-page__heading[b-ft63s1azjs] {
    align-items: flex-start;
}

.vacation-account-page__subtitle[b-ft63s1azjs] {
    color: var(--muted);
    margin: .25rem 0 0;
    max-width: 760px;
}

.vacation-account-page__notice[b-ft63s1azjs] {
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--line));
    border-radius: 12px;
    color: var(--text);
    font-size: var(--text-xs);
    padding: .75rem .9rem;
}

.vacation-account-page__selectors[b-ft63s1azjs] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(190px, .75fr) minmax(280px, 1.15fr) minmax(240px, 1fr) auto;
}

.vacation-account-page__selectors > label[b-ft63s1azjs],
.vacation-account-page__scope[b-ft63s1azjs] {
    display: grid;
    gap: .4rem;
    min-width: 0;
}

.vacation-account-page__selectors > label > span[b-ft63s1azjs],
.vacation-account-page__scope > span[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .055em;
    text-transform: uppercase;
}

.vacation-account-page__selectors > label > :is(input, select)[b-ft63s1azjs] {
    min-height: 2.75rem;
    width: 100%;
}

.vacation-scope-switch[b-ft63s1azjs] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: .65rem;
    margin: 0;
    min-height: 2.75rem;
    width: max-content;
}

.vacation-scope-switch__input[b-ft63s1azjs] {
    -webkit-appearance: none;
    appearance: none;
    block-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    inline-size: 1px;
    margin: -1px;
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.vacation-scope-switch__track[b-ft63s1azjs] {
    background: #cbd5e1;
    border: 1px solid rgba(15, 23, 42, .14);
    border-radius: 999px;
    cursor: pointer;
    flex: 0 0 54px;
    height: 30px;
    position: relative;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
    width: 54px;
}

.vacation-scope-switch__track[b-ft63s1azjs]::before {
    background: #fff;
    border-radius: 50%;
    bottom: 3px;
    box-shadow: none;
    content: "";
    height: 22px;
    left: 3px;
    position: absolute;
    transform: translateX(0);
    transition: transform .22s ease, background .22s ease;
    width: 22px;
}

.vacation-scope-switch__input:checked + .vacation-scope-switch__track[b-ft63s1azjs] {
    background: var(--stariz-glass-primary);
    border-color: var(--primary);
}

.vacation-scope-switch__input:checked + .vacation-scope-switch__track[b-ft63s1azjs]::before {
    transform: translateX(24px);
}

.vacation-scope-switch__input:focus-visible + .vacation-scope-switch__track[b-ft63s1azjs] {
    box-shadow: none;
}

.vacation-scope-switch__input:disabled + .vacation-scope-switch__track[b-ft63s1azjs],
.vacation-scope-switch__input:disabled ~ .vacation-scope-switch__label[b-ft63s1azjs] {
    cursor: not-allowed;
    opacity: .58;
}

.vacation-scope-switch__label[b-ft63s1azjs] {
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    min-width: 96px;
    white-space: nowrap;
}

.vacation-scope-switch__input:checked ~ .vacation-scope-switch__label[b-ft63s1azjs] {
    color: var(--primary);
}


.vacation-account-page__summary[b-ft63s1azjs] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
}

.vacation-account-page__summary article[b-ft63s1azjs] {
    box-sizing: border-box;
    min-height: 94px;
    min-width: 0;
    padding: 1rem 1.05rem;
}

.vacation-account-page__summary strong[b-ft63s1azjs] {
    font-size: var(--text-xl);
}

.vacation-account-page__crud-flow[b-ft63s1azjs] {
    min-width: 0;
}

.vacation-account-page__crud-heading[b-ft63s1azjs] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.vacation-account-page__crud-heading strong[b-ft63s1azjs],
.vacation-account-page__crud-heading small[b-ft63s1azjs] {
    display: block;
}

.vacation-account-page__crud-heading > span[b-ft63s1azjs] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    white-space: nowrap;
}

.vacation-account-page__crud-heading strong[b-ft63s1azjs] {
    font-size: var(--text-sm);
}

.vacation-account-page__crud-heading small[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin-top: .2rem;
}

.page .vacation-account-page .vacation-account-page__table-actions[b-ft63s1azjs] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 .72rem;
    min-height: 2.55rem;
}

.vacation-account-page .stariz-crud-grid[b-ft63s1azjs] {
    margin-top: 0;
    max-height: min(64dvh, 680px);
}

.vacation-account-page table[b-ft63s1azjs] {
    min-width: 980px;
}

.vacation-account-page td strong[b-ft63s1azjs],
.vacation-account-page td small[b-ft63s1azjs] {
    display: block;
}

.vacation-account-page td small[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin-top: .2rem;
}

.vacation-account-page tbody tr[b-ft63s1azjs] {
    cursor: pointer;
}

.page .vacation-account-page .stariz-crud-grid tbody tr.is-selected td[b-ft63s1azjs] {
    background: color-mix(in srgb, var(--primary) 9%, var(--stariz-shell-surface));
}

.vacation-account-page__status[b-ft63s1azjs] {
    border-radius: 999px;
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: .3rem .55rem;
}

.vacation-account-page__status.is-active[b-ft63s1azjs] {
    background: color-mix(in srgb, #22a447 14%, var(--panel));
    color: #19823a;
}

.vacation-account-page__status.is-inactive[b-ft63s1azjs] {
    background: color-mix(in srgb, var(--muted) 12%, var(--panel));
    color: var(--muted);
}

.vacation-account-page__empty[b-ft63s1azjs],
.vacation-account-dialog__empty[b-ft63s1azjs] {
    color: var(--muted);
    margin: 0;
    padding: 2rem;
    text-align: center;
}

.vacation-account-dialog[b-ft63s1azjs] {
    align-items: center;
    background: transparent;
    backdrop-filter: none;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 1260;
}

.vacation-account-dialog__surface[b-ft63s1azjs] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    max-height: min(94dvh, 900px);
    overflow: hidden;
    width: min(1080px, 96vw);
}

.vacation-account-dialog__header[b-ft63s1azjs] {
    align-items: center;
    position: relative;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.15rem 1.3rem;
}

.vacation-account-dialog__header h2[b-ft63s1azjs] {
    font-size: var(--text-2xl);
    margin: .12rem 0 .24rem;
}

.vacation-account-dialog__header p:last-child[b-ft63s1azjs] {
    color: var(--muted);
    margin: 0;
}

.vacation-account-dialog__content[b-ft63s1azjs] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(250px, .68fr) minmax(0, 1.45fr);
    overflow: auto;
    padding: 1rem 1.3rem;
}

.vacation-account-dialog__balances[b-ft63s1azjs],
.vacation-account-dialog__movements[b-ft63s1azjs] {
    min-width: 0;
}

.vacation-account-dialog__balances[b-ft63s1azjs] {
    align-self: start;
    background: var(--stariz-glass-surface);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, var(--line));
    border-radius: 14px;
    box-shadow: none;
    overflow: hidden;
}

.vacation-account-dialog__person[b-ft63s1azjs] {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: .65rem;
    padding: .78rem .85rem;
}

.vacation-account-dialog__person > span[b-ft63s1azjs] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 12%, var(--panel));
    border-radius: 50%;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    height: 36px;
    justify-content: center;
    width: 36px;
}

.vacation-account-dialog__person strong[b-ft63s1azjs],
.vacation-account-dialog__person small[b-ft63s1azjs] {
    display: block;
}

.vacation-account-dialog__person strong[b-ft63s1azjs] {
    font-size: var(--text-xs);
}

.vacation-account-dialog__person small[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin-top: .2rem;
}

.vacation-account-dialog__balances dl[b-ft63s1azjs] {
    margin: 0;
    padding: .18rem .85rem .78rem;
}

.vacation-account-dialog__balances dl > div[b-ft63s1azjs] {
    align-items: center;
    border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    display: flex;
    gap: .55rem;
    justify-content: space-between;
    min-height: 2.05rem;
    padding: .42rem 0;
}

.vacation-account-dialog__balances dl > div:first-child[b-ft63s1azjs] {
    border-top: 0;
}

.vacation-account-dialog__balances dt[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

.vacation-account-dialog__balances dd[b-ft63s1azjs] {
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    margin: 0;
    text-align: right;
}

.vacation-account-dialog__balances dl > div.is-balance[b-ft63s1azjs] {
    background: transparent;
    border-bottom: 0;
    border-top: 1px solid color-mix(in srgb, var(--primary) 32%, var(--line));
    margin-top: .22rem;
    padding: .65rem 0 .08rem;
}

.vacation-account-dialog__balances dl > div.is-balance dt[b-ft63s1azjs] {
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

.vacation-account-dialog__balances dl > div.is-balance dd[b-ft63s1azjs] {
    color: var(--primary);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    letter-spacing: -.015em;
}

.vacation-account-dialog__section-heading[b-ft63s1azjs] {
    margin-bottom: .55rem;
}

.vacation-account-dialog__section-heading strong[b-ft63s1azjs],
.vacation-account-dialog__section-heading small[b-ft63s1azjs] {
    display: block;
}

.vacation-account-dialog__section-heading strong[b-ft63s1azjs] {
    font-size: var(--text-sm);
}

.vacation-account-dialog__section-heading small[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin-top: .2rem;
}


.vacation-account-dialog__movements .stariz-crud-grid[b-ft63s1azjs] {
    margin-top: 0;
    max-height: min(54dvh, 520px);
}

.vacation-account-dialog__movements table[b-ft63s1azjs] {
    min-width: 620px;
}

.vacation-account-dialog__movements .is-positive[b-ft63s1azjs] {
    color: var(--success);
    font-weight: var(--weight-bold);
}

.vacation-account-dialog__movements .is-negative[b-ft63s1azjs] {
    color: var(--danger);
    font-weight: var(--weight-bold);
}


.vacation-account-dialog__periods[b-ft63s1azjs] {
    grid-column: 1 / -1;
    min-width: 0;
}

.vacation-account-dialog__period-summary[b-ft63s1azjs] {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: .75rem;
}

.vacation-account-dialog__period-summary > div[b-ft63s1azjs] {
    background: color-mix(in srgb, var(--field) 72%, var(--panel));
    border: 1px solid var(--line);
    border-radius: 10px;
    display: grid;
    gap: .22rem;
    padding: .7rem .8rem;
}

.vacation-account-dialog__period-summary span[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vacation-account-dialog__period-summary strong[b-ft63s1azjs] {
    font-size: var(--text-xs);
}

.vacation-account-dialog__period-grid[b-ft63s1azjs] {
    margin-top: 0;
    max-height: 250px;
}

.vacation-account-dialog__period-grid table[b-ft63s1azjs] {
    min-width: 760px;
}

.vacation-account-dialog__period-grid tbody tr[b-ft63s1azjs] {
    cursor: pointer;
}

.vacation-account-dialog__period-grid tbody tr.is-selected td[b-ft63s1azjs] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
}

@media (max-width: 1280px) {
    .vacation-account-page__summary[b-ft63s1azjs] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .vacation-account-page__selectors[b-ft63s1azjs] {
        grid-template-columns: 1fr 1fr;
    }

    .vacation-account-page__quick-filters[b-ft63s1azjs] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .vacation-account-dialog__content[b-ft63s1azjs] {
        grid-template-columns: 1fr;
    }

    .vacation-account-dialog__period-summary[b-ft63s1azjs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .vacation-account-page__heading[b-ft63s1azjs] {
        align-items: stretch;
        flex-direction: column;
    }

    .vacation-account-page__selectors[b-ft63s1azjs],
    .vacation-account-page__summary[b-ft63s1azjs],
    .vacation-account-dialog__period-summary[b-ft63s1azjs] {
        grid-template-columns: 1fr;
    }

    .vacation-account-dialog[b-ft63s1azjs] {
        padding: 0;
    }

    .vacation-account-dialog__surface[b-ft63s1azjs] {
        border-radius: 0;
        max-height: 100dvh;
        min-height: 100dvh;
        width: 100vw;
    }

}


/* Normalización: el CRUD queda libre sobre el lienzo; sólo DataGrid y paginador conservan su marco global. */
.vacation-account-page__crud-flow[b-ft63s1azjs],
.vacation-account-page__crud-flow.stariz-data-grid-surface[b-ft63s1azjs] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-width: 0;
    overflow: visible;
    padding: 0;
}

.vacation-account-page__crud-flow > .vacation-account-page__crud-heading[b-ft63s1azjs],
.vacation-account-page__crud-flow > .vacation-account-page__table-actions[b-ft63s1azjs] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding-inline: 0;
}

/* STARIZ-LOCKED: detalle de cuenta corriente normalizado a clases globales STARIZ. */
.vacation-account-page.is-detail-hidden[b-ft63s1azjs] {
    display: none;
}

.vacation-account-detail[b-ft63s1azjs] {
    display: grid;
    gap: var(--space-3);
    min-width: 0;
}

/* Contrato de espaciado del detalle: 16 px internos, 12 px entre bloques. */
.vacation-account-detail > :is(.rrhh-adn-crud-card, .stariz-module-header, .vacation-account-detail__indicator-grid)[b-ft63s1azjs] {
    margin: 0;
}

.vacation-account-detail .stariz-module-header[b-ft63s1azjs] {
    padding: var(--space-4);
}

.vacation-account-detail__movements .stariz-crud-grid[b-ft63s1azjs] {
    margin: 0;
}

.vacation-account-detail__title-row[b-ft63s1azjs] {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    min-width: 0;
}

.vacation-account-detail__title-row > div[b-ft63s1azjs] {
    min-width: 0;
}

.vacation-account-detail__worker-grid[b-ft63s1azjs] {
    align-items: center;
    display: grid;
    gap: var(--space-5);
    grid-template-columns: minmax(300px, 1.6fr) minmax(190px, .7fr) minmax(190px, .7fr);
    min-height: 86px;
    padding: var(--space-4);
}

.vacation-account-detail__person[b-ft63s1azjs] {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    min-width: 0;
}

.vacation-account-detail__avatar[b-ft63s1azjs] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 12%, var(--panel));
    border-radius: 50%;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 42px;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    height: 42px;
    justify-content: center;
    width: 42px;
}

.vacation-account-detail__person strong[b-ft63s1azjs],
.vacation-account-detail__person small[b-ft63s1azjs],
.vacation-account-detail__worker-data span[b-ft63s1azjs],
.vacation-account-detail__worker-data strong[b-ft63s1azjs],
.vacation-account-detail__worker-data small[b-ft63s1azjs] {
    display: block;
}

.vacation-account-detail__person small[b-ft63s1azjs],
.vacation-account-detail__worker-data span[b-ft63s1azjs],
.vacation-account-detail__worker-data small[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

.vacation-account-detail__person small[b-ft63s1azjs] {
    margin-top: 2px;
}

.vacation-account-detail__worker-data[b-ft63s1azjs] {
    border-left: 1px solid var(--line);
    min-width: 0;
    padding-left: var(--space-4);
}

.vacation-account-detail__worker-data span[b-ft63s1azjs] {
    font-weight: var(--weight-bold);
    letter-spacing: .035em;
    text-transform: uppercase;
}

.vacation-account-detail__worker-data strong[b-ft63s1azjs] {
    font-size: var(--text-sm);
    margin: 3px 0 2px;
}

.vacation-account-detail__indicator-grid[b-ft63s1azjs] {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.vacation-account-detail__indicator-card[b-ft63s1azjs] {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 112px;
    min-height: 112px;
    min-width: 0;
    padding: var(--space-4);
}

.vacation-account-detail__indicator-card > span[b-ft63s1azjs],
.vacation-account-detail__indicator-card > strong[b-ft63s1azjs],
.vacation-account-detail__indicator-card > small[b-ft63s1azjs] {
    display: block;
    min-width: 0;
}

.vacation-account-detail__indicator-card > strong[b-ft63s1azjs] {
    align-self: center;
}

.vacation-account-detail__indicator-card.is-primary > strong[b-ft63s1azjs] {
    color: var(--primary);
}

.vacation-account-detail__section-heading[b-ft63s1azjs] {
    align-items: center;
    background: var(--pro-surface, var(--panel));
    border-bottom: 1px solid var(--pro-border, var(--line));
    display: flex;
    justify-content: space-between;
    min-height: 48px;
    padding: var(--space-3) var(--space-4);
}

.vacation-account-detail__section-heading strong[b-ft63s1azjs],
.vacation-account-detail__section-heading small[b-ft63s1azjs] {
    display: block;
}

.vacation-account-detail__section-heading small[b-ft63s1azjs] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin-top: 2px;
}

.vacation-account-detail__period-selector[b-ft63s1azjs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    padding: var(--space-4);
}

.vacation-account-detail__period-button.stariz-crud-button[b-ft63s1azjs] {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: var(--space-2);
    height: auto;
    justify-content: flex-start;
    min-height: 54px;
    min-width: 104px;
    padding: var(--space-2) var(--space-3);
}

.vacation-account-detail__period-button span[b-ft63s1azjs],
.vacation-account-detail__period-button small[b-ft63s1azjs] {
    display: block;
}

.vacation-account-detail__period-button small[b-ft63s1azjs] {
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
    margin-top: var(--space-1);
}

.vacation-account-detail__period-copy[b-ft63s1azjs] {
    display: block;
    min-width: 0;
    text-align: left;
}

.vacation-account-detail__period-copy > strong[b-ft63s1azjs],
.vacation-account-detail__period-copy > small[b-ft63s1azjs] {
    display: block;
}

/* Regla visual STARIZ: icono/texto y acciones nunca quedan pegados. */
.vacation-account-detail .stariz-crud-button[b-ft63s1azjs] {
    gap: var(--space-2);
}

.vacation-account-detail .stariz-mini-crud-group[b-ft63s1azjs] {
    gap: var(--space-2);
}

.vacation-account-detail__movements .is-positive[b-ft63s1azjs] {
    color: var(--success);
    font-weight: var(--weight-bold);
}

.vacation-account-detail__movements .is-negative[b-ft63s1azjs] {
    color: var(--danger);
    font-weight: var(--weight-bold);
}

.vacation-account-detail__empty[b-ft63s1azjs] {
    color: var(--muted);
    margin: 0;
    padding: 24px 14px;
    text-align: center;
}

@media (max-width: 1500px) {
    .vacation-account-detail__indicator-grid[b-ft63s1azjs] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .vacation-account-detail__title-row[b-ft63s1azjs] {
        align-items: stretch;
        flex-direction: column;
    }

    .vacation-account-detail__worker-grid[b-ft63s1azjs] {
        grid-template-columns: 1fr 1fr;
    }

    .vacation-account-detail__person[b-ft63s1azjs] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .vacation-account-detail__worker-grid[b-ft63s1azjs],
    .vacation-account-detail__indicator-grid[b-ft63s1azjs] {
        grid-template-columns: 1fr;
    }

    .vacation-account-detail__worker-data[b-ft63s1azjs] {
        border-left: 0;
        border-top: 1px solid var(--line);
        padding-left: 0;
        padding-top: 9px;
    }
}
/* /Components/Modules/VacationAccounts/VacationReportsPage.razor.rz.scp.css */
.vacation-reports-page[b-z9e9cd03ae] {
    display: grid;
    gap: var(--space-3);
    min-width: 0;
}

.vacation-reports-page.is-loading[b-z9e9cd03ae] {
    opacity: .76;
    pointer-events: none;
}

.vacation-reports-page__configuration[b-z9e9cd03ae],
.vacation-reports-page__preview[b-z9e9cd03ae] {
    overflow: visible;
}

.vacation-reports-page__section-heading strong[b-z9e9cd03ae],
.vacation-reports-page__section-heading small[b-z9e9cd03ae] {
    display: block;
}

.vacation-reports-page__section-heading small[b-z9e9cd03ae] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin-top: 3px;
}

.vacation-reports-page__configuration-body[b-z9e9cd03ae] {
    display: grid;
    gap: var(--space-4);
    padding: var(--space-4);
}

.vacation-reports-page__scope[b-z9e9cd03ae] {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vacation-reports-page__scope-button.stariz-crud-button[b-z9e9cd03ae] {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: row;
    gap: var(--space-2);
    height: auto;
    justify-content: flex-start;
    min-height: 86px;
    padding: 14px;
    text-align: left;
    white-space: normal;
}

.vacation-reports-page__scope-copy[b-z9e9cd03ae] {
    display: block;
    min-width: 0;
    text-align: left;
}

.vacation-reports-page__scope-copy > strong[b-z9e9cd03ae],
.vacation-reports-page__scope-copy > small[b-z9e9cd03ae] {
    display: block;
}

.vacation-reports-page__scope-copy > strong[b-z9e9cd03ae] {
    font-size: var(--text-xs);
    margin-top: 1px;
}

.vacation-reports-page__scope-copy > small[b-z9e9cd03ae] {
    font-size: var(--text-2xs);
    font-weight: var(--weight-regular);
    line-height: 1.35;
    margin-top: var(--space-2);
    opacity: .78;
}

/* Regla visual STARIZ: 8 px entre icono/texto y entre acciones. */
.vacation-reports-page .stariz-crud-button[b-z9e9cd03ae],
.vacation-reports-page .stariz-mini-crud-group[b-z9e9cd03ae] {
    gap: var(--space-2);
}

.vacation-reports-page__form[b-z9e9cd03ae] {
    align-items: end;
}

.vacation-reports-page__checkbox-field[b-z9e9cd03ae] {
    grid-column: span 1;
}

.vacation-reports-page__checks[b-z9e9cd03ae] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3) 18px;
    min-height: 40px;
}

.vacation-reports-page__checks label[b-z9e9cd03ae] {
    align-items: center;
    display: inline-flex;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
}

.vacation-reports-page__form-actions[b-z9e9cd03ae] {
    border-top: 1px solid var(--line);
    display: flex;
    gap: var(--space-2);
    justify-content: flex-end;
    padding: var(--space-3) var(--space-4);
}

.vacation-reports-page__form-actions a[aria-disabled="True"][b-z9e9cd03ae],
.vacation-reports-page__form-actions a[aria-disabled="true"][b-z9e9cd03ae] {
    opacity: .45;
    pointer-events: none;
}

.vacation-reports-page__summary[b-z9e9cd03ae] {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vacation-reports-page__summary > .stariz-indicator-card[b-z9e9cd03ae] {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 112px;
    min-height: 112px;
    padding: var(--space-4);
}

.vacation-reports-page__summary > .stariz-indicator-card > span[b-z9e9cd03ae],
.vacation-reports-page__summary > .stariz-indicator-card > strong[b-z9e9cd03ae],
.vacation-reports-page__summary > .stariz-indicator-card > small[b-z9e9cd03ae] {
    display: block;
}

.vacation-reports-page__summary > .stariz-indicator-card > strong[b-z9e9cd03ae] {
    align-self: center;
}

.vacation-reports-page__worker-lookup[b-z9e9cd03ae] {
    display: grid;
    gap: var(--space-3);
}

.vacation-reports-page__worker-search[b-z9e9cd03ae] {
    align-items: center;
    display: flex;
    gap: var(--space-2);
}

.vacation-reports-page__worker-search > input[b-z9e9cd03ae] {
    flex: 1 1 auto;
    min-width: 0;
}

.vacation-reports-page__worker-results[b-z9e9cd03ae] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--pro-control-radius, 10px);
    overflow: hidden;
}

.vacation-reports-page__worker-results > header[b-z9e9cd03ae] {
    align-items: center;
    background: var(--surface-soft);
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    min-height: 38px;
    padding: var(--space-2) var(--space-3);
}

.vacation-reports-page__worker-results > header small[b-z9e9cd03ae],
.vacation-reports-page__worker-results > p[b-z9e9cd03ae] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

.vacation-reports-page__worker-results > p[b-z9e9cd03ae] {
    margin: 0;
    padding: 12px;
}

.vacation-reports-page__worker-result[b-z9e9cd03ae] {
    align-items: center;
    background: var(--panel);
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    color: var(--text);
    display: grid;
    gap: var(--space-3);
    grid-template-columns: 36px minmax(0, 1fr) auto;
    min-height: 54px;
    padding: 10px var(--space-3);
    text-align: left;
    width: 100%;
}

.vacation-reports-page__worker-result:last-child[b-z9e9cd03ae] {
    border-bottom: 0;
}

.vacation-reports-page__worker-result:hover[b-z9e9cd03ae],
.vacation-reports-page__worker-result:focus-visible[b-z9e9cd03ae] {
    background: var(--pro-hover);
}

.vacation-reports-page__worker-result strong[b-z9e9cd03ae],
.vacation-reports-page__worker-result small[b-z9e9cd03ae] {
    display: block;
}

.vacation-reports-page__worker-result small[b-z9e9cd03ae],
.vacation-reports-page__worker-code[b-z9e9cd03ae],
.vacation-reports-page__selected-worker small[b-z9e9cd03ae] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

.vacation-reports-page__worker-avatar[b-z9e9cd03ae] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 12%, var(--panel));
    border-radius: 50%;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 36px;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    height: 36px;
    justify-content: center;
    width: 36px;
}

.vacation-reports-page__worker-code[b-z9e9cd03ae] {
    font-weight: var(--weight-bold);
    white-space: nowrap;
}

.vacation-reports-page__selected-worker[b-z9e9cd03ae] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 6%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line));
    border-radius: var(--pro-control-radius, 10px);
    display: grid;
    gap: var(--space-3);
    grid-template-columns: 36px minmax(0, 1fr) auto;
    padding: 10px var(--space-3);
}

.vacation-reports-page__selected-worker strong[b-z9e9cd03ae],
.vacation-reports-page__selected-worker small[b-z9e9cd03ae] {
    display: block;
}

.vacation-reports-page__empty[b-z9e9cd03ae] {
    color: var(--muted);
    padding: 24px !important;
    text-align: center;
}

.vacation-reports-page__preview td strong + small[b-z9e9cd03ae] {
    color: var(--muted);
    display: block;
    font-weight: var(--weight-regular);
    margin-top: 2px;
}

@media (max-width: 1100px) {
    .vacation-reports-page__scope[b-z9e9cd03ae],
    .vacation-reports-page__summary[b-z9e9cd03ae] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .vacation-reports-page__scope[b-z9e9cd03ae],
    .vacation-reports-page__summary[b-z9e9cd03ae] {
        grid-template-columns: 1fr;
    }

    .vacation-reports-page__selected-worker[b-z9e9cd03ae],
    .vacation-reports-page__worker-result[b-z9e9cd03ae] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .vacation-reports-page__selected-worker > :last-child[b-z9e9cd03ae],
    .vacation-reports-page__worker-code[b-z9e9cd03ae] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Components/Modules/VacationAccounts/VacationTimelinePage.razor.rz.scp.css */
.vacation-timeline-page[b-er158bcxe7] {
    background: transparent;
    display: grid;
    gap: 1.15rem;
    min-width: 0;
}

.vacation-timeline-page.is-loading[b-er158bcxe7] {
    opacity: .76;
    pointer-events: none;
}

.vacation-timeline-page__heading[b-er158bcxe7] {
    align-items: flex-start;
}

.vacation-timeline-page__heading > .btn[b-er158bcxe7] {
    flex: 0 0 auto;
    min-height: 2.75rem;
}

.vacation-timeline-page__subtitle[b-er158bcxe7] {
    color: var(--muted);
    margin: .25rem 0 0;
    max-width: 920px;
}

.vacation-timeline-page__notice[b-er158bcxe7],
.vacation-timeline-page__filter-note[b-er158bcxe7] {
    background: color-mix(in srgb, var(--primary) 7%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
    border-radius: 11px;
    color: var(--text);
    font-size: var(--text-xs);
    padding: .68rem .85rem;
}

.vacation-timeline-page__filter-surface[b-er158bcxe7] {
    background: transparent;
    border: 0;
    display: grid;
    gap: .9rem;
    min-width: 0;
}

.vacation-timeline-page__filters[b-er158bcxe7] {
    align-items: end;
    display: grid;
    gap: .85rem;
    min-width: 0;
}

.vacation-timeline-page__filters--primary[b-er158bcxe7] {
    grid-template-columns: minmax(170px, .75fr) minmax(250px, 1.15fr) minmax(145px, .65fr) minmax(145px, .65fr) minmax(210px, 1fr) auto;
}

.vacation-timeline-page__filters--organization[b-er158bcxe7] {
    grid-template-columns: repeat(7, minmax(135px, 1fr));
}

.vacation-timeline-page__filters > label[b-er158bcxe7],
.vacation-timeline-page__scope[b-er158bcxe7] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.vacation-timeline-page__filters > label > span[b-er158bcxe7],
.vacation-timeline-page__scope > span[b-er158bcxe7] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .052em;
    text-transform: uppercase;
}

.vacation-timeline-page__filters > label > :is(input, select)[b-er158bcxe7] {
    min-height: 2.75rem;
    width: 100%;
}

.vacation-scope-switch[b-er158bcxe7] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: .65rem;
    margin: 0;
    min-height: 2.75rem;
    width: max-content;
}

.vacation-scope-switch__input[b-er158bcxe7] {
    appearance: none;
    block-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    inline-size: 1px;
    margin: -1px;
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.vacation-scope-switch__track[b-er158bcxe7] {
    background: #cbd5e1;
    border: 1px solid rgba(15, 23, 42, .14);
    border-radius: 999px;
    flex: 0 0 54px;
    height: 30px;
    position: relative;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
    width: 54px;
}

.vacation-scope-switch__track[b-er158bcxe7]::before {
    background: #fff;
    border-radius: 50%;
    bottom: 3px;
    box-shadow: none;
    content: "";
    height: 22px;
    left: 3px;
    position: absolute;
    transform: translateX(0);
    transition: transform .2s ease;
    width: 22px;
}

.vacation-scope-switch__input:checked + .vacation-scope-switch__track[b-er158bcxe7] {
    background: var(--stariz-glass-primary);
    border-color: var(--primary);
}

.vacation-scope-switch__input:checked + .vacation-scope-switch__track[b-er158bcxe7]::before {
    transform: translateX(24px);
}

.vacation-scope-switch__input:focus-visible + .vacation-scope-switch__track[b-er158bcxe7] {
    box-shadow: none;
}

.vacation-scope-switch__input:disabled + .vacation-scope-switch__track[b-er158bcxe7],
.vacation-scope-switch__input:disabled ~ .vacation-scope-switch__label[b-er158bcxe7] {
    cursor: not-allowed;
    opacity: .58;
}

.vacation-scope-switch__label[b-er158bcxe7] {
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    min-width: 70px;
    white-space: nowrap;
}

.vacation-scope-switch__input:checked ~ .vacation-scope-switch__label[b-er158bcxe7] {
    color: var(--primary);
}

.vacation-timeline-page__main-grid[b-er158bcxe7] {
    display: grid;
    gap: 1.15rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.vacation-timeline-page__analytics-grid[b-er158bcxe7] {
    display: grid;
    gap: 1.15rem;
    grid-template-columns: minmax(300px, .95fr) minmax(340px, 1fr) minmax(410px, 1.2fr);
    min-width: 0;
}

.vacation-timeline-chart[b-er158bcxe7] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: none;
    min-width: 0;
    overflow: hidden;
}

.vacation-timeline-chart__header[b-er158bcxe7] {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: .9rem;
    justify-content: space-between;
    min-height: 62px;
    padding: .82rem 1rem;
}

.vacation-timeline-chart__header strong[b-er158bcxe7],
.vacation-timeline-chart__header small[b-er158bcxe7] {
    display: block;
}

.vacation-timeline-chart__header strong[b-er158bcxe7] {
    font-size: var(--text-md);
    line-height: 1.25;
}

.vacation-timeline-chart__header small[b-er158bcxe7] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
    margin-top: .18rem;
}

.vacation-timeline-page__analytics-grid .vacation-timeline-chart__header[b-er158bcxe7] {
    min-height: 54px;
    padding: .68rem .85rem;
}

.vacation-timeline-page__analytics-grid .vacation-timeline-chart__header strong[b-er158bcxe7] {
    font-size: var(--text-sm);
}

.vacation-timeline-page__analytics-grid .vacation-timeline-chart__header small[b-er158bcxe7] {
    font-size: var(--text-2xs);
}

.vacation-timeline-chart__metric[b-er158bcxe7] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line));
    border-radius: 999px;
    color: var(--text);
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: .4rem .65rem;
    white-space: nowrap;
}

.vacation-timeline-chart__legend[b-er158bcxe7] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    justify-content: flex-end;
}

.vacation-timeline-chart__legend span[b-er158bcxe7] {
    align-items: center;
    color: var(--muted);
    display: inline-flex;
    font-size: var(--text-2xs);
    gap: .32rem;
    white-space: nowrap;
}

.vacation-timeline-chart__legend span[b-er158bcxe7]::before {
    border-radius: 3px;
    content: "";
    height: 8px;
    width: 8px;
}

.vacation-timeline-chart__legend .is-accrued[b-er158bcxe7]::before {
    background: var(--stariz-glass-primary);
}

.vacation-timeline-chart__legend .is-used[b-er158bcxe7]::before {
    background: color-mix(in srgb, var(--primary) 38%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--line));
}

.vacation-timeline-chart__legend .is-accumulated[b-er158bcxe7]::before {
    background: var(--stariz-glass-surface);
    border: 2px solid var(--chart-4);
    border-radius: 50%;
}

.vacation-timeline-chart__canvas[b-er158bcxe7] {
    overflow-x: auto;
    overflow-y: hidden;
}

.vacation-timeline-chart__canvas svg[b-er158bcxe7] {
    display: block;
    height: 100%;
    width: 100%;
}

.vacation-timeline-chart__canvas--combo[b-er158bcxe7],
.vacation-timeline-chart__canvas--balance[b-er158bcxe7] {
    height: 310px;
    padding: .35rem .75rem .2rem;
}

.vacation-timeline-chart__canvas--combo svg[b-er158bcxe7],
.vacation-timeline-chart__canvas--balance svg[b-er158bcxe7] {
    min-width: 720px;
}

.vacation-timeline-chart__empty[b-er158bcxe7] {
    align-items: center;
    color: var(--muted);
    display: flex;
    height: 310px;
    justify-content: center;
    padding: 1rem;
    text-align: center;
}

.vacation-timeline-chart__empty--analytics[b-er158bcxe7] {
    height: 320px;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-grid {
    stroke: color-mix(in srgb, var(--line) 70%, transparent);
    stroke-dasharray: 4 5;
    stroke-width: 1;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-axis {
    stroke: color-mix(in srgb, var(--line) 94%, transparent);
    stroke-width: 1;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-zero {
    stroke: color-mix(in srgb, var(--danger) 46%, var(--line));
    stroke-dasharray: 3 4;
    stroke-width: 1;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-axis-title,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-value-label,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-month-label,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-point-label {
    fill: var(--muted);
    font-family: inherit;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-axis-title {
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-value-label {
    font-size: var(--text-2xs);
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-month-label {
    font-size: var(--text-2xs);
    text-transform: capitalize;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-point-label {
    fill: var(--text);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-bar {
    transition: filter .16s ease, opacity .16s ease;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-bar:hover {
    filter: brightness(1.06);
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-bar--accrued {
    fill: var(--primary);
    opacity: .88;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-bar--used {
    fill: color-mix(in srgb, var(--primary) 38%, var(--panel));
    opacity: .96;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-accrued-line,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-balance-line {
    fill: none;
    stroke: var(--chart-4);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-accrued-point,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-balance-point {
    fill: var(--panel);
    stroke: var(--chart-4);
    stroke-width: 3;
    transition: fill .16s ease, stroke-width .16s ease, transform .16s ease;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target {
    cursor: pointer;
    outline: none;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target:focus-visible .chart-bar,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target:hover .chart-bar {
    filter: brightness(1.08);
    opacity: 1;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-point-hit {
    fill: transparent;
    pointer-events: all;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-point-halo {
    fill: color-mix(in srgb, var(--chart-4) 16%, transparent);
    opacity: .75;
    transition: opacity .16s ease, r .16s ease;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target--point:hover .chart-point-halo,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target--point:focus-visible .chart-point-halo {
    opacity: 1;
    r: 10px;
}

.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target--point:hover .chart-accrued-point,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target--point:hover .chart-balance-point,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target--point:focus-visible .chart-accrued-point,
.vacation-timeline-chart__canvas[b-er158bcxe7]  .chart-data-target--point:focus-visible .chart-balance-point {
    fill: #fff;
    stroke-width: 3.5;
}

.vacation-composition[b-er158bcxe7] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(150px, .8fr) minmax(190px, 1.2fr);
    min-height: 248px;
    padding: .78rem .9rem;
}

.vacation-composition__donut[b-er158bcxe7] {
    appearance: none;
    aspect-ratio: 1;
    border: 0;
    cursor: pointer;
    font: inherit;
    padding: 0;
    border-radius: 50%;
    display: grid;
    isolation: isolate;
    margin: 0 auto;
    max-width: 176px;
    min-width: 144px;
    place-items: center;
    position: relative;
    width: min(100%, 176px);
}

.vacation-composition__donut:hover[b-er158bcxe7],
.vacation-composition__donut:focus-visible[b-er158bcxe7] {
    box-shadow: none;
    outline: none;
}

.vacation-composition__donut[b-er158bcxe7]::after {
    background: var(--stariz-glass-surface);
    border-radius: 50%;
    content: "";
    inset: 25%;
    position: absolute;
    z-index: 0;
}

.vacation-composition__center[b-er158bcxe7] {
    display: grid;
    place-items: center;
    position: relative;
    z-index: 1;
}

.vacation-composition__center strong[b-er158bcxe7] {
    color: var(--text);
    font-size: var(--text-lg);
}

.vacation-composition__center span[b-er158bcxe7] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

.vacation-composition__legend[b-er158bcxe7] {
    display: grid;
    gap: .25rem;
}

.vacation-composition__legend-head[b-er158bcxe7],
.vacation-composition__legend-row[b-er158bcxe7] {
    align-items: center;
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(0, 1fr) 72px 46px;
}

.vacation-composition__legend-head[b-er158bcxe7] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .04em;
    padding: 0 0 .35rem;
    text-transform: uppercase;
}

.vacation-composition__legend-row[b-er158bcxe7] {
    appearance: none;
    background: transparent;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--line) 68%, transparent);
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: var(--text-2xs);
    padding: .38rem 0;
    text-align: left;
    width: 100%;
}

.vacation-composition__legend-row:hover[b-er158bcxe7],
.vacation-composition__legend-row:focus-visible[b-er158bcxe7] {
    background: color-mix(in srgb, var(--primary) 6%, transparent);
    outline: none;
}

.vacation-composition__legend-row > span[b-er158bcxe7] {
    align-items: center;
    display: flex;
    gap: .42rem;
    min-width: 0;
}

.vacation-composition__legend-row i[b-er158bcxe7] {
    border-radius: 50%;
    flex: 0 0 8px;
    height: 8px;
    width: 8px;
}

.composition-range--one[b-er158bcxe7] { background: var(--chart-1); }
.composition-range--two[b-er158bcxe7] { background: var(--chart-2); }
.composition-range--three[b-er158bcxe7] { background: var(--chart-3); }
.composition-range--four[b-er158bcxe7] { background: var(--chart-4); }
.composition-range--five[b-er158bcxe7] { background: var(--chart-5); }

.vacation-ranking[b-er158bcxe7] {
    display: grid;
    align-content: start;
    gap: .72rem;
    min-height: 248px;
    padding: .8rem .95rem .75rem;
}

.vacation-ranking__row[b-er158bcxe7] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: .45rem;
    grid-template-columns: 20px minmax(110px, .8fr) minmax(110px, 1.2fr) 52px;
    min-height: 30px;
    padding: .24rem .25rem;
    text-align: left;
    width: 100%;
}

.vacation-ranking__row:hover[b-er158bcxe7],
.vacation-ranking__row:focus-visible[b-er158bcxe7] {
    background: color-mix(in srgb, var(--primary) 7%, transparent);
    outline: none;
}

.vacation-ranking__position[b-er158bcxe7] {
    color: var(--muted);
    font-size: var(--text-2xs);
    text-align: right;
}

.vacation-ranking__name[b-er158bcxe7] {
    color: var(--text);
    font-size: var(--text-2xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vacation-ranking__track[b-er158bcxe7] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--primary) 12%, var(--line));
    border-radius: 4px;
    height: 11px;
    overflow: hidden;
}

.vacation-ranking__track > span[b-er158bcxe7] {
    background: color-mix(in srgb, var(--primary) 94%, var(--secondary) 6%);
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 2px;
}

.vacation-ranking__row strong[b-er158bcxe7] {
    font-size: var(--text-2xs);
    text-align: right;
}

.vacation-ranking__axis[b-er158bcxe7] {
    align-items: center;
    color: var(--muted);
    display: flex;
    font-size: var(--text-2xs);
    justify-content: space-between;
    padding-top: .15rem;
}

.vacation-heatmap-wrap[b-er158bcxe7] {
    min-height: 248px;
    overflow-x: auto;
    padding: .72rem .82rem .75rem;
}

.vacation-heatmap[b-er158bcxe7] {
    display: grid;
    gap: 2px;
    grid-template-columns: 30px repeat(31, minmax(10px, 1fr));
    min-width: 650px;
}

.vacation-heatmap__corner[b-er158bcxe7],
.vacation-heatmap__day[b-er158bcxe7],
.vacation-heatmap__month[b-er158bcxe7],
.vacation-heatmap__cell[b-er158bcxe7] {
    min-height: 11px;
}

.vacation-heatmap__day[b-er158bcxe7],
.vacation-heatmap__month[b-er158bcxe7] {
    align-items: center;
    color: var(--muted);
    display: flex;
    font-size: var(--text-2xs);
    justify-content: center;
}

.vacation-heatmap__month[b-er158bcxe7] {
    font-weight: var(--weight-bold);
    justify-content: flex-start;
    text-transform: uppercase;
}

.vacation-heatmap__cell[b-er158bcxe7] {
    appearance: none;
    background: color-mix(in srgb, var(--line) 50%, transparent);
    border: 1px solid color-mix(in srgb, var(--panel) 80%, transparent);
    border-radius: 2px;
    cursor: pointer;
    min-width: 0;
    padding: 0;
}

button.vacation-heatmap__cell:hover[b-er158bcxe7],
button.vacation-heatmap__cell:focus-visible[b-er158bcxe7] {
    border-color: var(--primary);
    box-shadow: none;
    outline: none;
    position: relative;
    z-index: 2;
}

.vacation-heatmap__cell.is-unavailable[b-er158bcxe7] {
    background: transparent;
}

.heat-level-1[b-er158bcxe7] { background: color-mix(in srgb, var(--primary) 16%, var(--panel)); }
.heat-level-2[b-er158bcxe7] { background: color-mix(in srgb, var(--primary) 32%, var(--panel)); }
.heat-level-3[b-er158bcxe7] { background: color-mix(in srgb, var(--primary) 52%, var(--panel)); }
.heat-level-4[b-er158bcxe7] { background: color-mix(in srgb, var(--primary) 72%, var(--panel)); }
.heat-level-5[b-er158bcxe7] { background: var(--stariz-glass-primary); }

.vacation-heatmap__scale[b-er158bcxe7] {
    align-items: center;
    color: var(--muted);
    display: flex;
    font-size: var(--text-2xs);
    gap: .22rem;
    justify-content: flex-end;
    min-width: 650px;
    padding-top: .45rem;
}

.vacation-heatmap__scale i[b-er158bcxe7] {
    border-radius: 2px;
    height: 10px;
    width: 24px;
}

.vacation-timeline-page__crud-flow[b-er158bcxe7],
.vacation-timeline-page__crud-flow.stariz-data-grid-surface[b-er158bcxe7] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-width: 0;
    overflow: visible;
    padding: 0;
}

.vacation-timeline-page__crud-heading[b-er158bcxe7] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.vacation-timeline-page__crud-heading strong[b-er158bcxe7],
.vacation-timeline-page__crud-heading small[b-er158bcxe7] {
    display: block;
}

.vacation-timeline-page__crud-heading strong[b-er158bcxe7] {
    font-size: var(--text-xs);
}

.vacation-timeline-page__crud-heading small[b-er158bcxe7] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin-top: .2rem;
    max-width: 980px;
}

.vacation-timeline-page__crud-heading > span[b-er158bcxe7] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    white-space: nowrap;
}

.page .vacation-timeline-page .vacation-timeline-page__table-actions[b-er158bcxe7] {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 .72rem;
    min-height: 2.55rem;
    padding-inline: 0;
}

.page .vacation-timeline-page .stariz-crud-grid[b-er158bcxe7] {
    margin-top: 0;
    max-height: 430px;
}

.vacation-timeline-page__crud-flow table[b-er158bcxe7] {
    min-width: 850px;
}

.vacation-timeline-page__crud-flow .is-positive[b-er158bcxe7] {
    color: #1b9344;
    font-weight: var(--weight-bold);
}

.vacation-timeline-page__crud-flow .is-negative[b-er158bcxe7] {
    color: var(--danger);
    font-weight: var(--weight-bold);
}

.vacation-timeline-page__table-empty[b-er158bcxe7] {
    color: var(--muted);
    padding: 2rem;
    text-align: center;
}

.vacation-chart-detail-dialog[b-er158bcxe7] {
    align-items: center;
    background: transparent;
    backdrop-filter: none;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 1270;
}

.vacation-chart-detail-dialog__surface[b-er158bcxe7] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    max-height: min(90dvh, 720px);
    overflow: hidden;
    position: relative;
    width: min(720px, 94vw);
}

.vacation-chart-detail-dialog__header[b-er158bcxe7] {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.1rem 4.75rem 1.1rem 1.25rem;
    position: relative;
}

.vacation-chart-detail-dialog__header .payroll-modal-close[b-er158bcxe7] {
    right: 1rem;
    top: 1rem;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        color .16s ease;
}

.vacation-chart-detail-dialog__header .payroll-modal-close:hover:not(:disabled)[b-er158bcxe7],
.vacation-chart-detail-dialog__header .payroll-modal-close:focus-visible[b-er158bcxe7] {
    background: color-mix(in srgb, var(--primary) 12%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
    color: var(--primary);
    outline: none;
}

.vacation-chart-detail-dialog__header .payroll-modal-close:focus-visible[b-er158bcxe7] {
    box-shadow: none;
}

.vacation-chart-detail-dialog__header h2[b-er158bcxe7] {
    font-size: var(--text-xl);
    margin: .12rem 0 .22rem;
}

.vacation-chart-detail-dialog__header p:last-child[b-er158bcxe7] {
    color: var(--muted);
    margin: 0;
}

.vacation-chart-detail-dialog__content[b-er158bcxe7] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: auto;
    padding: 1rem 1.25rem;
}

.vacation-chart-detail-dialog__metric[b-er158bcxe7] {
    background: color-mix(in srgb, var(--field) 74%, var(--panel));
    border: 1px solid var(--line);
    border-radius: 11px;
    display: grid;
    gap: .24rem;
    min-width: 0;
    padding: .85rem .9rem;
}

.vacation-chart-detail-dialog__metric.is-primary[b-er158bcxe7] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
}

.vacation-chart-detail-dialog__metric span[b-er158bcxe7] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vacation-chart-detail-dialog__metric strong[b-er158bcxe7] {
    color: var(--text);
    font-size: var(--text-lg);
    overflow-wrap: anywhere;
}

.vacation-chart-detail-dialog__metric small[b-er158bcxe7] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

@media (max-width: 1380px) {
    .vacation-timeline-page__filters--organization[b-er158bcxe7] {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
    }

    .vacation-timeline-page__analytics-grid[b-er158bcxe7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vacation-timeline-chart--heatmap[b-er158bcxe7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1120px) {
    .vacation-timeline-page__filters--primary[b-er158bcxe7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .vacation-timeline-page__filter-actions[b-er158bcxe7] {
        justify-content: flex-start;
    }

    .vacation-timeline-page__main-grid[b-er158bcxe7],
    .vacation-timeline-page__analytics-grid[b-er158bcxe7] {
        grid-template-columns: 1fr;
    }

    .vacation-timeline-chart--heatmap[b-er158bcxe7] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .vacation-timeline-page__heading[b-er158bcxe7],
    .vacation-timeline-chart__header[b-er158bcxe7],
    .vacation-timeline-page__crud-heading[b-er158bcxe7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .vacation-timeline-page__filters--primary[b-er158bcxe7],
    .vacation-timeline-page__filters--organization[b-er158bcxe7] {
        grid-template-columns: 1fr;
    }

    .vacation-timeline-page__filter-actions[b-er158bcxe7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .vacation-timeline-chart__legend[b-er158bcxe7] {
        justify-content: flex-start;
    }

    .vacation-composition[b-er158bcxe7] {
        grid-template-columns: 1fr;
    }

    .vacation-composition__donut[b-er158bcxe7] {
        max-width: 190px;
    }

    .vacation-chart-detail-dialog[b-er158bcxe7] {
        padding: 0;
    }

    .vacation-chart-detail-dialog__surface[b-er158bcxe7] {
        border-radius: 0;
        max-height: 100dvh;
        min-height: 100dvh;
        width: 100vw;
    }

    .vacation-chart-detail-dialog__content[b-er158bcxe7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Authentication/AccessDenied.razor.rz.scp.css */
.access-denied-card[b-umcptx9qe5] {
    max-width: 620px;
}
/* /Components/Pages/Authentication/AccountActivation.razor.rz.scp.css */
.account-activation-shell[b-odto7qpska] {
    min-height: 100vh;
    padding: 32px 20px;
}

.account-activation-card[b-odto7qpska] {
    width: min(680px, 100%);
    margin: 0 auto;
    padding: 28px;
}

.account-activation-header[b-odto7qpska] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.account-activation-header h1[b-odto7qpska] {
    margin: 2px 0 6px;
    font-size: var(--text-3xl);
}

.account-activation-header p[b-odto7qpska] {
    margin: 0;
}

.account-activation-mark[b-odto7qpska] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--accent, #334155);
    color: white;
    font-weight: var(--weight-bold);
    font-size: var(--text-2xl);
}

.account-activation-eyebrow[b-odto7qpska] {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    opacity: .72;
}

.account-activation-loading[b-odto7qpska],
.account-activation-complete[b-odto7qpska] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    text-align: center;
}

.account-activation-complete[b-odto7qpska] {
    flex-direction: column;
}

.account-activation-identity[b-odto7qpska],
.account-activation-stage[b-odto7qpska] {
    display: grid;
    gap: 14px;
}

.account-activation-identity[b-odto7qpska] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 20px;
}

.account-activation-stage[b-odto7qpska] {
    padding-top: 20px;
}

.account-activation-stage h2[b-odto7qpska] {
    margin: 0;
    font-size: var(--text-xl);
}

.account-activation-stage p[b-odto7qpska],
.account-activation-stage small[b-odto7qpska] {
    margin: 0;
}

.account-activation-stage .btn[b-odto7qpska],
.account-activation-complete .btn[b-odto7qpska] {
    justify-self: start;
}

.account-activation-progress[b-odto7qpska] {
    display: grid;
    grid-template-columns: 32px 1fr 32px 1fr 32px;
    align-items: center;
    margin: 12px 0 22px;
}

.account-activation-progress span[b-odto7qpska] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid currentColor;
    opacity: .45;
    font-weight: var(--weight-bold);
}

.account-activation-progress span.is-active[b-odto7qpska],
.account-activation-progress span.is-complete[b-odto7qpska] {
    opacity: 1;
}

.account-activation-progress span.is-complete[b-odto7qpska] {
    background: var(--accent, #334155);
    color: white;
}

.account-activation-progress i[b-odto7qpska] {
    height: 1px;
    background: currentColor;
    opacity: .25;
}

@media (max-width: 640px) {
    .account-activation-card[b-odto7qpska] {
        padding: 22px 18px;
    }

    .account-activation-identity[b-odto7qpska] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Authentication/ChangePin.razor.rz.scp.css */
.change-pin-card[b-92s2ac6hf1] {
    max-width: 760px;
    width: 100%;
    display: grid;
    gap: 20px;
}

.change-pin-card header[b-92s2ac6hf1],
.change-pin-card form[b-92s2ac6hf1],
.change-pin-card label[b-92s2ac6hf1] {
    display: grid;
    gap: 9px;
}

.change-pin-card header h1[b-92s2ac6hf1],
.change-pin-card header p[b-92s2ac6hf1] {
    margin: 0;
}

.change-pin-card form[b-92s2ac6hf1] {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 20px;
    border: 1px solid #dce3ee;
    border-radius: 14px;
    background: #fbfcff;
}

.change-pin-card label span[b-92s2ac6hf1] {
    color: #26354e;
    font-weight: 700;
}

.change-pin-card input[b-92s2ac6hf1] {
    width: 100%;
    box-sizing: border-box;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #cfd8e6;
    border-radius: 11px;
    background: #fff;
    color: #18243a;
    font: inherit;
}

.change-pin-card input:focus[b-92s2ac6hf1] {
    border-color: #3d6dd8;
    box-shadow: 0 0 0 3px rgba(61, 109, 216, .13);
    outline: none;
}

.change-pin-card button[b-92s2ac6hf1] {
    min-height: 46px;
    min-width: 220px;
    width: auto;
    margin-top: 10px;
    padding: 0 24px;
    justify-self: end;
    border: 1px solid #2858c1;
    border-radius: 11px;
    background: #2858c1;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.change-pin-actions[b-92s2ac6hf1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
    margin-top: 10px;
}

.change-pin-actions button[b-92s2ac6hf1] {
    grid-column: 2;
    justify-self: end;
    margin-top: 0;
}

.change-pin-alert[b-92s2ac6hf1] {
    max-width: 520px;
    padding: 12px 14px;
    border: 1px solid #e4b4b4;
    border-radius: 10px;
    background: #fff2f2;
    color: #8f2020;
}

@media (max-width: 600px) {
    .change-pin-card form[b-92s2ac6hf1] {
        width: 100%;
        padding: 18px;
    }

    .change-pin-card button[b-92s2ac6hf1] {
        width: 100%;
        min-width: 0;
    }

    .change-pin-actions[b-92s2ac6hf1] { width: 100%; }

    .change-pin-actions[b-92s2ac6hf1] {
        grid-template-columns: 1fr;
    }

    .change-pin-actions button[b-92s2ac6hf1] {
        grid-column: 1;
        justify-self: stretch;
    }
}
/* /Components/Pages/Authentication/Login.razor.rz.scp.css */
/* Normalización: el login usa una hoja global versionada para evitar conflictos de CSS Isolation. */
/* /Components/Pages/Authentication/LoginLayout.razor.rz.scp.css */
.login-only-layout[b-q4gmyifs47] {
    display: block;
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 1;
}
/* /Components/Pages/Authentication/PinRecoveryStart.razor.rz.scp.css */
.pin-recovery-shell[b-elezpoie7e] {
    /* Contrato visual base del login para controles reutilizados en recuperación. */
    --login-accent: #146be8;
    --login-accent-strong: #0b5ed7;
    --login-accent-contrast: #ffffff;
    --login-text: #101828;
    --login-muted: #667085;
    --login-line: #d9e0e9;
    --login-control: #ffffff;
    --login-disabled: #f3f5f8;
    --login-disabled-text: #8b96a8;
    --login-focus: color-mix(in srgb, var(--login-accent) 17%, transparent);
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px 20px;
    background: radial-gradient(circle at 50% 0%, #eef4ff 0, #f7f9fc 46%, #eef2f7 100%);
}

.pin-recovery-card[b-elezpoie7e] {
    width: min(100%, 520px);
    display: grid;
    gap: 24px;
    padding: 34px;
    border: 1px solid #dce3ee;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(31, 51, 83, .12);
}

.pin-recovery-brand[b-elezpoie7e] {
    display: block;
    width: 156px;
    margin: 0 auto;
}

.pin-recovery-brand img[b-elezpoie7e] {
    display: block;
    width: 100%;
    height: auto;
}

.pin-recovery-card header[b-elezpoie7e] {
    display: grid;
    gap: 10px;
    text-align: center;
}

.pin-recovery-badge[b-elezpoie7e] {
    justify-self: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eaf1ff;
    color: #2352b7;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .08em;
}

.pin-recovery-card h1[b-elezpoie7e] {
    margin: 0;
    color: #18243a;
    font-size: var(--text-3xl);
    line-height: 1.15;
}

.pin-recovery-card header p[b-elezpoie7e] {
    margin: 0;
    color: #5e6c82;
    line-height: 1.6;
}

.pin-recovery-alert[b-elezpoie7e],
.pin-recovery-actions[b-elezpoie7e] {
    display: grid;
    gap: 10px;
}

/* El formulario y el campo reutilizan el contrato global del login.
   Se conserva sólo la clase local como identificador del módulo. */
.pin-recovery-form.stariz-login-form[b-elezpoie7e] {
    gap: 18px;
}

.pin-recovery-field.stariz-login-field[b-elezpoie7e] {
    gap: 7px;
}

.pin-recovery-field[b-elezpoie7e]  .validation-message {
    color: #a12a2a;
    font-size: var(--text-xs);
}

.pin-recovery-button[b-elezpoie7e] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border: 1px solid #2858c1;
    border-radius: 11px;
    background: #2858c1;
    color: #fff;
    font: inherit;
    font-weight: var(--weight-bold);
    text-decoration: none;
    cursor: pointer;
}

.pin-recovery-button:disabled[b-elezpoie7e] {
    cursor: wait;
    opacity: .7;
}

/* El submit de recuperación reutiliza exactamente el contrato visual del login. */
.pin-recovery-login-action[b-elezpoie7e] {
    --login-accent: #146be8;
    --login-accent-contrast: #ffffff;
    --login-line: #d9e0e9;
    --login-disabled: #f3f5f8;
    --login-disabled-text: #8b96a8;
    --login-focus: color-mix(in srgb, var(--login-accent) 17%, transparent);
}

.pin-recovery-login-action__content[b-elezpoie7e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
}

.pin-recovery-button--secondary[b-elezpoie7e] {
    border-color: #cbd5e4;
    background: #fff;
    color: #32415a;
}

.pin-recovery-alert[b-elezpoie7e] {
    padding: 14px 15px;
    border-radius: 11px;
    line-height: 1.45;
}

.pin-recovery-alert small[b-elezpoie7e] {
    overflow-wrap: anywhere;
}

.pin-recovery-alert--success[b-elezpoie7e] {
    border: 1px solid #a9dfc3;
    background: #edf9f3;
    color: #17633d;
}

.pin-recovery-alert--error[b-elezpoie7e] {
    border: 1px solid #efbcbc;
    background: #fff3f3;
    color: #8f2525;
}

.pin-recovery-back[b-elezpoie7e] {
    justify-self: center;
    color: #315dbb;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    text-decoration: none;
}

.pin-recovery-spinner[b-elezpoie7e] {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255, 255, 255, .42);
    border-top-color: #fff;
    border-radius: 50%;
    animation: pin-recovery-spin-b-elezpoie7e .8s linear infinite;
}

@keyframes pin-recovery-spin-b-elezpoie7e {
    to { transform: rotate(360deg); }
}

@media (max-width: 560px) {
    .pin-recovery-shell[b-elezpoie7e] { padding: 16px; }
    .pin-recovery-card[b-elezpoie7e] { padding: 24px 20px; border-radius: 16px; }
}
/* /Components/Pages/Authentication/PinRecoveryValidation.razor.rz.scp.css */
.pin-validation-shell[b-9sjx5apbrw] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px 20px;
    background: radial-gradient(circle at 50% 0%, #eef4ff 0, #f7f9fc 46%, #eef2f7 100%);
}

.pin-validation-card[b-9sjx5apbrw] {
    width: min(100%, 560px);
    display: grid;
    gap: 22px;
    padding: 34px;
    border: 1px solid #dce3ee;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(31, 51, 83, .12);
}

.pin-validation-brand[b-9sjx5apbrw] {
    display: block;
    width: 156px;
    margin: 0 auto;
}

.pin-validation-brand img[b-9sjx5apbrw] { display: block; width: 100%; height: auto; }

.pin-validation-card header[b-9sjx5apbrw] { display: grid; gap: 10px; text-align: center; }
.pin-validation-card h1[b-9sjx5apbrw] { margin: 0; color: #18243a; font-size: var(--text-3xl); line-height: 1.15; }
.pin-validation-card header p[b-9sjx5apbrw],
.pin-validation-form p[b-9sjx5apbrw] { margin: 0; color: #5e6c82; line-height: 1.55; }

.pin-validation-badge[b-9sjx5apbrw] {
    justify-self: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eaf1ff;
    color: #2352b7;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .08em;
}

.pin-validation-summary[b-9sjx5apbrw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 16px;
    padding: 14px 16px;
    border: 1px solid #dce3ee;
    border-radius: 12px;
    background: #f8faff;
    color: #66748a;
    font-size: var(--text-sm);
}

.pin-validation-summary strong[b-9sjx5apbrw] { color: #26354e; text-align: right; overflow-wrap: anywhere; }

.pin-validation-form[b-9sjx5apbrw],
.pin-validation-form label[b-9sjx5apbrw],
.pin-validation-alert[b-9sjx5apbrw],
.pin-validation-actions[b-9sjx5apbrw],
.pin-validation-wait[b-9sjx5apbrw],
.pin-validation-status[b-9sjx5apbrw] { display: grid; gap: 10px; }

.pin-validation-form[b-9sjx5apbrw] {
    margin-top: 4px;
    padding: 18px;
    border: 1px solid #dce3ee;
    border-radius: 14px;
    background: #fbfcff;
}

.pin-validation-form .pin-validation-button[b-9sjx5apbrw] {
    min-width: 190px;
    margin-top: 8px;
    justify-self: end;
}

.pin-validation-module-actions[b-9sjx5apbrw] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    padding: 0 2px;
}

.pin-validation-module-actions .pin-validation-button[b-9sjx5apbrw] {
    min-width: 170px;
}

.pin-validation-form h2[b-9sjx5apbrw] { margin: 0; color: #24334c; font-size: var(--text-xl); }
.pin-validation-form label > span:first-child[b-9sjx5apbrw] { color: #26354e; font-size: var(--text-sm); font-weight: var(--weight-bold); }

.pin-validation-form input[b-9sjx5apbrw] {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #cfd8e6;
    border-radius: 11px;
    background: #fff;
    color: #18243a;
    font: inherit;
    outline: none;
}

.pin-validation-form input:focus[b-9sjx5apbrw] {
    border-color: #3d6dd8;
    box-shadow: 0 0 0 3px rgba(61, 109, 216, .13);
}

.pin-validation-form[b-9sjx5apbrw]  .validation-message { color: #a12a2a; font-size: var(--text-xs); }

.pin-validation-button[b-9sjx5apbrw] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border: 1px solid #2858c1;
    border-radius: 11px;
    background: #2858c1;
    color: #fff;
    font: inherit;
    font-weight: var(--weight-bold);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.pin-validation-button:disabled[b-9sjx5apbrw] { cursor: wait; opacity: .7; }
.pin-validation-button--secondary[b-9sjx5apbrw] { border-color: #cbd5e4; background: #fff; color: #32415a; }

.pin-validation-alert[b-9sjx5apbrw],
.pin-validation-wait[b-9sjx5apbrw],
.pin-validation-status[b-9sjx5apbrw] {
    padding: 14px 15px;
    border-radius: 11px;
    line-height: 1.45;
}

.pin-validation-alert--success[b-9sjx5apbrw] { border: 1px solid #a9dfc3; background: #edf9f3; color: #17633d; }
.pin-validation-alert--error[b-9sjx5apbrw] { border: 1px solid #efbcbc; background: #fff3f3; color: #8f2525; }
.pin-validation-alert--info[b-9sjx5apbrw],
.pin-validation-wait[b-9sjx5apbrw] { border: 1px solid #b9cdf3; background: #f0f5ff; color: #294f98; }
.pin-validation-status[b-9sjx5apbrw] { grid-template-columns: auto 1fr; align-items: center; color: #44536a; }

.pin-validation-spinner[b-9sjx5apbrw] {
    width: 18px;
    height: 18px;
    border: 2px solid #cad5e7;
    border-top-color: #2858c1;
    border-radius: 50%;
    animation: pin-validation-spin-b-9sjx5apbrw .8s linear infinite;
}

@keyframes pin-validation-spin-b-9sjx5apbrw { to { transform: rotate(360deg); } }

@media (max-width: 600px) {
    .pin-validation-shell[b-9sjx5apbrw] { padding: 16px; }
    .pin-validation-card[b-9sjx5apbrw] { padding: 24px 20px; border-radius: 16px; }
    .pin-validation-summary[b-9sjx5apbrw] { grid-template-columns: 1fr; }
    .pin-validation-summary strong[b-9sjx5apbrw] { text-align: left; }
    .pin-validation-form .pin-validation-button[b-9sjx5apbrw],
    .pin-validation-module-actions .pin-validation-button[b-9sjx5apbrw] { width: 100%; }
}
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-card[b-6krerl6t3u] {
    max-width: 960px;
}
/* /Components/Pages/Dashboard/EmployeeOperationsDashboardPanel.razor.rz.scp.css */
.employee-operations[b-633u99o6tc] {
    --employee-surface-line: color-mix(in srgb, var(--muted, #64748b) 24%, transparent);
    --employee-row-line: color-mix(in srgb, var(--muted, #64748b) 13%, transparent);
    --employee-header-bg: color-mix(in srgb, var(--muted, #64748b) 7%, var(--panel));
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.employee-operations.is-loading[b-633u99o6tc] {
    opacity: .72;
    pointer-events: none;
}

.employee-operations-access[b-633u99o6tc] {
    max-width: 960px;
}

.employee-operations__heading[b-633u99o6tc],
.employee-operations__filters[b-633u99o6tc],
.employee-operations__kpi[b-633u99o6tc],
.employee-operations__secondary[b-633u99o6tc],
.employee-operations__card[b-633u99o6tc] {
    border: 1px solid var(--employee-surface-line);
    background: var(--stariz-glass-surface);
    box-shadow: none;
}

.employee-operations__heading[b-633u99o6tc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-radius: 1.1rem;
}

.employee-operations__heading h1[b-633u99o6tc],
.employee-operations__card h2[b-633u99o6tc] {
    margin: .18rem 0 .35rem;
    color: var(--text);
}

.employee-operations__heading h1[b-633u99o6tc] {
    font-size: var(--text-2xl);
}

.employee-operations__heading p:last-child[b-633u99o6tc],
.employee-operations__card header span[b-633u99o6tc],
.employee-operations__kpi small[b-633u99o6tc],
.employee-operations__secondary small[b-633u99o6tc],
.employee-operations__identity small[b-633u99o6tc] {
    color: var(--muted);
}


.employee-operations__scope-actions[b-633u99o6tc] {
    display: grid;
    justify-items: end;
    gap: .5rem;
}

.employee-operations__back[b-633u99o6tc] {
    min-height: 2rem;
    padding: .42rem .72rem;
    border: 1px solid color-mix(in srgb, var(--primary) 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 7%, var(--panel));
    color: var(--primary);
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    cursor: pointer;
}

.employee-operations__back:hover[b-633u99o6tc] {
    background: color-mix(in srgb, var(--primary) 13%, var(--panel));
}

.employee-operations__action-column[b-633u99o6tc] {
    width: 1%;
    min-width: 118px;
    text-align: right;
    vertical-align: middle;
}

.employee-operations__scope[b-633u99o6tc] {
    max-width: 28rem;
    padding: .58rem .78rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 9%, transparent);
    color: var(--primary);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    text-align: right;
}

.employee-operations__filters[b-633u99o6tc] {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    padding: 1rem;
    border-radius: 1rem;
}

.employee-operations__field[b-633u99o6tc] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.employee-operations__field span[b-633u99o6tc],
.employee-operations__field > label[b-633u99o6tc],
.employee-operations__identity > span[b-633u99o6tc] {
    color: var(--muted);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    letter-spacing: .04em;
    line-height: 1rem;
    min-height: 1rem;
    text-transform: uppercase;
}

.employee-operations__field > label[b-633u99o6tc] {
    display: block;
}

.employee-operations__field input[b-633u99o6tc],
.employee-operations__field select[b-633u99o6tc] {
    width: 100%;
    min-height: 2.65rem;
    padding: .56rem .72rem;
    border: 1px solid var(--line);
    border-radius: .72rem;
    background: var(--stariz-glass-surface);
    color: var(--text);
    font: inherit;
}

.employee-operations__field input:focus[b-633u99o6tc],
.employee-operations__field select:focus[b-633u99o6tc] {
    outline: 3px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-color: color-mix(in srgb, var(--primary) 55%, transparent);
}

.employee-operations__period-control[b-633u99o6tc] {
    min-width: 0;
    position: relative;
    width: 100%;
}

.employee-operations__period-control input[b-633u99o6tc] {
    min-width: 0;
    padding-right: 5.35rem;
}

.employee-operations__period-control > .stariz-crud-button[data-action="apply"][b-633u99o6tc] {
    margin-top: .5rem;
}

.employee-operations__period-control .btn[b-633u99o6tc] {
    bottom: .3rem;
    min-height: 0;
    padding: .34rem .65rem;
    position: absolute;
    right: .3rem;
    top: .3rem;
    white-space: nowrap;
    width: auto;
}

.employee-operations__field-help[b-633u99o6tc],
.employee-operations__field-error[b-633u99o6tc] {
    font-size: var(--text-xs);
    line-height: 1.35;
}

.employee-operations__field-help[b-633u99o6tc] {
    color: var(--muted);
}

.employee-operations__field-error[b-633u99o6tc] {
    color: var(--danger);
    font-weight: var(--weight-bold);
}

.employee-operations__identity[b-633u99o6tc] {
    grid-column: 2 / -1;
    display: grid;
    gap: .2rem;
    align-content: center;
    min-height: 2.65rem;
    padding: .6rem .8rem;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--primary) 7%, transparent);
}

.employee-operations__warning[b-633u99o6tc] {
    padding: .75rem .9rem;
    border: 1px solid rgba(217, 119, 6, .22);
    border-radius: .85rem;
    background: rgba(245, 158, 11, .08);
    color: #92400e;
    font-size: var(--text-sm);
}

.employee-operations__kpis[b-633u99o6tc] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.employee-operations__kpi[b-633u99o6tc] {
    display: grid;
    align-content: start;
    gap: .35rem;
    min-height: 8rem;
    padding: .95rem;
    border-radius: 1rem;
}

.employee-operations__kpi--accent[b-633u99o6tc] {
    border-color: var(--employee-surface-line);
    background: var(--stariz-glass-surface);
}

.employee-operations__kpi-icon[b-633u99o6tc],
.employee-operations__secondary-icon[b-633u99o6tc],
.employee-operations__card-icon[b-633u99o6tc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--primary-soft);
    color: var(--primary);
}

.employee-operations__kpi-icon[b-633u99o6tc] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
}

.employee-operations__secondary-icon[b-633u99o6tc] {
    width: 28px;
    height: 28px;
    margin-bottom: .12rem;
    border-radius: 8px;
}

.employee-operations__card-title[b-633u99o6tc] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    min-width: 0;
}

.employee-operations__card-icon[b-633u99o6tc] {
    width: 32px;
    height: 32px;
    margin-top: .08rem;
    border-radius: 9px;
}

.employee-operations__kpi > span:not(.employee-operations__kpi-icon)[b-633u99o6tc],
.employee-operations__secondary article > span:not(.employee-operations__secondary-icon)[b-633u99o6tc] {
    color: var(--muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

.employee-operations__kpi strong[b-633u99o6tc] {
    color: var(--text);
    font-size: var(--text-2xl);
    line-height: 1.15;
}

.employee-operations__secondary[b-633u99o6tc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
    border-radius: 1rem;
    overflow: hidden;
}

.employee-operations__secondary article[b-633u99o6tc] {
    display: grid;
    gap: .22rem;
    padding: .82rem 1rem;
    border-right: 0;
}

.employee-operations__secondary article:last-child[b-633u99o6tc] {
    border-right: 0;
}

.employee-operations__secondary strong[b-633u99o6tc] {
    color: var(--text);
    font-size: var(--text-lg);
}

.employee-operations__grid[b-633u99o6tc] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr);
    gap: 1rem;
}

.employee-operations__card[b-633u99o6tc] {
    min-width: 0;
    padding: 1rem;
    border-radius: 1rem;
}

.employee-operations__card > header[b-633u99o6tc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.employee-operations__card h2[b-633u99o6tc] {
    font-size: var(--text-lg);
}

.employee-operations__trend[b-633u99o6tc] {
    display: grid;
    gap: .65rem;
}

.employee-operations__trend-row[b-633u99o6tc] {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr) 2.5rem;
    align-items: center;
    gap: .7rem;
}

.employee-operations__trend-label[b-633u99o6tc] {
    color: var(--muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
}

.employee-operations__trend-bars[b-633u99o6tc] {
    display: grid;
    gap: .18rem;
    min-height: 1.25rem;
}

.employee-operations__bar[b-633u99o6tc] {
    display: block;
    min-width: 2px;
    height: .18rem;
    border-radius: 999px;
}

.employee-operations__bar--absence[b-633u99o6tc],
.employee-operations__legend-dot--absence[b-633u99o6tc] {
    background: var(--danger);
}

.employee-operations__bar--license[b-633u99o6tc],
.employee-operations__legend-dot--license[b-633u99o6tc] {
    background: var(--chart-4);
}

.employee-operations__bar--vacation[b-633u99o6tc],
.employee-operations__legend-dot--vacation[b-633u99o6tc] {
    background: var(--chart-2);
}

.employee-operations__bar--permission[b-633u99o6tc],
.employee-operations__legend-dot--permission[b-633u99o6tc] {
    background: var(--warning);
}

.employee-operations__legend[b-633u99o6tc] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1rem;
    margin-top: .9rem;
    color: var(--muted);
    font-size: var(--text-xs);
}

.employee-operations__legend span[b-633u99o6tc] {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
}

.employee-operations__legend-dot[b-633u99o6tc] {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
}

.employee-operations__movement-list[b-633u99o6tc] {
    display: grid;
    gap: .2rem;
    max-height: 21rem;
    overflow: auto;
    padding-right: .2rem;
}

.employee-operations__movement[b-633u99o6tc] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .65rem;
    padding: .62rem 0;
    border-bottom: 1px solid var(--line);
}

.employee-operations__movement:last-child[b-633u99o6tc] {
    border-bottom: 0;
}

.employee-operations__movement-type[b-633u99o6tc] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: .65rem;
    background: color-mix(in srgb, var(--primary) 9%, transparent);
    color: var(--primary);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
}

.employee-operations__movement > div[b-633u99o6tc] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.employee-operations__movement span[b-633u99o6tc],
.employee-operations__movement small[b-633u99o6tc] {
    overflow: hidden;
    color: var(--muted);
    font-size: var(--text-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Normalización: ambos listados reutilizan el formato global de DataGrid.
   La clase table-wrap activa tipografía, cabecera, densidad y protección global. */
.employee-operations__table-card[b-633u99o6tc] {
    padding: 1rem;
    overflow: hidden;
}

.employee-operations__table-card > header[b-633u99o6tc] {
    margin: 0 0 .9rem;
    padding: 0;
}

.employee-operations__table-wrap[b-633u99o6tc] {
    width: 100%;
    border: 0;
    border-radius: 0;
    overflow: auto;
}

.employee-operations__table-wrap table[b-633u99o6tc] {
    min-width: 820px;
}

.employee-operations__table-wrap td:first-child[b-633u99o6tc] {
    min-width: 13rem;
}

.employee-operations__table-wrap td:first-child strong[b-633u99o6tc],
.employee-operations__table-wrap td:first-child small[b-633u99o6tc] {
    display: block;
}

.employee-operations__table-wrap td:first-child small[b-633u99o6tc] {
    margin-top: .16rem;
    color: var(--muted);
}


.employee-operations__table-wrap table thead th[b-633u99o6tc] {
    background: var(--employee-header-bg);
    border-bottom: 1px solid var(--employee-row-line);
}

.employee-operations__table-wrap table tbody td[b-633u99o6tc] {
    border-bottom: 1px solid var(--employee-row-line);
    font-size: var(--text-sm);
}

.employee-operations__table-wrap table tbody tr:last-child td[b-633u99o6tc] {
    border-bottom: 0;
}

.employee-operations__action-column .btn[b-633u99o6tc] {
    background: transparent;
    border: 1px solid var(--employee-surface-line);
    border-radius: 999px;
    color: var(--text);
    min-height: 2.05rem;
}

.employee-operations__action-column .btn:hover:not(:disabled)[b-633u99o6tc],
.employee-operations__action-column .btn:focus-visible[b-633u99o6tc] {
    background: color-mix(in srgb, var(--muted, #64748b) 7%, var(--panel));
    border-color: color-mix(in srgb, var(--muted, #64748b) 38%, transparent);
    color: var(--text);
}

.employee-operations__pager[b-633u99o6tc] {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 12px;
    justify-content: flex-start;
    margin-top: 18px;
    max-width: 100%;
    overflow-x: auto;
}

.employee-operations__pager .btn[b-633u99o6tc],
.employee-operations__pager > span[b-633u99o6tc] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.employee-operations__empty[b-633u99o6tc] {
    margin: 0;
    padding: 1rem;
    color: var(--muted);
    font-size: var(--text-sm);
}

@media (max-width: 1280px) {
    .employee-operations__kpis[b-633u99o6tc] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .employee-operations__filters[b-633u99o6tc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .employee-operations__identity[b-633u99o6tc] {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .employee-operations__heading[b-633u99o6tc],
    .employee-operations__card > header[b-633u99o6tc] {
        align-items: stretch;
        flex-direction: column;
    }

    .employee-operations__scope-actions[b-633u99o6tc] {
        justify-items: start;
    }

    .employee-operations__scope[b-633u99o6tc] {
        max-width: none;
        text-align: left;
    }

    .employee-operations__grid[b-633u99o6tc] {
        grid-template-columns: 1fr;
    }

    .employee-operations__secondary[b-633u99o6tc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .employee-operations__secondary article[b-633u99o6tc] {
        border-bottom: 0;
    }
}

@media (max-width: 620px) {
    .employee-operations__filters[b-633u99o6tc],
    .employee-operations__kpis[b-633u99o6tc],
    .employee-operations__secondary[b-633u99o6tc] {
        grid-template-columns: 1fr;
    }

    .employee-operations__secondary article[b-633u99o6tc] {
        border-right: 0;
    }
}
/* /Components/Pages/Dashboard/Home.razor.rz.scp.css */
/*
   Resumen general — tarjetas estáticas, planas y sin efectos decorativos.
   Normalización: elimina sombras, elevación, animaciones y cambios visuales al hover.
*/
.summary-dashboard[b-wzblascw8q] {
    --summary-warning: #f59e0b;
    --summary-danger: #ef4444;
    --summary-primary-soft: rgba(37, 99, 235, 0.14);
    --summary-warning-soft: rgba(245, 158, 11, 0.14);
    --summary-danger-soft: rgba(239, 68, 68, 0.14);
    display: grid;
    gap: 16px;
}

.summary-dashboard-heading[b-wzblascw8q] {
    align-items: flex-end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.summary-dashboard-heading h1[b-wzblascw8q] {
    font-size: var(--text-3xl);
    letter-spacing: -0.04em;
    margin: 0;
}

.summary-dashboard-heading p:not(.eyebrow)[b-wzblascw8q] {
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.55;
    margin: 5px 0 0;
    max-width: 760px;
}

.summary-dashboard-period[b-wzblascw8q] {
    align-items: center;
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--text-xs);
    gap: 8px;
    padding: 8px 11px;
    white-space: nowrap;
}

.summary-dashboard-period svg[b-wzblascw8q] {
    color: var(--primary);
    fill: none;
    height: 14px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 14px;
}

.summary-dashboard-period strong[b-wzblascw8q] {
    color: var(--text);
}

.home-analytics-section[b-wzblascw8q] {
    /* Separa visualmente el resumen ejecutivo del módulo de analítica. */
    margin-top: 28px;
}

.summary-kpi-grid[b-wzblascw8q] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.summary-kpi-card[b-wzblascw8q] {
    align-items: center;
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 14px;
    display: grid;
    gap: 0 10px;
    grid-template-columns: 34px minmax(0, 1fr);
    isolation: isolate;
    min-width: 0;
    overflow: hidden;
    padding: 14px;
    position: relative;
    box-shadow: none;
    filter: none;
    transform: none;
    transition: none;
}

.summary-kpi-card[b-wzblascw8q]::before {
    background: var(--stariz-glass-primary);
    content: "";
    inset: 0 auto 0 0;
    opacity: 0.72;
    position: absolute;
    width: 3px;
}

.summary-kpi-card[b-wzblascw8q]::after {
    background: var(--summary-primary-soft);
    border-radius: inherit;
    content: "";
    filter: blur(13px);
    inset: 9px 11px -12px;
    opacity: 0;
    position: absolute;
    transform: none;
    transition: none;
    z-index: -1;
}

.summary-kpi-card--attention[b-wzblascw8q]::before {
    background: var(--summary-warning);
}

.summary-kpi-card--attention[b-wzblascw8q]::after {
    background: var(--summary-warning-soft);
}

.summary-kpi-card--risk[b-wzblascw8q]::before {
    background: var(--summary-danger);
}

.summary-kpi-card--risk[b-wzblascw8q]::after {
    background: var(--summary-danger-soft);
}

.summary-kpi-card__icon[b-wzblascw8q] {
    align-items: center;
    background: var(--summary-primary-soft);
    border-radius: 9px;
    color: var(--primary);
    display: grid;
    grid-row: span 2;
    height: 34px;
    justify-items: center;
    transition: none;
    width: 34px;
}

.summary-kpi-card--attention .summary-kpi-card__icon[b-wzblascw8q] {
    background: var(--summary-warning-soft);
    color: var(--summary-warning);
}

.summary-kpi-card--risk .summary-kpi-card__icon[b-wzblascw8q] {
    background: var(--summary-danger-soft);
    color: var(--summary-danger);
}

.summary-kpi-card__icon svg[b-wzblascw8q] {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 17px;
}

.summary-kpi-card > span:not(.summary-kpi-card__icon)[b-wzblascw8q] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: 0.065em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: none;
    white-space: nowrap;
}

.summary-kpi-card strong[b-wzblascw8q] {
    font-size: var(--text-2xl);
    letter-spacing: -0.05em;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: none;
    white-space: nowrap;
}

.summary-kpi-card small[b-wzblascw8q] {
    color: var(--muted);
    font-size: var(--text-2xs);
    grid-column: 1 / -1;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Normalización: las tarjetas no reaccionan al paso del mouse. */
@media (hover: hover) and (pointer: fine) {
    .summary-kpi-card:hover[b-wzblascw8q] {
        background: var(--stariz-glass-surface);
        border-color: var(--line);
        box-shadow: none;
        filter: none;
        transform: none;
        animation: none;
    }

    .summary-kpi-card:hover[b-wzblascw8q]::after {
        display: none;
        opacity: 0;
    }

    .summary-kpi-card:hover .summary-kpi-card__icon[b-wzblascw8q],
    .summary-kpi-card:hover strong[b-wzblascw8q],
    .summary-kpi-card:hover > span:not(.summary-kpi-card__icon)[b-wzblascw8q] {
        transform: none;
    }
}

@media (max-width: 1420px) {
    .summary-kpi-grid[b-wzblascw8q] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1020px) {
    .summary-dashboard-heading[b-wzblascw8q] {
        align-items: flex-start;
        flex-direction: column;
    }

    .summary-dashboard-period[b-wzblascw8q] {
        white-space: normal;
    }
}

@media (max-width: 680px) {
    .summary-kpi-grid[b-wzblascw8q] {
        grid-template-columns: 1fr;
    }

    .summary-kpi-card[b-wzblascw8q] {
        padding: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .summary-kpi-card[b-wzblascw8q],
    .summary-kpi-card[b-wzblascw8q]::after,
    .summary-kpi-card__icon[b-wzblascw8q],
    .summary-kpi-card strong[b-wzblascw8q],
    .summary-kpi-card > span:not(.summary-kpi-card__icon)[b-wzblascw8q] {
        animation: none;
        transition: none;
    }

    .summary-kpi-card[b-wzblascw8q],
    .summary-kpi-card:hover[b-wzblascw8q] {
        transform: none;
    }

    .summary-kpi-card[b-wzblascw8q]::after {
        display: none;
    }
}

/* Home: período operativo integrado en el encabezado, sin píldora/tarjeta flotante. */
.summary-dashboard-period.home-dashboard-period[b-wzblascw8q] {
    align-items: center;
    align-self: center;
    background: transparent;
    border: 0;
    border-left: 1px solid var(--line);
    border-radius: 0;
    color: var(--text);
    display: inline-flex;
    gap: 10px;
    margin: 0;
    min-width: 0;
    padding: 2px 0 2px 18px;
    white-space: nowrap;
}

.home-dashboard-period__icon[b-wzblascw8q] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line));
    border-radius: 8px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.summary-dashboard-period.home-dashboard-period .home-dashboard-period__icon svg[b-wzblascw8q] {
    color: currentColor;
    height: 16px;
    width: 16px;
}

.home-dashboard-period__content[b-wzblascw8q] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.home-dashboard-period__label[b-wzblascw8q] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-semibold);
    line-height: 1.2;
}

.home-dashboard-period__value[b-wzblascw8q] {
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    line-height: 1.25;
}

@media (max-width: 820px) {
    .summary-dashboard-period.home-dashboard-period[b-wzblascw8q] {
        align-self: stretch;
        border-left: 0;
        border-top: 1px solid var(--line);
        padding: 14px 0 0;
        width: 100%;
    }
}
/* /Components/Pages/Dashboard/HrManagementAnalyticsPanel.razor.rz.scp.css */
.hr-analytics[b-ybeeqv178q] {
    --hr-surface-line: color-mix(in srgb, var(--muted, #64748b) 24%, transparent);
    margin-bottom: 0;
    min-width: 0;
}

.hr-analytics-title[b-ybeeqv178q] {
    align-items: flex-start;
    border-bottom: 0;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 0;
}

.hr-analytics-title h1[b-ybeeqv178q] {
    font-size: var(--text-2xl);
    letter-spacing: -0.025em;
    margin: 0;
}

.hr-analytics-title p:not(.eyebrow)[b-ybeeqv178q] {
    color: var(--muted);
    font-size: var(--text-md);
    line-height: 1.45;
    margin: 7px 0 0;
    max-width: 730px;
}

.hr-analytics-status[b-ybeeqv178q] {
    display: none;
}

.hr-analytics-body[b-ybeeqv178q] {
    padding: 14px 0 0;
}

.hr-analytics-filters[b-ybeeqv178q] {
    align-items: end;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 360px);
    padding: 0;
}

.hr-analytics-filters label[b-ybeeqv178q] {
    color: var(--muted);
    display: grid;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: 7px;
}

.hr-analytics-metrics[b-ybeeqv178q] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 17px;
}

.hr-analytics-metrics article[b-ybeeqv178q],
.hr-analytics-chart-card[b-ybeeqv178q],
.hr-analytics-context-card[b-ybeeqv178q] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--hr-surface-line);
    border-radius: 14px;
}

.hr-analytics-metrics article[b-ybeeqv178q] {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 15px;
}

.hr-analytics-metrics span[b-ybeeqv178q] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.hr-analytics-metrics strong[b-ybeeqv178q] {
    font-size: var(--text-xl);
    letter-spacing: -.04em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-analytics-metrics small[b-ybeeqv178q] {
    color: var(--muted);
    font-size: var(--text-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-analytics-layout[b-ybeeqv178q] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1.52fr) minmax(250px, .56fr);
    margin-top: 17px;
}

.hr-analytics-chart-card[b-ybeeqv178q],
.hr-analytics-context-card[b-ybeeqv178q] {
    min-width: 0;
    padding: 18px;
}

.hr-analytics-chart-card h2[b-ybeeqv178q],
.hr-analytics-context-card h2[b-ybeeqv178q] {
    font-size: var(--text-lg);
    letter-spacing: -.02em;
    margin: 0;
}

.hr-analytics-chart-card header p:not(.eyebrow)[b-ybeeqv178q],
.hr-analytics-context-card > p[b-ybeeqv178q] {
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.48;
    margin: 5px 0 0;
}

.hr-analytics-chart-card .eyebrow[b-ybeeqv178q],
.hr-analytics-context-card .eyebrow[b-ybeeqv178q] {
    display: block;
    font-size: var(--text-2xs);
    margin: 0 0 4px;
}

.hr-analytics-bar-list[b-ybeeqv178q] {
    display: grid;
    gap: 13px;
    margin-top: 18px;
}

.hr-analytics-bar-row[b-ybeeqv178q] {
    display: grid;
    gap: 6px;
}

.hr-analytics-bar-label[b-ybeeqv178q] {
    align-items: center;
    display: flex;
    font-size: var(--text-xs);
    gap: 12px;
    justify-content: space-between;
}

.hr-analytics-bar-label span[b-ybeeqv178q] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-analytics-bar-label strong[b-ybeeqv178q] {
    color: var(--primary);
    flex: 0 0 auto;
    font-size: var(--text-xs);
}

.hr-analytics-bar-track[b-ybeeqv178q] {
    background: color-mix(in srgb, var(--line) 68%, transparent);
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.hr-analytics-bar-track span[b-ybeeqv178q] {
    background: color-mix(in srgb, var(--primary) 94%, var(--secondary) 6%);
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 3px;
    transition: width .32s ease;
}

.hr-analytics-context-card dl[b-ybeeqv178q] {
    display: grid;
    gap: 14px;
    margin: 17px 0 0;
}

.hr-analytics-context-card dl div[b-ybeeqv178q] {
    border-top: 0;
    display: grid;
    gap: 4px;
    padding-top: 0;
}

.hr-analytics-context-card dt[b-ybeeqv178q] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.hr-analytics-context-card dd[b-ybeeqv178q] {
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    margin: 0;
    overflow-wrap: anywhere;
}

.hr-analytics-empty[b-ybeeqv178q] {
    align-items: center;
    border: 1px dashed var(--line);
    border-radius: 12px;
    color: var(--muted);
    display: grid;
    font-size: var(--text-sm);
    margin: 17px 0 0;
    min-height: 230px;
    padding: 20px;
    place-items: center;
    text-align: center;
}

@media (max-width: 1050px) {
    .hr-analytics-layout[b-ybeeqv178q] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .hr-analytics-title[b-ybeeqv178q] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hr-analytics-status[b-ybeeqv178q] {
        max-width: none;
        text-align: left;
    }

    .hr-analytics-filters[b-ybeeqv178q],
    .hr-analytics-metrics[b-ybeeqv178q] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Dashboard/ProcessResultsAnalyticsPanel.razor.rz.scp.css */
.dashboard-card[b-v2wgcphe7p] {
    max-width: 960px;
}

.payroll-analytics[b-v2wgcphe7p],
.payroll-detail-modal[b-v2wgcphe7p] {
    --payroll-surface-line: color-mix(in srgb, var(--muted, #64748b) 24%, transparent);
    --payroll-row-line: color-mix(in srgb, var(--muted, #64748b) 13%, transparent);
    --payroll-header-bg: color-mix(in srgb, var(--muted, #64748b) 7%, var(--panel));
    margin-bottom: 0;
    min-width: 0;
}

.payroll-analytics-title[b-v2wgcphe7p] {
    align-items: flex-start;
    border-bottom: 0;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 0;
}

.payroll-analytics-title h1[b-v2wgcphe7p] {
    font-size: var(--text-2xl);
    letter-spacing: -0.025em;
    margin: 0;
}

.payroll-analytics-title p:not(.eyebrow)[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-md);
    margin: 7px 0 0;
    max-width: 710px;
}

.payroll-analytics-title .eyebrow[b-v2wgcphe7p] {
    margin-bottom: 5px;
}

.payroll-status-chip[b-v2wgcphe7p] {
    display: none;
}

.payroll-analytics-body[b-v2wgcphe7p] {
    padding: 14px 0 0;
}

.payroll-filter-surface[b-v2wgcphe7p] {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 14px;
    padding: 0;
}

.payroll-filter-grid[b-v2wgcphe7p] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.payroll-filter-process[b-v2wgcphe7p] {
    grid-column: span 7;
}

.payroll-filter-concept[b-v2wgcphe7p] {
    grid-column: span 5;
}

.payroll-filter-grid label[b-v2wgcphe7p],
.payroll-analysis-toolbar > label[b-v2wgcphe7p] {
    color: var(--muted);
    display: grid;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: 7px;
    min-width: 0;
}

.payroll-filter-grid select[b-v2wgcphe7p],
.payroll-analysis-toolbar select[b-v2wgcphe7p] {
    min-width: 0;
}

.payroll-analysis-toolbar[b-v2wgcphe7p] {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(170px, .8fr) minmax(360px, 1.42fr);
}

.payroll-chart-switcher[b-v2wgcphe7p] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.payroll-chart-switcher legend[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    padding: 0 0 7px;
}

.payroll-chart-switcher__options[b-v2wgcphe7p] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 4px;
}

.payroll-chart-switcher__options label[b-v2wgcphe7p] {
    cursor: pointer;
    min-width: 0;
    position: relative;
}

.payroll-chart-switcher__options input[b-v2wgcphe7p] {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.payroll-chart-switcher__options span[b-v2wgcphe7p] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--muted);
    display: flex;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: 5px;
    justify-content: center;
    min-height: 31px;
    padding: 6px 8px;
    transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
    white-space: nowrap;
}

.payroll-chart-switcher__options input:checked + span[b-v2wgcphe7p] {
    background: color-mix(in srgb, var(--primary) 13%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 35%, var(--line));
    color: var(--primary);
}

.payroll-chart-switcher__options input:focus-visible + span[b-v2wgcphe7p] {
    box-shadow: none;
}

.payroll-flash[b-v2wgcphe7p] {
    margin: 14px 0 0;
}

.payroll-metric-grid[b-v2wgcphe7p] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 17px;
}

.payroll-metric-card[b-v2wgcphe7p] {
    align-items: center;
    background: var(--panel);
    border: 1px solid var(--payroll-surface-line);
    border-radius: 14px;
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 15px;
}

.payroll-metric-card__icon[b-v2wgcphe7p] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 14%, var(--panel));
    border-radius: 11px;
    color: var(--primary);
    display: grid;
    flex: 0 0 auto;
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    height: 36px;
    place-items: center;
    width: 36px;
}

.payroll-metric-card > div[b-v2wgcphe7p] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.payroll-metric-card > div > span[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.payroll-metric-card strong[b-v2wgcphe7p] {
    font-size: var(--text-2xl);
    letter-spacing: -0.04em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payroll-metric-card small[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payroll-analytics-layout[b-v2wgcphe7p] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1.52fr) minmax(265px, .56fr);
    margin-top: 17px;
}

.payroll-chart-card[b-v2wgcphe7p],
.payroll-context-card[b-v2wgcphe7p] {
    background: var(--panel);
    border: 1px solid var(--payroll-surface-line);
    border-radius: 14px;
}

.payroll-chart-card[b-v2wgcphe7p] {
    min-width: 0;
    padding: 18px;
}

.payroll-chart-card__head[b-v2wgcphe7p] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.payroll-chart-card h2[b-v2wgcphe7p],
.payroll-context-card h2[b-v2wgcphe7p],
.payroll-results-table h2[b-v2wgcphe7p],
.payroll-detail-modal h2[b-v2wgcphe7p] {
    font-size: var(--text-lg);
    letter-spacing: -0.02em;
    margin: 0;
}

.payroll-chart-card .eyebrow[b-v2wgcphe7p],
.payroll-context-card .eyebrow[b-v2wgcphe7p],
.payroll-results-table .eyebrow[b-v2wgcphe7p],
.payroll-detail-modal .eyebrow[b-v2wgcphe7p] {
    display: block;
    font-size: var(--text-2xs);
    margin: 0 0 4px;
}

.payroll-chart-hint[b-v2wgcphe7p] {
    align-items: center;
    color: var(--muted);
    display: inline-flex;
    font-size: var(--text-2xs);
    gap: 6px;
    line-height: 1.35;
    text-align: right;
}

.payroll-chart-wrap[b-v2wgcphe7p] {
    margin-top: 13px;
    min-height: 300px;
    position: relative;
}

.payroll-chart-visual[b-v2wgcphe7p] {
    min-width: 0;
}

.payroll-pie-layout--home[b-v2wgcphe7p] {
    grid-template-columns: minmax(0, 1fr);
}

.payroll-empty-state[b-v2wgcphe7p] {
    align-items: center;
    background: color-mix(in srgb, var(--panel) 88%, transparent);
    border: 1px dashed var(--line);
    border-radius: 12px;
    color: var(--muted);
    display: grid;
    font-size: var(--text-sm);
    inset: 0;
    margin: 0;
    padding: 20px;
    place-items: center;
    position: absolute;
    text-align: center;
}

.payroll-svg-chart[b-v2wgcphe7p] {
    display: block;
    height: 300px;
    overflow: visible;
    width: 100%;
}

.payroll-bar-chart-scroll[b-v2wgcphe7p] {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 5px;
}

.payroll-bar-chart-scroll .payroll-bar-chart[b-v2wgcphe7p] {
    height: 340px;
    max-width: none;
    width: auto;
}

.payroll-chart-axis[b-v2wgcphe7p] {
    stroke: var(--line);
    stroke-width: 1;
}

.payroll-svg-clickable[b-v2wgcphe7p] {
    cursor: pointer;
    outline: none;
    transform-origin: center;
    transition: opacity .18s ease, filter .18s ease, transform .18s ease;
}

.payroll-svg-clickable:hover[b-v2wgcphe7p],
.payroll-svg-clickable:focus[b-v2wgcphe7p] {
    filter: brightness(1.04) saturate(1.03);
    outline: none;
}

/*
   Los textos SVG se crean mediante MarkupString y no reciben el atributo
   de aislamiento CSS de Blazor. ::deep los alcanza desde el SVG padre,
   permitiendo que hereden correctamente los colores del tema activo.
*/
.payroll-svg-chart[b-v2wgcphe7p]  .payroll-chart-label {
    fill: var(--muted);
    font-family: inherit;
    font-size: var(--text-xs);
}

.payroll-svg-chart[b-v2wgcphe7p]  .payroll-chart-label--angled {
    font-size: var(--text-xs);
}

.payroll-pie-layout[b-v2wgcphe7p] {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(220px, .85fr) minmax(170px, .65fr);
    min-height: 300px;
}

.payroll-pie-chart[b-v2wgcphe7p] {
    height: 282px;
    margin: 0 auto;
    max-width: 310px;
}

.payroll-doughnut-hole[b-v2wgcphe7p] {
    fill: var(--panel);
}

.payroll-svg-chart[b-v2wgcphe7p]  .payroll-doughnut-total-label {
    fill: var(--muted);
    font-family: inherit;
    font-size: var(--text-md);
    font-weight: var(--weight-bold);
}

.payroll-svg-chart[b-v2wgcphe7p]  .payroll-doughnut-total {
    fill: var(--text);
    font-family: inherit;
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    letter-spacing: -.03em;
}

.payroll-pie-legend[b-v2wgcphe7p] {
    display: grid;
    gap: 5px;
    max-height: 270px;
    overflow: auto;
    padding-right: 4px;
}

.payroll-legend-item[b-v2wgcphe7p] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--text);
    cursor: pointer;
    display: grid;
    font: inherit;
    font-size: var(--text-xs);
    gap: 7px;
    grid-template-columns: 9px minmax(0, 1fr) auto;
    padding: 7px;
    text-align: left;
}

.payroll-legend-item:hover[b-v2wgcphe7p],
.payroll-legend-item:focus-visible[b-v2wgcphe7p] {
    background: color-mix(in srgb, var(--primary) 8%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 22%, var(--line));
    outline: none;
}

.payroll-legend-item i[b-v2wgcphe7p] {
    border-radius: 99px;
    display: inline-block;
    height: 9px;
    width: 9px;
}

.payroll-legend-item span[b-v2wgcphe7p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payroll-legend-item b[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-2xs);
}

.payroll-context-card[b-v2wgcphe7p] {
    align-content: start;
    background: var(--panel);
    display: grid;
    gap: 9px;
    padding: 18px;
}

.payroll-context-card > p[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-xs);
    line-height: 1.5;
    margin: 0;
}

.payroll-context-card dl[b-v2wgcphe7p] {
    border-top: 0;
    display: grid;
    gap: 14px;
    margin: 12px 0 0;
}

.payroll-context-card dl > div[b-v2wgcphe7p] {
    border-bottom: 0;
    display: grid;
    gap: 4px;
    padding: 0;
}

.payroll-context-card dt[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .065em;
    text-transform: uppercase;
}

.payroll-context-card dd[b-v2wgcphe7p] {
    color: var(--text);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payroll-results-table[b-v2wgcphe7p] {
    background: var(--panel);
    border: 1px solid var(--payroll-surface-line);
    border-radius: 14px;
    margin-top: 17px;
    overflow: hidden;
}

.payroll-results-table__head[b-v2wgcphe7p] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 17px 18px 14px;
}

.payroll-results-table__head p[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-xs);
    margin: 4px 0 0;
}

.payroll-results-count[b-v2wgcphe7p] {
    background: var(--bg);
    border-radius: 999px;
    color: var(--muted);
    flex: 0 0 auto;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    padding: 6px 9px;
}

.payroll-results-table .table-wrap[b-v2wgcphe7p] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: auto;
}

.number-cell[b-v2wgcphe7p] {
    text-align: right;
}

/* STARIZ-LOCKED: Semáforo del DataGrid HOME vinculado a ChartColor(index).
   No desacoplar el color de la barra o segmento correspondiente. */
.payroll-results-grid__color[b-v2wgcphe7p] {
    text-align: center;
    width: 54px;
}

.payroll-results-color-dot[b-v2wgcphe7p] {
    border: 1px solid color-mix(in srgb, var(--text) 14%, transparent);
    border-radius: 999px;
    display: inline-block;
    height: 12px;
    vertical-align: middle;
    width: 12px;
}

.payroll-share[b-v2wgcphe7p] {
    background: color-mix(in srgb, var(--primary) 13%, var(--panel));
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    justify-content: center;
    min-width: 51px;
    padding: 4px 7px;
}

.payroll-detail-trigger[b-v2wgcphe7p] {
    font-size: var(--text-xs);
    min-height: 31px;
    padding: 6px 9px;
}


.payroll-results-table table thead th[b-v2wgcphe7p],
.payroll-detail-table table thead th[b-v2wgcphe7p] {
    background: var(--payroll-header-bg);
    border-bottom: 1px solid var(--payroll-row-line);
}

.payroll-results-table table tbody td[b-v2wgcphe7p],
.payroll-detail-table table tbody td[b-v2wgcphe7p] {
    border-bottom: 1px solid var(--payroll-row-line);
}

.payroll-results-table table tbody tr:last-child td[b-v2wgcphe7p],
.payroll-detail-table table tbody tr:last-child td[b-v2wgcphe7p] {
    border-bottom: 0;
}

.payroll-detail-trigger[b-v2wgcphe7p] {
    background: transparent;
    border: 1px solid var(--payroll-surface-line);
    border-radius: 999px;
    color: var(--text);
}

.payroll-detail-trigger:hover:not(:disabled)[b-v2wgcphe7p],
.payroll-detail-trigger:focus-visible[b-v2wgcphe7p] {
    background: color-mix(in srgb, var(--muted, #64748b) 7%, var(--panel));
    border-color: color-mix(in srgb, var(--muted, #64748b) 38%, transparent);
    color: var(--text);
}

.payroll-analytics.is-loading[b-v2wgcphe7p] {
    opacity: .76;
    pointer-events: none;
}

.payroll-detail-backdrop[b-v2wgcphe7p] {
    align-items: center;
    background: transparent;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 50;
}

.payroll-detail-modal[b-v2wgcphe7p] {
    background: var(--panel);
    border: 1px solid var(--payroll-surface-line);
    border-radius: 16px;
    box-shadow: none;
    max-height: min(820px, calc(100vh - 48px));
    max-width: 1280px;
    overflow: hidden;
    padding: 0;
    width: min(100%, 1280px);
}

.payroll-detail-modal > header[b-v2wgcphe7p] {
    align-items: flex-start;
    border-bottom: 0;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 20px 22px 16px;
}

.payroll-detail-modal > header p[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-xs);
    margin: 6px 0 0;
}

.payroll-modal-close[b-v2wgcphe7p] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--payroll-surface-line);
    border-radius: 10px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--text-2xl);
    height: 34px;
    justify-content: center;
    line-height: 1;
    width: 34px;
}

.payroll-detail-summary[b-v2wgcphe7p] {
    align-items: end;
    border-bottom: 0;
    display: grid;
    gap: 14px;
    grid-template-columns: 150px 160px minmax(260px, 1fr);
    padding: 15px 22px;
}

.payroll-detail-summary > span[b-v2wgcphe7p] {
    display: grid;
    gap: 4px;
}

.payroll-detail-summary small[b-v2wgcphe7p],
.payroll-detail-summary label > span[b-v2wgcphe7p] {
    color: var(--muted);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .05em;
    text-transform: uppercase;
}

.payroll-detail-summary strong[b-v2wgcphe7p] {
    font-size: var(--text-lg);
}

.payroll-detail-summary label[b-v2wgcphe7p] {
    color: var(--muted);
    display: grid;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: 6px;
}

.payroll-detail-table[b-v2wgcphe7p] {
    border: 0;
    border-radius: 0;
    max-height: 470px;
    overflow: auto;
}

.payroll-detail-table table[b-v2wgcphe7p] {
    min-width: 1120px;
}

@media (max-width: 1280px) {
    .payroll-analysis-toolbar[b-v2wgcphe7p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .payroll-chart-switcher[b-v2wgcphe7p] {
        grid-column: span 1;
    }

    .payroll-analytics-layout[b-v2wgcphe7p] {
        grid-template-columns: 1fr;
    }

    .payroll-context-card[b-v2wgcphe7p] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .payroll-context-card > .eyebrow[b-v2wgcphe7p],
    .payroll-context-card > h2[b-v2wgcphe7p],
    .payroll-context-card > p[b-v2wgcphe7p],
    .payroll-context-card > dl[b-v2wgcphe7p] {
        grid-column: 1 / -1;
    }

    .payroll-context-card dl[b-v2wgcphe7p] {
        border-top: 0;
        gap: 12px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 0;
    }

    .payroll-context-card dl > div[b-v2wgcphe7p] {
        border-bottom: 0;
        border-top: 0;
    }
}

@media (max-width: 900px) {
    .payroll-analytics-title[b-v2wgcphe7p] {
        align-items: flex-start;
        flex-direction: column;
    }

    .payroll-status-chip[b-v2wgcphe7p] {
        max-width: 100%;
        text-align: left;
    }

    .payroll-filter-process[b-v2wgcphe7p],
    .payroll-filter-concept[b-v2wgcphe7p] {
        grid-column: span 12;
    }

    .payroll-metric-grid[b-v2wgcphe7p] {
        grid-template-columns: 1fr;
    }

    .payroll-context-card[b-v2wgcphe7p],
    .payroll-context-card dl[b-v2wgcphe7p] {
        grid-template-columns: 1fr;
    }

    .payroll-context-card dl > div[b-v2wgcphe7p] {
        border-bottom: 0;
    }

    .payroll-pie-layout[b-v2wgcphe7p] {
        grid-template-columns: 1fr;
    }

    .payroll-pie-legend[b-v2wgcphe7p] {
        max-height: 190px;
    }

    .payroll-detail-summary[b-v2wgcphe7p] {
        grid-template-columns: 1fr 1fr;
    }

    .payroll-detail-summary label[b-v2wgcphe7p] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .payroll-analytics-title[b-v2wgcphe7p],
    .payroll-analytics-body[b-v2wgcphe7p] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .payroll-filter-surface[b-v2wgcphe7p] {
        padding: 0;
    }

    .payroll-analysis-toolbar[b-v2wgcphe7p] {
        grid-template-columns: 1fr;
    }

    .payroll-chart-card[b-v2wgcphe7p] {
        padding: 15px;
    }

    .payroll-chart-card__head[b-v2wgcphe7p],
    .payroll-results-table__head[b-v2wgcphe7p] {
        align-items: flex-start;
        flex-direction: column;
    }

    .payroll-chart-hint[b-v2wgcphe7p] {
        text-align: left;
    }

    .payroll-chart-wrap[b-v2wgcphe7p],
    .payroll-svg-chart[b-v2wgcphe7p] {
        min-height: 255px;
    }

    .payroll-svg-chart[b-v2wgcphe7p] {
        height: 255px;
    }

    .payroll-bar-chart-scroll .payroll-bar-chart[b-v2wgcphe7p] {
        height: 330px;
        min-height: 330px;
    }

    .payroll-pie-chart[b-v2wgcphe7p] {
        height: 245px;
    }

    .payroll-results-count[b-v2wgcphe7p] {
        align-self: flex-start;
    }

    .payroll-detail-backdrop[b-v2wgcphe7p] {
        padding: 10px;
    }

    .payroll-detail-modal[b-v2wgcphe7p] {
        max-height: calc(100vh - 20px);
    }

    .payroll-detail-summary[b-v2wgcphe7p] {
        grid-template-columns: 1fr;
        padding: 14px;
    }
}

/* Barra operativa aprobada del popup: indicadores, filtro único, Filtrar y Excel. */
.payroll-detail-filter-button[b-v2wgcphe7p] {
    align-self: center;
    height: var(--stariz-crud-grid-height, 34px);
    min-height: var(--stariz-crud-grid-height, 34px);
    max-height: var(--stariz-crud-grid-height, 34px);
    white-space: nowrap;
}


/* Normalización: popup sin etiqueta visible "Filtro" y Excel del home al extremo derecho. */
.payroll-results-table__head--home .payroll-results-table__actions[b-v2wgcphe7p] {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    margin-left: auto;
}

.payroll-results-table__head--home > .stariz-excel-export-host__actions[b-v2wgcphe7p] {
    margin-left: 10px;
}

.payroll-detail-filter-actions label > span[b-v2wgcphe7p] {
    display: none;
}

.payroll-detail-filter-actions label[b-v2wgcphe7p] {
    gap: 0;
}


/* Normalización: Excel del CRUD del Home anclado al extremo derecho real.
   Se excluye esta cabecera del grid global de toolbars y se conserva layout flex local. */
.payroll-results-table__head--home[b-v2wgcphe7p] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.payroll-results-table__head--home > :first-child[b-v2wgcphe7p] {
    flex: 1 1 auto;
    min-width: 0;
}

.payroll-results-table__head--home .payroll-results-table__actions[b-v2wgcphe7p] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
    gap: 10px;
}

/* Normalización: estructura del detalle alineada al CRUD global. La apariencia final
   (cabecera, borde, botones y grilla) la gobierna app.css. */
.payroll-detail-crud-shell[b-v2wgcphe7p] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}
/* /Components/Pages/Generic/GenericForm.razor.rz.scp.css */
.generic-form-redirect[b-uig6ba7nba] {
    color: var(--muted);
}
/* /Components/Pages/Generic/GenericTable.razor.rz.scp.css */
.digital-folder-page[b-uomhjobavw] {
    --digital-wine: var(--primary);
    --digital-wine-dark: color-mix(in srgb, var(--primary) 82%, var(--text));
    --digital-surface: var(--panel);
    --digital-soft: color-mix(in srgb, var(--primary) 5%, var(--panel));
    --digital-line: var(--line);
    --digital-muted: var(--muted);
    display: grid;
    gap: 14px;
    grid-template-rows: auto minmax(0, 1fr);
    height: calc(100dvh - 138px);
    min-height: 560px;
}

.digital-folder-page .rrhh-adn-create-card[b-uomhjobavw] {
    background: var(--digital-surface);
    border: 1px solid var(--digital-line);
    border-radius: 14px;
    box-shadow: none;
}

.digital-folder-page .rrhh-adn-create-card__header[b-uomhjobavw] { min-height: 76px; }
.digital-folder-page .rrhh-adn-create-card__toggle[b-uomhjobavw] { padding: 16px 18px; }

.digital-folder-heading__eyebrow[b-uomhjobavw] {
    color: var(--digital-wine);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .075em;
    text-transform: uppercase;
}

.digital-folder-page .rrhh-adn-create-card__copy strong[b-uomhjobavw] {
    color: var(--digital-wine-dark);
    font-size: var(--text-lg);
    letter-spacing: .015em;
    text-transform: uppercase;
}

.digital-folder-heading__metadata[b-uomhjobavw] { color: var(--muted); font-size: var(--text-xs); }

.digital-folder-page.digital-folder-page .digital-folder-shell.digital-folder-shell[b-uomhjobavw] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.digital-folder-workspace[b-uomhjobavw] {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr);
    height: 100%;
    min-height: 0;
}

.digital-folder-workspace__primary[b-uomhjobavw],
.digital-folder-workspace__timeline[b-uomhjobavw] {
    background: var(--digital-surface);
    border: 1px solid var(--digital-line);
    border-radius: 14px;
    box-shadow: none;
    min-height: 0;
    overflow: hidden;
}

.digital-folder-page .digital-folder-workspace .digital-folder-workspace__primary[data-stariz-grid-surface="true"][b-uomhjobavw] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
}
.digital-folder-workspace__timeline[b-uomhjobavw] { display: flex; flex-direction: column; position: static; }

.digital-folder-page .rrhh-adn-toolbar[b-uomhjobavw] {
    align-items: center;
    background: var(--digital-surface);
    border-bottom: 1px solid var(--digital-line);
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    margin: 0;
    min-height: 58px;
    padding: 10px 13px;
}

.digital-folder-page .stariz-global-grid-title strong[b-uomhjobavw] { color: var(--digital-wine-dark); }

.digital-folder-page .stariz-grid-toolbar__controls[b-uomhjobavw] {
    align-items: center;
    display: flex;
    flex: 1 1 420px;
    gap: 8px;
    justify-content: flex-end;
    min-width: 0;
}

.digital-folder-page .rrhh-adn-search[b-uomhjobavw] {
    flex: 1 1 280px;
    max-width: 430px;
    min-width: 190px;
}

.digital-folder-type-filter[b-uomhjobavw] {
    flex: 0 1 210px;
    min-width: 160px;
}

.digital-folder-type-filter select[b-uomhjobavw] {
    background: var(--field);
    border: 1px solid var(--digital-line);
    border-radius: 9px;
    color: var(--text);
    font: inherit;
    height: 36px;
    padding: 0 30px 0 11px;
    width: 100%;
}

.digital-folder-type-filter select:focus[b-uomhjobavw] {
    border-color: var(--digital-wine);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent);
    outline: 0;
}

.digital-folder-page .rrhh-adn-toolbar__actions[b-uomhjobavw] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.digital-folder-page .rrhh-adn-grid[b-uomhjobavw] {
    border: 0;
    border-radius: 0;
    flex: 1 1 auto;
    margin: 0;
    max-height: none;
    min-height: 0;
    overflow: auto;
}

.digital-folder-page .stariz-data-grid thead th[b-uomhjobavw] { background: var(--digital-soft); color: var(--text); }
.digital-folder-page .stariz-data-grid tr.is-selected td[b-uomhjobavw] { background: color-mix(in srgb, var(--primary) 8%, var(--panel)); }
.digital-folder-page .stariz-data-grid tr.is-selected td:first-child[b-uomhjobavw] { box-shadow: inset 3px 0 0 var(--digital-wine); }
.digital-folder-page .stariz-data-grid tbody tr[b-uomhjobavw] { cursor: pointer; }

.digital-folder-page .stariz-data-grid th[b-uomhjobavw] {
    height: 38px;
    padding-block: 8px;
}

.digital-folder-page .stariz-data-grid td[b-uomhjobavw] {
    height: 46px;
    padding-block: 7px;
}

.digital-folder-page .table-row-actions[b-uomhjobavw] {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

.digital-folder-page .rrhh-adn-pager[b-uomhjobavw] {
    background: var(--digital-surface);
    border-top: 1px solid var(--digital-line);
    flex: 0 0 56px;
    margin: 0;
    padding: 10px 16px;
}

.digital-folder-page .rrhh-adn-page-button.is-active[b-uomhjobavw] { background: var(--digital-wine); border-color: var(--digital-wine); }

.digital-folder-workspace__timeline[b-uomhjobavw]  .employee-timeline-embedded {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.digital-folder-workspace__timeline[b-uomhjobavw]  .employee-timeline-embedded__header {
    background: var(--digital-soft);
    border-bottom: 1px solid var(--digital-line);
    flex: 0 0 auto;
    padding: 14px 16px;
}

.digital-folder-timeline-empty[b-uomhjobavw] {
    align-items: center;
    color: var(--digital-muted);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: var(--text-xs);
    gap: 8px;
    justify-content: center;
    padding: 28px 18px;
    text-align: center;
}

.digital-folder-timeline-empty strong[b-uomhjobavw] { color: var(--digital-wine-dark); font-size: var(--text-md); }

@media (max-width: 980px) {
    .digital-folder-page[b-uomhjobavw] { height: auto; }
    .digital-folder-workspace[b-uomhjobavw] { grid-template-columns: 1fr; height: auto; }
    .digital-folder-workspace__primary[b-uomhjobavw] { min-height: 460px; }
    .digital-folder-workspace__timeline[b-uomhjobavw] { min-height: 360px; }
}

@media (max-width: 640px) {
    .digital-folder-page .rrhh-adn-toolbar[b-uomhjobavw] { padding: 12px; }
    .digital-folder-page .rrhh-adn-pager[b-uomhjobavw] { flex-basis: auto; gap: 8px; padding: 10px 12px; }
}
/* /Components/Routes.razor.rz.scp.css */
.auth-card[b-9fyewi43jm] {
    max-width: 420px;
}
/* /Components/Shared/Alerts/NotificationBell.razor.rz.scp.css */
.notification-bell[b-ulcsa91be9] {
    position: relative;
}

.notification-bell > summary[b-ulcsa91be9] {
    list-style: none;
}

.notification-bell > summary[b-ulcsa91be9]::-webkit-details-marker {
    display: none;
}

/* Contrato del disparador de cabecera: icono limpio, sin tarjeta. */
.notification-bell__trigger[b-ulcsa91be9] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: var(--topbar-text, var(--primary));
    cursor: pointer;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    position: relative;
    width: 38px;
}

.notification-bell__trigger:hover[b-ulcsa91be9] {
    background: color-mix(in srgb, currentColor 9%, transparent);
}

.notification-bell__trigger:focus-visible[b-ulcsa91be9] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.notification-bell__icon[b-ulcsa91be9] {
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 20px;
}

.notification-bell__badge[b-ulcsa91be9] {
    align-items: center;
    background: var(--danger);
    border: 2px solid var(--topbar-bg);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    height: 19px;
    justify-content: center;
    line-height: 1;
    min-width: 19px;
    padding: 0 4px;
    position: absolute;
    right: -7px;
    top: -7px;
}

/* Única superficie del desplegable. No existen tarjetas anidadas. */
.notification-bell__panel[b-ulcsa91be9] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: none;
    color: var(--text);
    display: grid;
    min-width: min(360px, calc(100vw - 38px));
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: 380px;
    z-index: 50;
}

/* La cabecera consume íntegramente el contrato global stariz-dialog-header. */
.notification-bell__close svg[b-ulcsa91be9] {
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 18px;
}

.notification-bell__list-toolbar[b-ulcsa91be9] {
    align-items: center;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    display: flex;
    font-size: var(--text-xs);
    gap: 10px;
    justify-content: space-between;
    min-height: 38px;
    padding: 7px 15px;
}

.notification-bell__mark-all[b-ulcsa91be9] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--primary);
    cursor: pointer;
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    margin: 0;
    min-height: 28px;
    padding: 4px 6px;
    white-space: nowrap;
}

.notification-bell__mark-all:hover[b-ulcsa91be9],
.notification-bell__mark-all:focus-visible[b-ulcsa91be9] {
    background: color-mix(in srgb, var(--primary) 8%, transparent);
    outline: none;
}

.notification-bell__list[b-ulcsa91be9] {
    display: block;
    max-height: min(460px, calc(100vh - 150px));
    overflow-y: auto;
    padding: 0;
}

.notification-bell__empty[b-ulcsa91be9] {
    color: var(--muted);
    font-size: var(--text-sm);
    margin: 0;
    padding: 22px 15px;
    text-align: center;
}

/* Fila plana de información: sin tarjeta, píldora, borde exterior ni sombra. */
.notification-bell__item[b-ulcsa91be9] {
    align-items: flex-start;
    appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 0;
    box-shadow: none;
    color: var(--text);
    cursor: pointer;
    display: grid;
    gap: 10px;
    grid-template-columns: 10px minmax(0, 1fr);
    margin: 0;
    min-height: 0;
    padding: 12px 15px;
    text-align: left;
    width: 100%;
}

.notification-bell__item:last-child[b-ulcsa91be9] {
    border-bottom: 0;
}

.notification-bell__item:hover[b-ulcsa91be9],
.notification-bell__item:focus-visible[b-ulcsa91be9] {
    background: color-mix(in srgb, var(--primary) 6%, var(--panel));
    outline: none;
}

.notification-bell__item:focus-visible[b-ulcsa91be9] {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary) 45%, transparent);
}

.notification-bell__item-marker[b-ulcsa91be9] {
    background: var(--stariz-glass-primary, var(--primary));
    border-radius: 999px;
    height: 7px;
    margin-top: 6px;
    width: 7px;
}

.notification-bell__item.is-read .notification-bell__item-marker[b-ulcsa91be9] {
    background: transparent;
    border: 1px solid var(--line);
}

.notification-bell__item--success .notification-bell__item-marker[b-ulcsa91be9] {
    background: var(--stariz-glass-primary, var(--primary));
}

.notification-bell__item--warning .notification-bell__item-marker[b-ulcsa91be9] {
    background: #d97706;
}

.notification-bell__item--error .notification-bell__item-marker[b-ulcsa91be9] {
    background: var(--danger);
}

.notification-bell__item-content[b-ulcsa91be9] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.notification-bell__item-content strong[b-ulcsa91be9] {
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    line-height: 1.3;
}

.notification-bell__item.is-unread .notification-bell__item-content strong[b-ulcsa91be9] {
    font-weight: var(--weight-bold);
}

.notification-bell__item-content > span[b-ulcsa91be9] {
    color: var(--muted);
    display: -webkit-box;
    font-size: var(--text-xs);
    line-height: 1.4;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.notification-bell__item-content small[b-ulcsa91be9] {
    color: var(--muted);
    font-size: var(--text-2xs);
    margin-top: 2px;
}

@media (max-width: 560px) {
    .notification-bell__panel[b-ulcsa91be9] {
        min-width: min(340px, calc(100vw - 30px));
        right: -50px;
        width: min(380px, calc(100vw - 30px));
    }
}
/* /Components/Shared/Alerts/StarizActionWaitOverlay.razor.rz.scp.css */
.stariz-action-wait[b-2js1h98owd] {
    align-items: center;
    background: color-mix(in srgb, var(--text, #17202c) 38%, transparent);
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: fixed;
    transition: opacity 140ms ease, visibility 140ms ease;
    visibility: hidden;
    z-index: calc(var(--stariz-modal-layer-z, 30000) + 100);
}

.stariz-action-wait.is-visible[b-2js1h98owd],
.stariz-action-wait[data-client-busy="true"][b-2js1h98owd] {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.stariz-action-wait__dialog[b-2js1h98owd] {
    align-items: center;
    background: var(--panel, #fff);
    border: 1px solid var(--line, #dfe5ec);
    border-radius: var(--radius-lg, 20px);
    box-shadow: 0 24px 70px color-mix(in srgb, var(--text, #17202c) 22%, transparent);
    color: var(--text, #17202c);
    display: flex;
    flex-direction: column;
    max-width: 420px;
    padding: 34px 28px 30px;
    text-align: center;
    width: 100%;
}

.stariz-action-wait__visual[b-2js1h98owd] {
    align-items: center;
    display: flex;
    height: 174px;
    justify-content: center;
    margin-bottom: 18px;
    position: relative;
    width: 174px;
}

.stariz-action-wait__ring[b-2js1h98owd] {
    animation: stariz-action-wait-spin-b-2js1h98owd 1.05s linear infinite;
    border: 5px solid color-mix(in srgb, var(--primary) 13%, var(--panel));
    border-radius: 50%;
    border-right-color: color-mix(in srgb, var(--primary) 38%, #36d8df);
    border-top-color: var(--primary);
    inset: 0;
    position: absolute;
}

.stariz-action-wait__visual img[b-2js1h98owd] {
    height: auto;
    max-width: 132px;
    position: relative;
    width: 76%;
    z-index: 1;
}

.stariz-action-wait__completed[b-2js1h98owd] {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 11%, var(--panel));
    border-radius: 50%;
    color: var(--primary);
    display: none;
    font-size: 42px;
    height: 92px;
    justify-content: center;
    width: 92px;
}

.stariz-action-wait.is-complete .stariz-action-wait__ring[b-2js1h98owd],
.stariz-action-wait.is-complete .stariz-action-wait__visual img[b-2js1h98owd],
.stariz-action-wait[data-client-state="complete"] .stariz-action-wait__ring[b-2js1h98owd],
.stariz-action-wait[data-client-state="complete"] .stariz-action-wait__visual img[b-2js1h98owd] {
    display: none;
}

.stariz-action-wait.is-complete .stariz-action-wait__completed[b-2js1h98owd],
.stariz-action-wait[data-client-state="complete"] .stariz-action-wait__completed[b-2js1h98owd] {
    display: flex;
}

.stariz-action-wait__dialog h2[b-2js1h98owd] {
    color: var(--text, #17202c);
    font-size: var(--text-xl, 1.25rem);
    font-weight: var(--weight-semibold, 600);
    line-height: 1.25;
    margin: 0 0 10px;
}

.stariz-action-wait__dialog p[b-2js1h98owd] {
    color: var(--muted, #687386);
    font-size: var(--text-md, .95rem);
    line-height: 1.5;
    margin: 0;
    min-height: 24px;
}

.stariz-action-wait__dialog small[b-2js1h98owd] {
    color: var(--muted, #687386);
    display: block;
    font-size: var(--text-xs, .78rem);
    line-height: 1.45;
    margin-top: 18px;
}

@keyframes stariz-action-wait-spin-b-2js1h98owd {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    .stariz-action-wait[b-2js1h98owd] {
        padding: 14px;
    }

    .stariz-action-wait__dialog[b-2js1h98owd] {
        padding: 28px 20px 26px;
    }

    .stariz-action-wait__visual[b-2js1h98owd] {
        height: 150px;
        width: 150px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stariz-action-wait[b-2js1h98owd],
    .stariz-action-wait__ring[b-2js1h98owd] {
        transition: none;
    }

    .stariz-action-wait__ring[b-2js1h98owd] {
        animation-duration: 2.4s;
    }
}
/* /Components/Shared/Icons/PortalIcon.razor.rz.scp.css */
.solar-icon[b-k66u52w4up] {
    display: inline-block;
    flex: 0 0 auto;
    color: inherit;
    vertical-align: middle;
    overflow: visible;
}
/* /Components/Shared/Panels/SlidingFormPanel.razor.rz.scp.css */
.sliding-form-panel[b-s35xjk0wat] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
}

.sliding-form-panel__header[b-s35xjk0wat] {
    align-items: flex-start;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 20px 22px 16px;
}

.sliding-form-panel__header h2[b-s35xjk0wat] {
    font-size: var(--text-xl);
    margin: 0;
}

.sliding-form-panel__description[b-s35xjk0wat] {
    color: var(--muted);
    margin: 7px 0 0;
}

.sliding-form-panel__body[b-s35xjk0wat] {
    padding: 20px 22px 22px;
}

.sliding-form-panel__close[b-s35xjk0wat] {
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    .sliding-form-panel__header[b-s35xjk0wat] {
        align-items: stretch;
        flex-direction: column;
        padding: 18px 18px 14px;
    }

    .sliding-form-panel__body[b-s35xjk0wat] {
        padding: 18px;
    }

    .sliding-form-panel__close[b-s35xjk0wat] {
        width: 100%;
    }
}

/* Normalización: el formulario genérico vive dentro de la primera tarjeta del maestro.
   No crea una tercera superficie ni repite cabecera, borde o fondo. */
.sliding-form-panel--embedded[b-s35xjk0wat] {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
}

.sliding-form-panel--embedded .sliding-form-panel__body[b-s35xjk0wat] {
    padding: 0;
}
/* /Components/Shared/Records/SlidingRecordEditor.razor.rz.scp.css */
.record-editor__loading[b-l5v3olvkkh] {
    color: var(--muted);
    margin: 0;
}

.record-editor__grid[b-l5v3olvkkh] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.record-editor__field[b-l5v3olvkkh] {
    min-width: 0;
}

.record-editor__field--full[b-l5v3olvkkh] {
    grid-column: 1 / -1;
}

.record-editor__field--formula textarea[b-l5v3olvkkh] {
    min-block-size: 12rem;
    resize: vertical;
}

.concept-nomina-card[b-l5v3olvkkh] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 14px;
    margin: 0;
    min-width: 0;
    padding: 16px;
}

.concept-nomina-card legend[b-l5v3olvkkh] {
    color: var(--text);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    padding: 0 6px;
}

.concept-nomina-card__description[b-l5v3olvkkh],
.concept-nomina-card__empty[b-l5v3olvkkh] {
    color: var(--muted);
    margin: 0 0 12px;
}

.concept-nomina-card__options[b-l5v3olvkkh] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.concept-nomina-card__option[b-l5v3olvkkh] {
    align-items: flex-start;
    background: var(--stariz-glass-field);
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    cursor: pointer;
    display: flex;
    gap: 10px;
    min-height: 58px;
    padding: 11px 12px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.concept-nomina-card__option:hover[b-l5v3olvkkh] {
    border-color: var(--primary);
}

.concept-nomina-card__option--selected[b-l5v3olvkkh] {
    border-color: var(--primary);
    box-shadow: none;
}

.concept-nomina-card__option input[b-l5v3olvkkh] {
    flex: 0 0 auto;
    margin: 4px 0 0;
    min-height: auto;
    padding: 0;
    width: auto;
}

.concept-nomina-card__option-text[b-l5v3olvkkh] {
    display: grid;
    gap: 2px;
    line-height: 1.3;
}

.concept-nomina-card__option-text strong[b-l5v3olvkkh] {
    color: var(--primary);
    font-size: var(--text-sm);
}

.record-editor__actions[b-l5v3olvkkh] {
    margin-top: 20px;
    max-width: 100%;
    padding-block: 2px;
}

@media (max-width: 980px) {
    .record-editor__grid[b-l5v3olvkkh] {
        grid-template-columns: 1fr;
    }

    .record-editor__field--full[b-l5v3olvkkh] {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .concept-nomina-card[b-l5v3olvkkh] {
        padding: 14px;
    }

    .concept-nomina-card__options[b-l5v3olvkkh] {
        grid-template-columns: 1fr;
    }

}

/* Estados Activo/Inactivo en formularios genéricos: interruptor compacto y accesible. */
.record-editor__switch-control[b-l5v3olvkkh] {
    align-items: center;
    display: inline-flex;
    gap: 9px;
    min-height: 42px;
}

.record-editor__switch-control input[b-l5v3olvkkh] {
    block-size: 1px;
    inline-size: 1px;
    margin: 0;
    opacity: 0;
    position: absolute;
}

.record-editor__switch-track[b-l5v3olvkkh] {
    background: color-mix(in srgb, var(--muted) 34%, var(--field));
    border: 1px solid var(--line);
    border-radius: 999px;
    block-size: 22px;
    box-sizing: border-box;
    cursor: pointer;
    inline-size: 42px;
    position: relative;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.record-editor__switch-track[b-l5v3olvkkh]::after {
    background: var(--stariz-glass-surface);
    border-radius: 50%;
    box-shadow: none;
    content: "";
    block-size: 16px;
    inline-size: 16px;
    inset-block-start: 2px;
    inset-inline-start: 2px;
    position: absolute;
    transition: transform .18s ease;
}

.record-editor__switch-control input:checked + .record-editor__switch-track[b-l5v3olvkkh] {
    background: var(--stariz-glass-primary);
    border-color: var(--primary);
}

.record-editor__switch-control input:checked + .record-editor__switch-track[b-l5v3olvkkh]::after {
    transform: translateX(18px);
}

.record-editor__switch-control input:focus-visible + .record-editor__switch-track[b-l5v3olvkkh] {
    box-shadow: none;
}

.record-editor__switch-control em[b-l5v3olvkkh] {
    color: var(--muted);
    font-size: var(--text-sm);
    font-style: normal;
    font-weight: var(--weight-bold);
}


/* Configuración técnica de campos de alcance: secundaria, claramente identificada y no mezclada con la operación diaria. */
.record-editor__field--technical[b-l5v3olvkkh] {
    background: color-mix(in srgb, var(--field) 72%, transparent);
    border: 1px dashed var(--line);
    border-radius: 12px;
    padding: 12px;
}

.record-editor__technical-help[b-l5v3olvkkh] {
    color: var(--muted);
    display: block;
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    line-height: 1.35;
    margin: 2px 0 8px;
}

/* STARIZ-LOCKED: campos obligatorios de parametrización documental en azul. */
.record-editor__field--document-required[b-l5v3olvkkh] {
    color: var(--primary);
    font-weight: 600;
}

.record-editor__field--document-required select[b-l5v3olvkkh],
.record-editor__field--document-required input[b-l5v3olvkkh],
.record-editor__field--document-required textarea[b-l5v3olvkkh] {
    color: inherit;
    font-weight: 500;
}
/* /Components/Shared/Workspaces/VirtualWorkspaceTable.razor.rz.scp.css */
.workspace-module[b-hm64r7xno5] {
    min-width: 0;
}

.workspace-module__heading[b-hm64r7xno5] {
    margin-bottom: 20px;
}

.workspace-module__heading h1[b-hm64r7xno5],
.workspace-module__toolbar h2[b-hm64r7xno5] {
    margin: 0;
}

.workspace-module__description[b-hm64r7xno5],
.workspace-module__toolbar p[b-hm64r7xno5],
.workspace-module__loading[b-hm64r7xno5] {
    color: var(--muted);
    margin: 8px 0 0;
}

.workspace-module__surface[b-hm64r7xno5] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow: hidden;
}

.workspace-module__groups[b-hm64r7xno5],
.workspace-module__tabs[b-hm64r7xno5] {
    align-items: center;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 12px 14px;
    scrollbar-gutter: stable;
}

.workspace-module__groups[b-hm64r7xno5] {
    background: color-mix(in srgb, var(--field) 72%, transparent);
    border-bottom: 1px solid var(--line);
}

.workspace-module__tabs[b-hm64r7xno5] {
    background: color-mix(in srgb, var(--panel) 90%, var(--field));
    border-bottom: 1px solid var(--line);
    gap: 9px;
    padding-bottom: 13px;
    padding-top: 13px;
}

/* Los grupos y pestañas reutilizan directamente el botón global del CRUD.
   Solo se conserva distribución e iconografía; no se redefine fondo, borde,
   radio, tamaño ni estado activo. */
.workspace-module__group[b-hm64r7xno5],
.workspace-module__tab[b-hm64r7xno5] {
    flex: 0 0 auto;
    gap: 8px;
    white-space: nowrap;
}

.workspace-module__group-icon[b-hm64r7xno5],
.workspace-module__tab-icon[b-hm64r7xno5] {
    color: currentColor;
    flex: 0 0 auto;
}

.workspace-module__body[b-hm64r7xno5] {
    padding: 20px;
}

.workspace-module__toolbar[b-hm64r7xno5],
.workspace-module__search[b-hm64r7xno5],
.workspace-module__pager[b-hm64r7xno5],
.workspace-module__actions[b-hm64r7xno5] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.workspace-module__toolbar[b-hm64r7xno5] {
    justify-content: space-between;
    margin-bottom: 18px;
}

.workspace-module__search[b-hm64r7xno5] {
    margin-bottom: 18px;
}

.workspace-module__search input[b-hm64r7xno5] {
    min-width: 0;
}

.workspace-module__table[b-hm64r7xno5] {
    border-radius: 14px;
}

/* Formato DataGrid global aplicado únicamente al grupo de menú
   Contratos y movimientos. Replica el contenedor de GenericTable sin alterar
   botones, acciones, paginación ni comportamiento del CRUD. */
.workspace-module__table--global[b-hm64r7xno5] {
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow: auto;
}

.workspace-module__action-cell[b-hm64r7xno5],
.workspace-module__action-header[b-hm64r7xno5] {
    min-width: 294px;
    text-align: right;
    vertical-align: middle;
}

.workspace-module__actions[b-hm64r7xno5] {
    flex-flow: row nowrap;
    justify-content: flex-end;
    max-width: 100%;
    overflow-x: auto;
    padding-block: 2px;
}

.workspace-module__actions .btn[b-hm64r7xno5] {
    flex: 0 0 auto;
    font-weight: var(--weight-bold);
    white-space: nowrap;
}

/* Mismo tratamiento del CRUD genérico: Desactivar (ghost), Editar (base)
   y Eliminar con borde y texto de peligro. */
.workspace-module__actions .btn.danger[b-hm64r7xno5] {
    background: transparent;
    border-color: var(--danger);
    color: var(--danger);
}

.workspace-module__actions .btn.danger:hover[b-hm64r7xno5] {
    background: var(--alert-danger-bg);
}

.workspace-module__pager[b-hm64r7xno5] {
    justify-content: flex-start;
    margin-top: 18px;
}

@media (max-width: 760px) {
    .workspace-module__body[b-hm64r7xno5] {
        padding: 16px;
    }

    .workspace-module__toolbar[b-hm64r7xno5],
    .workspace-module__search[b-hm64r7xno5],
    .workspace-module__pager[b-hm64r7xno5] {
        align-items: center;
        flex-flow: row nowrap;
        overflow-x: auto;
    }

    .workspace-module__search input[b-hm64r7xno5] {
        flex: 1 0 220px;
        min-width: 220px;
    }

    .workspace-module__pager[b-hm64r7xno5] {
        text-align: left;
    }

    .workspace-module__pager > span[b-hm64r7xno5] {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workspace-module__group[b-hm64r7xno5],
    .workspace-module__tab[b-hm64r7xno5],
    .workspace-module__group-icon[b-hm64r7xno5],
    .workspace-module__tab-icon[b-hm64r7xno5] {
        transition: none;
        transform: none;
    }
}
/* /Modules/AgentesIa/Components/AgenteIaChatHost.razor.rz.scp.css */
.agente-ia-chat[b-hbco0stesb] {
    position: fixed;
    inset: 10px 10px 10px auto;
    z-index: 1086;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    width: clamp(390px, 34vw, 540px);
    min-width: 360px;
    max-width: min(620px, 92vw);
    height: calc(100dvh - 20px);
    min-height: 0;
    max-height: calc(100dvh - 20px);
    overflow: hidden;
    background: var(--panel);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: none;
}
.agente-ia-chat--collapsed[b-hbco0stesb] { display: none; }

.agente-ia-chat__header[b-hbco0stesb] {
    align-items: center;
    background: var(--topbar-bg);
    border-bottom: 1px solid var(--topbar-border);
    color: var(--topbar-text);
    cursor: default;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 62px;
    padding: 11px 13px;
}
.agente-ia-chat__identity[b-hbco0stesb] { align-items: center; display: flex; gap: 10px; min-width: 0; }
.agente-ia-chat__identity > div[b-hbco0stesb] { display: grid; gap: 2px; min-width: 0; }
.agente-ia-chat__identity strong[b-hbco0stesb] { font-size: var(--text-sm); font-weight: var(--weight-bold); line-height: 1.15; }
.agente-ia-chat__identity span:not(.agente-ia-chat__symbol)[b-hbco0stesb] { color: var(--topbar-text-muted); font-size: var(--text-2xs); }
.agente-ia-chat__symbol[b-hbco0stesb] {
    align-items: center;
    background: color-mix(in srgb, var(--topbar-text) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--topbar-text) 16%, transparent);
    border-radius: 12px;
    color: var(--topbar-text);
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}
.agente-ia-chat__header-actions[b-hbco0stesb] { align-items: center; display: flex; gap: 5px; }
.agente-ia-chat__attachment-remove[b-hbco0stesb] { color: var(--muted); }

.agente-ia-chat__context[b-hbco0stesb] {
    align-items: center;
    background: color-mix(in srgb, var(--field) 70%, var(--panel));
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    display: flex;
    font-size: var(--text-2xs);
    gap: 7px;
    min-height: 34px;
    padding: 7px 14px;
}
.agente-ia-chat__mode-label[b-hbco0stesb] { color: var(--text); font-weight: var(--weight-bold); }
.agente-ia-chat__mode-switch[b-hbco0stesb] {
    display: inline-flex;
    gap: 3px;
    margin-left: auto;
}
.agente-ia-chat__mode-switch button[b-hbco0stesb] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--muted);
    cursor: pointer;
    font: inherit;
    padding: 4px 7px;
}
.agente-ia-chat__mode-switch button.is-active[b-hbco0stesb] {
    background: var(--panel);
    border-color: var(--line);
    color: var(--primary);
    font-weight: var(--weight-bold);
}
.agente-ia-chat__mode-switch button:disabled[b-hbco0stesb] { cursor: not-allowed; opacity: .55; }

.agente-ia-chat__messages[b-hbco0stesb] {
    background: color-mix(in srgb, var(--bg) 70%, var(--panel));
    min-height: 0;
    overflow-y: auto;
    padding: 18px 15px;
    scroll-behavior: smooth;
}
.agente-ia-chat__message[b-hbco0stesb] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 18px 18px 18px 6px;
    box-shadow: none;
    color: var(--text);
    margin: 0 0 12px;
    max-width: 86%;
    padding: 10px 12px;
    width: fit-content;
}
.agente-ia-chat__message--user[b-hbco0stesb] {
    background: color-mix(in srgb, var(--primary) 10%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 26%, var(--line));
    border-radius: 18px 18px 6px 18px;
    margin-left: auto;
}
.agente-ia-chat__message--assistant[b-hbco0stesb] { margin-right: auto; }
.agente-ia-chat__message-meta[b-hbco0stesb] { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 5px; }
.agente-ia-chat__message-meta strong[b-hbco0stesb] { font-size: var(--text-2xs); font-weight: var(--weight-bold); }
.agente-ia-chat__message-meta time[b-hbco0stesb] { color: var(--muted); font-size: var(--text-2xs); font-variant-numeric: tabular-nums; }
.agente-ia-chat__message p[b-hbco0stesb] { font-size: var(--text-xs); line-height: 1.52; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.agente-ia-chat__document-link[b-hbco0stesb] { color: var(--primary); font-weight: var(--weight-semibold); text-decoration: underline; text-underline-offset: 2px; }

.agente-ia-chat__loading[b-hbco0stesb],
.agente-ia-chat__error[b-hbco0stesb],
.agente-ia-chat__empty[b-hbco0stesb] { margin: 16px auto; max-width: 360px; text-align: center; }
.agente-ia-chat__loading[b-hbco0stesb] { align-items: center; color: var(--muted); display: flex; font-size: var(--text-2xs); gap: 8px; justify-content: center; }
.agente-ia-chat__error[b-hbco0stesb] { background: color-mix(in srgb, var(--danger) 8%, var(--panel)); border: 1px solid color-mix(in srgb, var(--danger) 22%, var(--line)); border-radius: 12px; color: var(--danger); font-size: var(--text-2xs); padding: 10px 12px; }
.agente-ia-chat__empty[b-hbco0stesb] { color: var(--muted); display: grid; gap: 8px; justify-items: center; padding: 32px 18px; }
.agente-ia-chat__empty strong[b-hbco0stesb] { color: var(--text); font-size: var(--text-sm); }
.agente-ia-chat__empty p[b-hbco0stesb] { font-size: var(--text-2xs); line-height: 1.45; margin: 0; }
.agente-ia-chat__empty-icon[b-hbco0stesb] { align-items: center; background: var(--primary-soft); border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line)); border-radius: 14px; color: var(--primary); display: inline-flex; height: 44px; justify-content: center; width: 44px; }
.agente-ia-chat__mode-picker[b-hbco0stesb] {
    display: grid;
    gap: 10px;
    margin: 12px auto;
    max-width: 410px;
    padding: 18px 8px;
}
.agente-ia-chat__mode-picker > strong[b-hbco0stesb] { color: var(--text); font-size: var(--text-md); text-align: center; }
.agente-ia-chat__mode-picker > p[b-hbco0stesb] { color: var(--muted); font-size: var(--text-2xs); line-height: 1.45; margin: 0 0 4px; text-align: center; }
.agente-ia-chat__mode-option[b-hbco0stesb] {
    align-items: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    color: var(--text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 11px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 12px;
    text-align: left;
}
.agente-ia-chat__mode-option:hover[b-hbco0stesb],
.agente-ia-chat__mode-option:focus-visible[b-hbco0stesb] {
    background: color-mix(in srgb, var(--primary) 6%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
    outline: 0;
}
.agente-ia-chat__mode-option:disabled[b-hbco0stesb] { cursor: not-allowed; opacity: .55; }
.agente-ia-chat__mode-option > span:last-child[b-hbco0stesb] { display: grid; gap: 3px; }
.agente-ia-chat__mode-option b[b-hbco0stesb] { font-size: var(--text-xs); }
.agente-ia-chat__mode-option small[b-hbco0stesb] { color: var(--muted); font-size: var(--text-2xs); line-height: 1.4; }
.agente-ia-chat__mode-icon[b-hbco0stesb] {
    align-items: center;
    background: var(--primary-soft);
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
    border-radius: 10px;
    color: var(--primary);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}
.agente-ia-chat__spinner[b-hbco0stesb] { animation: ako-spin-b-hbco0stesb .7s linear infinite; border: 2px solid var(--line); border-radius: 50%; border-top-color: var(--primary); height: 15px; width: 15px; }
@keyframes ako-spin-b-hbco0stesb { to { transform: rotate(360deg); } }
.agente-ia-chat__typing-dots[b-hbco0stesb] { display: flex; gap: 4px; padding: 3px 0 1px; }
.agente-ia-chat__typing-dots span[b-hbco0stesb] { animation: ako-dot-b-hbco0stesb 1s infinite ease-in-out; background: var(--muted); border-radius: 50%; height: 5px; width: 5px; }
.agente-ia-chat__typing-dots span:nth-child(2)[b-hbco0stesb] { animation-delay: .14s; }
.agente-ia-chat__typing-dots span:nth-child(3)[b-hbco0stesb] { animation-delay: .28s; }
@keyframes ako-dot-b-hbco0stesb { 0%,100% { opacity:.35; transform:translateY(0); } 50% { opacity:1; transform:translateY(-2px); } }

.agente-ia-chat__composer-wrap[b-hbco0stesb] {
    background: var(--panel);
    border-top: 1px solid var(--line);
    display: grid;
    gap: 7px;
    padding: 11px 12px max(11px, env(safe-area-inset-bottom));
}

/* Superficie exclusiva de escritura. Las acciones viven fuera de esta caja,
   en el extremo inferior derecho del chat. */
.agente-ia-chat__composer-surface[b-hbco0stesb] {
    background: color-mix(in srgb, var(--muted) 8%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--muted) 24%, var(--line));
    border-radius: 16px;
    display: grid;
    gap: 8px;
    padding: 8px 10px;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.agente-ia-chat__composer-surface:focus-within[b-hbco0stesb] {
    background: color-mix(in srgb, var(--muted) 6%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 48%, var(--line));
    box-shadow: 0 0 0 3px var(--focus-ring);
}

.agente-ia-chat__composer-surface textarea[b-hbco0stesb] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--text);
    display: block;
    font: inherit;
    font-size: var(--text-xs);
    line-height: 1.5;
    margin: 0;
    max-height: 160px;
    min-height: 38px;
    outline: 0;
    overflow-y: auto;
    padding: 8px 4px 6px;
    resize: none;
    width: 100%;
}
.agente-ia-chat__composer-surface textarea[b-hbco0stesb]::placeholder {
    color: color-mix(in srgb, var(--muted) 86%, transparent);
}

.agente-ia-chat__composer-footer[b-hbco0stesb] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 32px;
    padding-inline: 4px 2px;
}

.agente-ia-chat__composer-tools[b-hbco0stesb] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 4px;
    justify-content: flex-end;
    margin-left: auto;
}

/* Chat AKO · contrato local normalizado de acciones.
   Adjuntar, Micrófono y Enviar comparten EXACTAMENTE la misma clase y geometría.
   Se apoya sólo en la base global stariz-icon-action para foco/disabled, sin
   mantener un segundo contrato global exclusivo del Chat. */
.agente-ia-chat__action[b-hbco0stesb],
.agente-ia-chat__composer-action[b-hbco0stesb] {
    appearance: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: color-mix(in srgb, var(--text) 74%, var(--muted));
    line-height: 0;
    margin: 0;
    padding: 0;
}

.agente-ia-chat__action--header[b-hbco0stesb] {
    border-radius: 9px;
    flex: 0 0 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px;
    color: var(--topbar-text-muted);
}

.agente-ia-chat__action--header:hover:not(:disabled)[b-hbco0stesb] { color: var(--topbar-text); }

.agente-ia-chat__action--compact[b-hbco0stesb] {
    border-radius: 999px;
    flex: 0 0 22px;
    height: 22px;
    min-height: 22px;
    min-width: 22px;
    width: 22px;
}

.agente-ia-chat__action--compact:hover:not(:disabled)[b-hbco0stesb] { color: var(--danger); }

.agente-ia-chat__composer-action[b-hbco0stesb] {
    border-radius: 8px;
    flex: 0 0 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px;
}

.agente-ia-chat__composer-action:hover:not(:disabled):not([aria-disabled="true"])[b-hbco0stesb] {
    color: var(--text);
}

.agente-ia-chat__composer-action:focus-visible[b-hbco0stesb],
.agente-ia-chat__action:focus-visible[b-hbco0stesb] {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.agente-ia-chat__composer-action:disabled[b-hbco0stesb],
.agente-ia-chat__composer-action[aria-disabled="true"][b-hbco0stesb],
.agente-ia-chat__action-disabled[b-hbco0stesb] {
    cursor: not-allowed;
    opacity: .68;
}

.agente-ia-chat__composer-action[data-role="voice"].is-recording[b-hbco0stesb] {
    color: var(--danger);
    animation: ako-voice-pulse-b-hbco0stesb 1s ease-in-out infinite;
}

.agente-ia-chat__composer-action[data-role="send"]:not(:disabled)[b-hbco0stesb] {
    color: var(--primary);
}

@keyframes ako-voice-pulse-b-hbco0stesb {
    0%, 100% { opacity: 1; }
    50% { opacity: .58; }
}

.agente-ia-chat__send-button[b-hbco0stesb] { flex: 0 0 32px; }

.agente-ia-chat__attach-control[b-hbco0stesb] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.agente-ia-chat__attachments[b-hbco0stesb] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 0 1px;
}
.agente-ia-chat__attachment[b-hbco0stesb] {
    align-items: center;
    background: color-mix(in srgb, var(--muted) 13%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--muted) 26%, var(--line));
    border-radius: 12px;
    color: var(--text);
    display: inline-flex;
    gap: 7px;
    max-width: 100%;
    min-height: 34px;
    padding: 4px 5px 4px 6px;
}
.agente-ia-chat__attachment-icon[b-hbco0stesb] {
    align-items: center;
    background: color-mix(in srgb, var(--muted) 14%, var(--panel));
    border-radius: 8px;
    color: var(--muted);
    display: inline-flex;
    flex: 0 0 27px;
    height: 27px;
    justify-content: center;
    width: 27px;
}
.agente-ia-chat__attachment-copy[b-hbco0stesb] { display: grid; gap: 1px; min-width: 0; }
.agente-ia-chat__attachment-name[b-hbco0stesb] { font-size: var(--text-2xs); font-weight: var(--weight-semibold); max-width: 172px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agente-ia-chat__attachment-size[b-hbco0stesb] { color: var(--muted); font-size: var(--text-2xs); }

.agente-ia-chat__composer-help[b-hbco0stesb] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.3;
    padding-inline: 4px;
    text-align: center;
}
.agente-ia-chat__composer-help.is-recording[b-hbco0stesb] { color: var(--danger); font-weight: var(--weight-bold); }

.agente-ia-chat__resize-handle[b-hbco0stesb] {
    background: transparent;
    border: 0;
    cursor: ew-resize;
    height: 100%;
    inset: 0 auto 0 -5px;
    padding: 0;
    position: absolute;
    width: 10px;
}
.agente-ia-chat__resize-handle span[b-hbco0stesb] { display: none; }

@media (max-width: 720px) {
    .agente-ia-chat[b-hbco0stesb] {
        border: 0;
        border-radius: 0;
        height: 100dvh;
        inset: 0;
        max-height: none;
        max-width: none;
        min-width: 0;
        width: 100vw;
    }
    .agente-ia-chat__resize-handle[b-hbco0stesb] { display: none; }
    .agente-ia-chat__message[b-hbco0stesb] { max-width: 92%; }
}

@media (max-width: 430px) {
    .agente-ia-chat__composer-row[b-hbco0stesb] { gap: 5px; }
    .agente-ia-chat__attachment-name[b-hbco0stesb] { max-width: 128px; }
}

@media (prefers-reduced-motion: reduce) {
    .agente-ia-chat__composer-surface[b-hbco0stesb],
    .agente-ia-chat__composer-action[b-hbco0stesb],
    .agente-ia-chat__action[b-hbco0stesb],
    .agente-ia-chat__typing-dots span[b-hbco0stesb],
    .agente-ia-chat__spinner[b-hbco0stesb] { animation: none; transition: none; }
}
/* /Modules/AgentesIa/Components/AgenteIaHeaderLauncher.razor.rz.scp.css */
.ako-agent-header-launcher[b-nprck4h6el] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--topbar-text, var(--primary));
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: 7px;
    min-height: 38px;
    padding: 0 11px;
    position: relative;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.ako-agent-header-launcher:hover[b-nprck4h6el],
.ako-agent-header-launcher:focus-visible[b-nprck4h6el],
.ako-agent-header-launcher--active[b-nprck4h6el] {
    background: color-mix(in srgb, var(--topbar-text, var(--primary)) 10%, var(--topbar-bg));
    border-color: color-mix(in srgb, var(--topbar-text, var(--primary)) 30%, transparent);
    color: var(--topbar-text, var(--primary));
    outline: none;
}

.ako-agent-header-launcher:hover[b-nprck4h6el] {
    transform: translateY(-1px);
}

.ako-agent-header-launcher__icon[b-nprck4h6el] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.ako-agent-header-launcher__text[b-nprck4h6el] {
    letter-spacing: .01em;
    line-height: 1;
    white-space: nowrap;
}

.ako-agent-header-launcher__busy-dot[b-nprck4h6el] {
    animation: ako-agent-header-dot-b-nprck4h6el 1s infinite ease-in-out;
    background: #fef08a;
    border: 2px solid var(--topbar-bg);
    border-radius: 999px;
    height: 10px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 10px;
}

.ako-agent-header-launcher--busy[b-nprck4h6el] {
    animation: ako-agent-header-pulse-b-nprck4h6el 1.2s infinite ease-in-out;
    background: color-mix(in srgb, var(--primary, #2563eb) 94%, var(--secondary, #8ed1ff) 6%);
        border-color: transparent;
    box-shadow: none;
    color: #fff;
}

.ako-agent-header-launcher--busy .ako-agent-header-launcher__icon[b-nprck4h6el] {
    animation: ako-agent-header-icon-chroma-b-nprck4h6el .9s infinite ease-in-out;
}

.ako-agent-header-launcher--busy:hover[b-nprck4h6el],
.ako-agent-header-launcher--busy:focus-visible[b-nprck4h6el] {
    color: #fff;
    filter: brightness(1.03);
}

@keyframes ako-agent-header-pulse-b-nprck4h6el {
    0%, 100% { background-position: 0% 50%; transform: translateY(0) scale(1); }
    50% { background-position: 100% 50%; transform: translateY(-1px) scale(1.035); }
}

@keyframes ako-agent-header-icon-chroma-b-nprck4h6el {
    0%, 100% { opacity: .72; transform: rotate(0deg) scale(.92); }
    50% { opacity: 1; transform: rotate(8deg) scale(1.14); }
}

@keyframes ako-agent-header-dot-b-nprck4h6el {
    0%, 100% { opacity: .5; transform: scale(.75); }
    50% { opacity: 1; transform: scale(1.2); }
}

@media (max-width: 640px) {
    .ako-agent-header-launcher[b-nprck4h6el] {
        min-width: 38px;
        padding: 0;
        width: 38px;
    }

    .ako-agent-header-launcher__text[b-nprck4h6el] {
        display: none;
    }
}

.ako-agent-completion-toast[b-nprck4h6el] {
    align-items: center;
    background: var(--surface, #fff);
    border: 1px solid color-mix(in srgb, var(--primary, #38bdf8) 34%, transparent);
    border-radius: 18px;
    bottom: 22px;
    box-shadow: none;
    color: var(--text-color, #0f172a);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 11px;
    max-width: min(360px, calc(100vw - 32px));
    min-height: 70px;
    padding: 12px 14px;
    position: fixed;
    right: 22px;
    text-align: left;
    z-index: 1095;
    animation: ako-agent-toast-in-b-nprck4h6el .18s ease-out both;
}

.ako-agent-completion-toast:hover[b-nprck4h6el],
.ako-agent-completion-toast:focus-visible[b-nprck4h6el] {
    border-color: color-mix(in srgb, var(--primary, #38bdf8) 58%, transparent);
    box-shadow: none;
    outline: none;
    transform: translateY(-1px);
}

.ako-agent-completion-toast__icon[b-nprck4h6el] {
    align-items: center;
    background: color-mix(in srgb, var(--primary, #2563eb) 94%, var(--secondary, #8ed1ff) 6%);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.ako-agent-completion-toast__body[b-nprck4h6el] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.ako-agent-completion-toast__body strong[b-nprck4h6el] {
    color: var(--text-color, #0f172a);
    font-size: var(--text-sm);
    line-height: 1.2;
}

.ako-agent-completion-toast__body small[b-nprck4h6el] {
    color: var(--muted-text, #64748b);
    font-size: var(--text-xs);
    line-height: 1.35;
}

@keyframes ako-agent-toast-in-b-nprck4h6el {
    from { opacity: 0; transform: translateY(8px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 640px) {
    .ako-agent-completion-toast[b-nprck4h6el] {
        bottom: 14px;
        right: 14px;
    }
}


/* FIX112 · Lanzador AKO compacto, sin gradientes hardcodeados. */
.ako-agent-header-launcher[b-nprck4h6el] { min-height: 32px; padding: 6px 10px; border: 1px solid var(--primary); border-radius: 10px; background: var(--primary); color: var(--primary-contrast); box-shadow: none; font-size: var(--text-2xs); font-weight: var(--weight-semibold); }
.ako-agent-header-launcher:hover[b-nprck4h6el] { filter: brightness(.94); box-shadow: none; transform: none; }
.ako-agent-header-launcher__icon[b-nprck4h6el] { color: currentColor; }

/* FIX122 · AKO AI realmente transparente en todos sus estados.
   Este bloque vive dentro del CSS aislado del componente para evitar que reglas
   históricas con vuelvan a pintar un fondo corporativo. */
.ako-agent-header-launcher[b-nprck4h6el],
.ako-agent-header-launcher:hover[b-nprck4h6el],
.ako-agent-header-launcher:focus-visible[b-nprck4h6el],
.ako-agent-header-launcher--active[b-nprck4h6el],
.ako-agent-header-launcher--busy[b-nprck4h6el],
.ako-agent-header-launcher--busy:hover[b-nprck4h6el],
.ako-agent-header-launcher--busy:focus-visible[b-nprck4h6el] {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--ako-icon-color, var(--primary));
    filter: none;
    transform: none;
}

.ako-agent-header-launcher:hover[b-nprck4h6el],
.ako-agent-header-launcher:focus-visible[b-nprck4h6el] {
    outline: 2px solid color-mix(in srgb, var(--ako-icon-color, var(--primary)) 24%, transparent);
    outline-offset: 2px;
}

.ako-agent-header-launcher__icon[b-nprck4h6el],
.ako-agent-header-launcher--busy .ako-agent-header-launcher__icon[b-nprck4h6el] {
    color: var(--ako-icon-color, var(--primary));
}

.ako-agent-header-launcher__text[b-nprck4h6el] {
    color: var(--ako-icon-color, var(--primary));
}
/* /Modules/CanalesComunicaciones/Pages/CanalesComunicacionesPage.razor.rz.scp.css */
.channels-page[b-hztimwrl5z] {
    min-width: 0;
}

.channels-editor[b-hztimwrl5z] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: none;
    margin-bottom: 20px;
    padding: 18px;
}

.channels-editor__heading[b-hztimwrl5z] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.channels-editor__heading h2[b-hztimwrl5z] {
    margin: 0;
}

.channels-editor__heading p[b-hztimwrl5z] {
    color: var(--muted);
    margin: 4px 0 0;
}

.channels-form-grid[b-hztimwrl5z] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.channels-field[b-hztimwrl5z] {
    align-content: start;
    display: grid;
    gap: 7px;
    min-width: 0;
}

.channels-field > span:first-child[b-hztimwrl5z] {
    color: var(--text);
    font-size: var(--text-md);
    font-weight: var(--weight-bold);
}

.channels-field input[b-hztimwrl5z],
.channels-field select[b-hztimwrl5z],
.channels-field textarea[b-hztimwrl5z] {
    background: var(--stariz-glass-field);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--text);
    font: inherit;
    margin: 0;
    min-height: 42px;
    padding: 10px 12px;
    width: 100%;
}

.channels-field input:focus[b-hztimwrl5z],
.channels-field select:focus[b-hztimwrl5z],
.channels-field textarea:focus[b-hztimwrl5z] {
    border-color: var(--primary);
    box-shadow: none;
    outline: none;
}

.channels-field input[readonly][b-hztimwrl5z] {
    color: var(--muted);
    cursor: not-allowed;
}

.channels-field textarea[b-hztimwrl5z] {
    min-height: 150px;
    resize: vertical;
}

.channels-field--full[b-hztimwrl5z] {
    grid-column: 1 / -1;
}

.channels-field--switch[b-hztimwrl5z] {
    align-items: center;
    grid-template-columns: 1fr auto;
    min-height: 42px;
}

.record-editor__switch-control[b-hztimwrl5z] {
    align-items: center;
    display: inline-flex;
    gap: 9px;
    min-height: 42px;
}

.record-editor__switch-control input[b-hztimwrl5z] {
    block-size: 1px;
    inline-size: 1px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 1px;
}

.record-editor__switch-track[b-hztimwrl5z] {
    background: color-mix(in srgb, var(--muted) 34%, var(--field));
    border: 1px solid var(--line);
    border-radius: 999px;
    block-size: 22px;
    box-sizing: border-box;
    cursor: pointer;
    inline-size: 42px;
    position: relative;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.record-editor__switch-track[b-hztimwrl5z]::after {
    background: var(--stariz-glass-surface);
    border-radius: 50%;
    box-shadow: none;
    content: "";
    block-size: 16px;
    inline-size: 16px;
    inset-block-start: 2px;
    inset-inline-start: 2px;
    position: absolute;
    transition: transform .18s ease;
}

.record-editor__switch-control input:checked + .record-editor__switch-track[b-hztimwrl5z] {
    background: var(--stariz-glass-primary);
    border-color: var(--primary);
}

.record-editor__switch-control input:checked + .record-editor__switch-track[b-hztimwrl5z]::after {
    transform: translateX(18px);
}

.record-editor__switch-control input:focus-visible + .record-editor__switch-track[b-hztimwrl5z] {
    box-shadow: none;
}

.record-editor__switch-control em[b-hztimwrl5z] {
    color: var(--muted);
    font-size: var(--text-sm);
    font-style: normal;
    font-weight: var(--weight-bold);
}

.channels-editor__actions[b-hztimwrl5z] {
    margin-top: 20px;
    max-width: 100%;
    padding-block: 2px;
}

.channels-table-wrap[b-hztimwrl5z] {
    overflow: auto;
}

.channels-text-cell[b-hztimwrl5z] {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channels-empty-cell[b-hztimwrl5z] {
    color: var(--muted);
    padding: 22px;
    text-align: center;
}

@media (max-width: 900px) {
    .channels-form-grid[b-hztimwrl5z] {
        grid-template-columns: 1fr;
    }

    .channels-field--full[b-hztimwrl5z] {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .channels-editor__heading[b-hztimwrl5z],
    .channels-page .page-heading[b-hztimwrl5z] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Modules/Denuncias/Pages/DenunciasPage.razor.rz.scp.css */
.denuncias-page[b-hl4syw1bvj] {
    display: grid;
    gap: 1rem;
}

.denuncias-page__header[b-hl4syw1bvj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.denuncias-page__header h1[b-hl4syw1bvj],
.denuncias-modal__header h2[b-hl4syw1bvj] {
    margin: 0;
}

.denuncias-page__subtitle[b-hl4syw1bvj] {
    margin: .35rem 0 0;
    color: var(--text-muted, #64748b);
}

.denuncias-toolbar .denuncias-count[b-hl4syw1bvj] {
    align-self: end;
    color: var(--muted, #64748b);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    margin-left: auto;
    min-height: 2.75rem;
    padding: .82rem .15rem 0;
    white-space: nowrap;
}

.denuncias-muted[b-hl4syw1bvj] {
    color: var(--text-muted, #64748b);
}

.denuncias-empty[b-hl4syw1bvj] {
    display: grid;
    gap: .4rem;
    place-items: center;
    min-height: 13rem;
    padding: 2rem;
    text-align: center;
    border: 1px dashed var(--border-color, #cbd5e1);
    border-radius: 1rem;
    color: var(--text-muted, #64748b);
}

.denuncias-status[b-hl4syw1bvj] {
    display: inline-flex;
    padding: .28rem .62rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--primary, #2563eb) 12%, transparent);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.denuncias-modal-backdrop[b-hl4syw1bvj] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: transparent;
    backdrop-filter: none;
}

.denuncias-modal[b-hl4syw1bvj] {
    width: min(46rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid var(--border-color, #dbe3ec);
    border-radius: 1.1rem;
    background: var(--surface, #fff);
    box-shadow: none;
}

.denuncias-modal--detail[b-hl4syw1bvj] {
    width: min(52rem, 100%);
}

.denuncias-modal__header[b-hl4syw1bvj],
.denuncias-modal__header[b-hl4syw1bvj] {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.denuncias-modal__close[b-hl4syw1bvj] {
    width: 2.4rem;
    height: 2.4rem;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font-size: var(--text-3xl);
    cursor: pointer;
}

.denuncias-form-grid[b-hl4syw1bvj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.1rem 0;
}

.denuncias-field[b-hl4syw1bvj] {
    display: grid;
    gap: .4rem;
}

.denuncias-field--full[b-hl4syw1bvj] {
    grid-column: 1 / -1;
}

.denuncias-field > span[b-hl4syw1bvj],
.denuncias-evidence strong[b-hl4syw1bvj],
.denuncias-detail-block h3[b-hl4syw1bvj] {
    font-weight: var(--weight-bold);
}

.denuncias-field input[b-hl4syw1bvj],
.denuncias-field select[b-hl4syw1bvj],
.denuncias-field textarea[b-hl4syw1bvj] {
    width: 100%;
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: .75rem;
    padding: .78rem .85rem;
    background: var(--surface, #fff);
    color: inherit;
    font: inherit;
}

.denuncias-field textarea[b-hl4syw1bvj] {
    resize: vertical;
}

.denuncias-options[b-hl4syw1bvj] {
    display: grid;
    gap: .65rem;
    padding-bottom: 1rem;
}

.denuncias-option[b-hl4syw1bvj],
.denuncias-declaration[b-hl4syw1bvj] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: .8rem;
}

.denuncias-option span[b-hl4syw1bvj] {
    display: grid;
    gap: .2rem;
}

.denuncias-option small[b-hl4syw1bvj],
.denuncias-evidence span[b-hl4syw1bvj],
.denuncias-file-list small[b-hl4syw1bvj],
.denuncias-detail-files small[b-hl4syw1bvj] {
    color: var(--text-muted, #64748b);
}

.denuncias-evidence[b-hl4syw1bvj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

.denuncias-evidence > div[b-hl4syw1bvj] {
    display: grid;
    gap: .25rem;
}

.denuncias-upload[b-hl4syw1bvj] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0 1rem;
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 10px;
    cursor: pointer;
}

.denuncias-upload[b-hl4syw1bvj]  input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.denuncias-file-list[b-hl4syw1bvj],
.denuncias-detail-files[b-hl4syw1bvj],
.denuncias-timeline[b-hl4syw1bvj] {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.denuncias-file-list li[b-hl4syw1bvj],
.denuncias-detail-files li[b-hl4syw1bvj] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: .75rem;
    padding: .7rem 0;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.denuncias-file-list button[b-hl4syw1bvj] {
    border: 0;
    background: transparent;
    color: var(--danger, #b91c1c);
    cursor: pointer;
}

.denuncias-declaration[b-hl4syw1bvj] {
    margin: 1rem 0;
}

.denuncias-modal__actions[b-hl4syw1bvj] {
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

.denuncias-validation[b-hl4syw1bvj] {
    color: var(--danger, #b91c1c);
}

.denuncias-detail-summary[b-hl4syw1bvj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.denuncias-detail-summary div[b-hl4syw1bvj] {
    display: grid;
    gap: .25rem;
    padding: .75rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: .75rem;
}

.denuncias-detail-summary dt[b-hl4syw1bvj] {
    color: var(--text-muted, #64748b);
    font-size: var(--text-xs);
}

.denuncias-detail-summary dd[b-hl4syw1bvj] {
    margin: 0;
    font-weight: var(--weight-bold);
}

.denuncias-detail-block[b-hl4syw1bvj] {
    padding: 1rem 0;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

.denuncias-detail-block p[b-hl4syw1bvj] {
    white-space: pre-wrap;
}

.denuncias-timeline[b-hl4syw1bvj] {
    display: grid;
    gap: .75rem;
}

.denuncias-timeline li[b-hl4syw1bvj] {
    display: grid;
    gap: .25rem;
    padding-left: 1rem;
    border-left: 3px solid var(--primary, #2563eb);
}

.denuncias-timeline small[b-hl4syw1bvj] {
    color: var(--text-muted, #64748b);
}


.denuncias-modal-dialog[b-hl4syw1bvj] {
    width: min(46rem, calc(100vw - 2rem));
    max-width: none;
    max-height: calc(100vh - 2rem);
    margin: auto;
    padding: 0;
    border: 0;
    background: transparent;
    overflow: visible;
}

.denuncias-modal-dialog[b-hl4syw1bvj]::backdrop {
    background: transparent;
    backdrop-filter: none;
}

.denuncias-modal-dialog .denuncias-modal[b-hl4syw1bvj] {
    width: 100%;
}

@media (max-width: 760px) {
    .denuncias-page__header[b-hl4syw1bvj],
    .denuncias-evidence[b-hl4syw1bvj] {
        align-items: stretch;
        flex-direction: column;
    }

    .denuncias-form-grid[b-hl4syw1bvj],
    .denuncias-detail-summary[b-hl4syw1bvj] {
        grid-template-columns: 1fr;
    }

    .denuncias-modal[b-hl4syw1bvj] {
        padding: 1rem;
    }
}

.denuncias-modal--create[b-hl4syw1bvj] {
    width: min(58rem, 100%);
}

.denuncias-modal__subtitle[b-hl4syw1bvj] {
    margin: .3rem 0 0;
    color: var(--text-muted, #64748b);
}

.denuncias-section-title[b-hl4syw1bvj] {
    display: grid;
    gap: .2rem;
    padding: .2rem 0 .15rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.denuncias-section-title span[b-hl4syw1bvj],
.denuncias-identity span[b-hl4syw1bvj] {
    color: var(--text-muted, #64748b);
    font-size: var(--text-md);
}

.denuncias-identity[b-hl4syw1bvj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.denuncias-identity > div[b-hl4syw1bvj] {
    display: grid;
    gap: .25rem;
}

.denuncias-inline-check[b-hl4syw1bvj] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
}

.denuncias-signature[b-hl4syw1bvj] {
    display: grid;
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

@media (max-width: 760px) {
    .denuncias-identity[b-hl4syw1bvj] {
        align-items: stretch;
        flex-direction: column;
    }

    .denuncias-signature[b-hl4syw1bvj] {
        grid-template-columns: 1fr;
    }
}


/* REV176 · limpieza visual y tema oscuro */
.denuncias-modal--create[b-hl4syw1bvj] {
    width: min(54rem, 100%);
    padding: 1.1rem 1.2rem;
}

.denuncias-form-grid[b-hl4syw1bvj] {
    gap: .8rem 1rem;
    padding: .9rem 0;
}

.denuncias-field[b-hl4syw1bvj] {
    gap: .32rem;
}

.denuncias-field > span[b-hl4syw1bvj] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
}

.denuncias-field input[b-hl4syw1bvj],
.denuncias-field select[b-hl4syw1bvj],
.denuncias-field textarea[b-hl4syw1bvj] {
    min-height: 2.55rem;
    padding: .66rem .75rem;
    border-radius: .62rem;
    background: var(--surface, #fff);
}

.denuncias-field textarea[b-hl4syw1bvj] {
    min-height: auto;
}

.denuncias-section-title[b-hl4syw1bvj] {
    padding: .55rem 0 .35rem;
}

.denuncias-identity[b-hl4syw1bvj] {
    min-height: 3.4rem;
    padding: .62rem 0;
}

.denuncias-inline-check[b-hl4syw1bvj],
.denuncias-option[b-hl4syw1bvj],
.denuncias-declaration[b-hl4syw1bvj] {
    cursor: pointer;
}

.denuncias-inline-check input[type="checkbox"][b-hl4syw1bvj],
.denuncias-option input[type="checkbox"][b-hl4syw1bvj],
.denuncias-declaration input[type="checkbox"][b-hl4syw1bvj] {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    margin: .08rem 0 0;
    accent-color: var(--primary, #2563eb);
}

.denuncias-inline-check.is-locked[b-hl4syw1bvj] {
    color: var(--text-muted, #64748b);
    cursor: not-allowed;
}

.denuncias-options[b-hl4syw1bvj] {
    gap: .35rem;
    padding: .15rem 0 .65rem;
}

.denuncias-option[b-hl4syw1bvj],
.denuncias-declaration[b-hl4syw1bvj] {
    gap: .55rem;
    padding: .4rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.denuncias-option span[b-hl4syw1bvj] {
    gap: .08rem;
}

.denuncias-option strong[b-hl4syw1bvj],
.denuncias-declaration span[b-hl4syw1bvj] {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    line-height: 1.35;
}

.denuncias-option small[b-hl4syw1bvj] {
    font-size: var(--text-xs);
    line-height: 1.35;
}

.denuncias-evidence[b-hl4syw1bvj] {
    padding: .75rem 0;
}

.denuncias-signature[b-hl4syw1bvj] {
    gap: .8rem;
    padding-top: .75rem;
}

.denuncias-declaration[b-hl4syw1bvj] {
    margin: .55rem 0 .15rem;
}

.denuncias-modal__actions[b-hl4syw1bvj] {
    padding-top: .75rem;
}

html[data-theme="dark"] .denuncias-modal-dialog[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-modal[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-field input[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-field select[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-field textarea[b-hl4syw1bvj] {
    color-scheme: dark;
    color: #e5edf7;
    background: #111827;
    border-color: #334155;
}

html[data-theme="dark"] .denuncias-modal-dialog .denuncias-modal[b-hl4syw1bvj] {
    background: #111827;
    color: #e5edf7;
}

html[data-theme="dark"] .denuncias-page__subtitle[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-modal__subtitle[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-section-title span[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-identity span[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-option small[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-muted[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-count[b-hl4syw1bvj] {
    color: #9fb0c5;
}

html[data-theme="dark"] .denuncias-modal__header[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-section-title[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-identity[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-evidence[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-signature[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-modal__actions[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-file-list li[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-detail-files li[b-hl4syw1bvj],
html[data-theme="dark"] .denuncias-detail-block[b-hl4syw1bvj] {
    border-color: #334155;
}

html[data-theme="dark"] .denuncias-field input[b-hl4syw1bvj]::placeholder,
html[data-theme="dark"] .denuncias-field textarea[b-hl4syw1bvj]::placeholder {
    color: #718096;
}

html[data-theme="dark"] .denuncias-upload[b-hl4syw1bvj] {
    border-color: #475569;
    background: #172033;
    color: #e5edf7;
}

html[data-theme="dark"] .denuncias-modal__close[b-hl4syw1bvj] {
    color: #dbe7f5;
}

html[data-theme="dark"] .denuncias-modal-dialog[b-hl4syw1bvj]::backdrop {
    background: transparent;
}

/* REV177: formulario general reducido y confirmaciones compactas */
.denuncias-section-title--compact[b-hl4syw1bvj] {
    margin-bottom: -.15rem;
}

.denuncias-confirmation-row[b-hl4syw1bvj] {
    display: flex;
    align-items: center;
    min-height: 1.8rem;
    margin: .35rem 0 .65rem;
}

.denuncias-compact-check[b-hl4syw1bvj] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: var(--text-md);
    line-height: 1.25;
    cursor: pointer;
}

.denuncias-compact-check[b-hl4syw1bvj]  input[type="checkbox"] {
    flex: 0 0 auto;
    width: .95rem;
    height: .95rem;
    min-width: .95rem;
    min-height: .95rem;
    margin: 0;
    padding: 0;
    border-radius: .2rem;
    accent-color: var(--primary, #2563eb);
}

.denuncias-compact-check span[b-hl4syw1bvj] {
    display: inline;
    margin: 0;
    font-weight: var(--weight-medium);
}

.denuncias-confirmation-row .validation-message[b-hl4syw1bvj] {
    margin-left: .5rem;
    font-size: var(--text-xs);
}

.denuncias-signature[b-hl4syw1bvj] {
    margin-top: .85rem;
}


/* Alineación con el formato global de CRUD STARIZ. */
.denuncias-table-wrap[b-hl4syw1bvj] {
    margin-top: .625rem;
    border: 1px solid var(--line, var(--border-color, #dbe3ec));
    border-radius: 1rem;
    background: var(--stariz-glass-surface);
    overflow: auto;
}

.denuncias-table-wrap table[b-hl4syw1bvj] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.denuncias-table-wrap thead th:first-child[b-hl4syw1bvj] {
    border-top-left-radius: calc(1rem - 1px);
}

.denuncias-table-wrap thead th:last-child[b-hl4syw1bvj] {
    border-top-right-radius: calc(1rem - 1px);
}

.denuncias-table-wrap tbody tr:last-child td:first-child[b-hl4syw1bvj] {
    border-bottom-left-radius: calc(1rem - 1px);
}

.denuncias-table-wrap tbody tr:last-child td:last-child[b-hl4syw1bvj] {
    border-bottom-right-radius: calc(1rem - 1px);
}

.denuncias-table-wrap .actions[b-hl4syw1bvj],
.denuncias-table-wrap .actions-header[b-hl4syw1bvj] {
    min-width: 10rem;
    text-align: right;
    vertical-align: middle;
}

.denuncias-table-wrap .table-row-actions[b-hl4syw1bvj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    padding-block: .125rem;
}

.denuncias-table-wrap .table-row-actions .btn[b-hl4syw1bvj] {
    flex: 0 0 auto;
    white-space: nowrap;
    text-decoration: none;
}

.denuncias-modal__close[b-hl4syw1bvj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}


/* REV180: botón de detalle real y paginación del CRUD */
.denuncias-detail-form[b-hl4syw1bvj] {
    display: inline-flex;
    margin: 0;
}

.denuncias-detail-button[b-hl4syw1bvj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    padding: .45rem .85rem;
    border: 1px solid var(--primary, #2563eb);
    border-radius: 10px;
    background: var(--stariz-glass-primary);
    color: #fff;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    line-height: 1;
    cursor: pointer;
}

.denuncias-detail-button:hover[b-hl4syw1bvj] {
    filter: brightness(.96);
}

.denuncias-pagination[b-hl4syw1bvj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem .1rem .1rem;
}

.denuncias-pagination__summary[b-hl4syw1bvj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
    color: var(--text-muted, #64748b);
    font-size: var(--text-sm);
}

.denuncias-pagination__actions[b-hl4syw1bvj] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.denuncias-pagination__actions .btn[b-hl4syw1bvj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.7rem;
    min-height: 2.2rem;
    border-radius: 10px;
    text-decoration: none;
}

.denuncias-pagination__actions .btn[disabled][b-hl4syw1bvj] {
    opacity: .45;
    cursor: not-allowed;
}

.denuncias-page-number[b-hl4syw1bvj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid var(--primary, #2563eb);
    border-radius: 10px;
    background: color-mix(in srgb, var(--primary, #2563eb) 12%, transparent);
    color: var(--primary, #2563eb);
    font-size: var(--text-md);
    font-weight: var(--weight-bold);
}

@media (max-width: 720px) {
    .denuncias-pagination[b-hl4syw1bvj] {
        align-items: stretch;
        flex-direction: column;
    }

    .denuncias-pagination__actions[b-hl4syw1bvj] {
        justify-content: space-between;
    }
}


/* REV181 - Alineación con el CRUD genérico y navegación mejorada */
.denuncias-table-wrap .actions[b-hl4syw1bvj],
.denuncias-table-wrap .actions-header[b-hl4syw1bvj] {
    min-width: 150px;
    text-align: right;
    vertical-align: middle;
}

.denuncias-table-wrap .table-row-actions[b-hl4syw1bvj] {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    justify-content: flex-end;
    max-width: 100%;
    padding-block: 2px;
}

.denuncias-table-wrap .table-row-actions .btn[b-hl4syw1bvj] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.denuncias-pager[b-hl4syw1bvj] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    margin-top: 18px;
}

.denuncias-page-number[b-hl4syw1bvj] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    border: 1px solid var(--line, var(--border-color, #dbe3ec));
    border-radius: 10px;
    font-weight: var(--weight-bold);
}

.denuncias-pagination__summary[b-hl4syw1bvj] {
    color: var(--text-muted, #64748b);
    white-space: nowrap;
}

@media (max-width: 760px) {
    .denuncias-pager[b-hl4syw1bvj] {
        overflow-x: auto;
    }

    .denuncias-pagination__summary[b-hl4syw1bvj] {
        flex: 0 0 auto;
    }
}

/* REV182 - Igualación visual exacta con CRUD genérico STARIZ. */
.denuncias-table-wrap .table-row-actions .denuncias-row-action[b-hl4syw1bvj] {
    align-items: center;
    background: var(--stariz-glass-field);
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    justify-content: center;
    min-height: 34px;
    padding: 7px 14px;
    text-decoration: none;
    white-space: nowrap;
}

.denuncias-table-wrap .table-row-actions .denuncias-row-action:hover[b-hl4syw1bvj],
.denuncias-table-wrap .table-row-actions .denuncias-row-action:focus-visible[b-hl4syw1bvj] {
    border-color: var(--primary);
    color: var(--text);
    text-decoration: none;
}

.denuncias-pager[b-hl4syw1bvj] {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 12px;
    justify-content: flex-start;
    margin-top: 18px;
}

.denuncias-pager > .btn[b-hl4syw1bvj] {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 9px 18px;
    font-weight: var(--weight-bold);
    text-decoration: none;
    white-space: nowrap;
}

.denuncias-pager > span[b-hl4syw1bvj] {
    color: var(--text);
    flex: 0 0 auto;
    white-space: nowrap;
}

.denuncias-pager > .btn:disabled[b-hl4syw1bvj] {
    cursor: not-allowed;
    opacity: .48;
}

@media (max-width: 640px) {
    .denuncias-pager[b-hl4syw1bvj] {
        overflow-x: auto;
    }
}

/* REV186 - Igualación real con paginación del CRUD genérico.
   La regla anterior reducía la opacidad de los botones deshabilitados y hacía
   que Anterior/Siguiente parecieran sin negrita cuando solo existía una página. */
.denuncias-pager > a.btn[b-hl4syw1bvj],
.denuncias-pager > button.btn[b-hl4syw1bvj] {
    color: var(--text);
    font-weight: var(--weight-bold);
    opacity: 1;
    -webkit-text-fill-color: var(--text);
}

.denuncias-pager > button.btn:disabled[b-hl4syw1bvj] {
    color: var(--text);
    cursor: default;
    opacity: 1;
    -webkit-text-fill-color: var(--text);
}

@media (max-width: 760px) {
    .denuncias-toolbar .denuncias-count[b-hl4syw1bvj] {
        margin-left: 0;
        padding-top: .15rem;
        width: 100%;
    }
}
/* /Modules/EventosRemunerativos/Pages/EventosRemunerativosPage.razor.rz.scp.css */
.eventos-remunerativos-page[b-y1prr8vu5d] {
    min-width: 0;
}

.eventos-remunerativos-page__intro[b-y1prr8vu5d] {
    color: var(--muted);
    margin: 7px 0 0;
}

.eventos-remunerativos-page__table[b-y1prr8vu5d] {
    margin-top: 10px;
}

/* REV115: editor integrado directamente a la página interactiva del módulo.
   Se elimina la transición con pointer-events y el componente hijo que retenía los eventos. */
.eventos-remunerativos-page__editor[b-y1prr8vu5d] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    margin: 0 0 20px;
    padding: 20px;
}

.eventos-remunerativos-page__editor-header[b-y1prr8vu5d] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.eventos-remunerativos-page__editor-header h2[b-y1prr8vu5d] {
    margin: 0;
}

.eventos-remunerativos-page__editor-header p:not(.eyebrow)[b-y1prr8vu5d] {
    color: var(--muted);
    margin: 7px 0 0;
}

.eventos-remunerativos-page__editor-grid[b-y1prr8vu5d] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.eventos-remunerativos-page__field[b-y1prr8vu5d] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.eventos-remunerativos-page__field--full[b-y1prr8vu5d] {
    grid-column: 1 / -1;
}

.eventos-remunerativos-page__field input[readonly][b-y1prr8vu5d] {
    background: color-mix(in srgb, var(--field) 86%, var(--panel));
    color: var(--muted);
    cursor: not-allowed;
}

.eventos-remunerativos-page__field small[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-sm);
}


.eventos-remunerativos-page__editor-actions[b-y1prr8vu5d] {
    margin-top: 20px;
}

@media (max-width: 860px) {
    .eventos-remunerativos-page__editor-grid[b-y1prr8vu5d] {
        grid-template-columns: 1fr;
    }

    .eventos-remunerativos-page__field--full[b-y1prr8vu5d] {
        grid-column: auto;
    }

    .eventos-remunerativos-page__editor-header[b-y1prr8vu5d] {
        flex-direction: column;
    }
}

/* REV118: interruptores funcionales de imputación y reliquidación.
   Mantienen la misma proporción visual del switch de tono del portal. */
.eventos-remunerativos-page__switch-title[b-y1prr8vu5d] {
    color: var(--text);
    font-weight: var(--weight-bold);
}

.eventos-remunerativos-page__switch-control[b-y1prr8vu5d] {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    min-height: 30px;
    width: fit-content;
}

.eventos-remunerativos-page__switch-control input[b-y1prr8vu5d] {
    -webkit-appearance: none;
    appearance: none;
    block-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    inline-size: 1px;
    margin: -1px;
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.eventos-remunerativos-page__switch-track[b-y1prr8vu5d] {
    background: color-mix(in srgb, var(--muted) 33%, var(--field));
    border: 1px solid var(--line);
    border-radius: 999px;
    block-size: 30px;
    cursor: pointer;
    inline-size: 54px;
    position: relative;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.eventos-remunerativos-page__switch-track[b-y1prr8vu5d]::after {
    background: var(--stariz-glass-surface);
    border-radius: 50%;
    block-size: 22px;
    box-shadow: none;
    content: "";
    inset-block-start: 3px;
    inset-inline-start: 3px;
    inline-size: 22px;
    position: absolute;
    transition: transform .22s ease;
}

.eventos-remunerativos-page__switch-control input:checked + .eventos-remunerativos-page__switch-track[b-y1prr8vu5d] {
    background: var(--stariz-glass-primary);
    border-color: var(--primary);
}

.eventos-remunerativos-page__switch-control input:checked + .eventos-remunerativos-page__switch-track[b-y1prr8vu5d]::after {
    transform: translateX(24px);
}

.eventos-remunerativos-page__switch-control input:focus-visible + .eventos-remunerativos-page__switch-track[b-y1prr8vu5d] {
    box-shadow: none;
}

.eventos-remunerativos-page__switch-control em[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-sm);
    font-style: normal;
    font-weight: var(--weight-bold);
}

/* Carga masiva: espacio único, compacto y operativo. */
.eventos-remunerativos-page__editor-header-actions[b-y1prr8vu5d] {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
}

.eventos-remunerativos-page__bulk-upload-trigger[b-y1prr8vu5d] {
    border-color: color-mix(in srgb, var(--primary) 40%, var(--line));
    color: var(--primary);
}

.eventos-remunerativos-page__bulk-upload-trigger:hover[b-y1prr8vu5d] {
    background: color-mix(in srgb, var(--primary) 8%, var(--field));
    border-color: var(--primary);
}

.eventos-remunerativos-page__bulk-upload-backdrop[b-y1prr8vu5d] {
    align-items: center;
    backdrop-filter: none;
    background: transparent;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 13px;
    position: fixed;
    z-index: 4200;
}

.eventos-remunerativos-page__bulk-upload-dialog[b-y1prr8vu5d] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: none;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: min(900px, calc(100vh - 26px));
    max-width: 1240px;
    overflow: hidden;
    width: 100%;
}

.eventos-remunerativos-page__bulk-upload-dialog-header[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-upload-dialog-footer[b-y1prr8vu5d] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 18px 28px;
}

.eventos-remunerativos-page__bulk-upload-dialog-header h2[b-y1prr8vu5d] {
    margin: 0;
}

.eventos-remunerativos-page__bulk-upload-dialog-header p:not(.eyebrow)[b-y1prr8vu5d] {
    color: var(--muted);
    margin: 6px 0 0;
    max-width: 80ch;
}

.eventos-remunerativos-page__bulk-upload-close[b-y1prr8vu5d] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--text-xl);
    height: 34px;
    justify-content: center;
    line-height: 1;
    width: 34px;
}

.eventos-remunerativos-page__bulk-upload-close:hover[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-upload-close:focus-visible[b-y1prr8vu5d] {
    border-color: var(--primary);
    color: var(--primary);
    outline: none;
}

.eventos-remunerativos-page__bulk-upload-dialog-body[b-y1prr8vu5d] {
    display: grid;
    gap: 28px;
    min-height: 0;
    overflow: auto;
    padding: 22px 28px 28px;
}

.eventos-remunerativos-page__bulk-upload-section[b-y1prr8vu5d] {
    display: grid;
    gap: 14px;
    min-width: 0;
    position: relative;
}

.eventos-remunerativos-page__bulk-upload-section-heading--inline[b-y1prr8vu5d] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.eventos-remunerativos-page__bulk-upload-section-heading .eyebrow[b-y1prr8vu5d] {
    margin-bottom: 4px;
}

.eventos-remunerativos-page__bulk-upload-section-heading h3[b-y1prr8vu5d] {
    color: var(--text);
    font-size: var(--text-lg);
    margin: 0;
}

.eventos-remunerativos-page__bulk-upload-section-heading p:not(.eyebrow)[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-sm);
    line-height: 1.42;
    margin: 5px 0 0;
    max-width: 82ch;
}

.eventos-remunerativos-page__bulk-filter-grid[b-y1prr8vu5d] {
    align-items: start;
    display: grid;
    gap: 11px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
}

/* Desplegable multiselección: el panel de opciones flota sobre el contenido y
   no modifica el alto de la tarjeta ni desplaza los otros controles. */
.eventos-remunerativos-page__filter-picker[b-y1prr8vu5d] {
    background: var(--stariz-glass-field);
    border: 1px solid var(--line);
    border-radius: 9px;
    min-width: 0;
    position: relative;
}

.eventos-remunerativos-page__filter-picker[open][b-y1prr8vu5d] {
    border-color: color-mix(in srgb, var(--primary) 56%, var(--line));
    box-shadow: none;
    z-index: 20;
}

.eventos-remunerativos-page__filter-picker summary[b-y1prr8vu5d] {
    align-items: center;
    color: var(--text);
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
    list-style: none;
    min-height: 42px;
    padding: 0 36px 0 12px;
    position: relative;
}

.eventos-remunerativos-page__filter-picker summary[b-y1prr8vu5d]::-webkit-details-marker {
    display: none;
}

.eventos-remunerativos-page__filter-picker summary[b-y1prr8vu5d]::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
    height: 6px;
    position: absolute;
    right: 14px;
    top: 16px;
    transform: rotate(45deg);
    transition: transform 160ms ease;
    width: 6px;
}

.eventos-remunerativos-page__filter-picker[open] summary[b-y1prr8vu5d]::after {
    top: 19px;
    transform: rotate(225deg);
}

.eventos-remunerativos-page__filter-picker summary > span[b-y1prr8vu5d] {
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eventos-remunerativos-page__filter-picker summary > strong[b-y1prr8vu5d] {
    color: var(--primary);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    max-width: 130px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eventos-remunerativos-page__filter-picker-popover[b-y1prr8vu5d] {
    background: var(--stariz-glass-surface);
    border: 1px solid color-mix(in srgb, var(--primary) 40%, var(--line));
    border-radius: 9px;
    box-shadow: none;
    display: none;
    gap: 8px;
    inset-inline: 0;
    min-width: 0;
    padding: 9px;
    position: absolute;
    top: calc(100% + 6px);
    z-index: 80;
}

.eventos-remunerativos-page__filter-picker[open] > .eventos-remunerativos-page__filter-picker-popover[b-y1prr8vu5d] {
    display: grid;
}

.eventos-remunerativos-page__filter-picker-search[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-config-grid .eventos-remunerativos-page__field > input[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-config-grid .eventos-remunerativos-page__field > select[b-y1prr8vu5d] {
    background: var(--stariz-glass-field);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--text);
    font: inherit;
    height: 42px;
    min-height: 42px;
    padding: 0 11px;
    width: 100%;
}

.eventos-remunerativos-page__filter-picker-search:focus[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-config-grid .eventos-remunerativos-page__field > input:focus[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-config-grid .eventos-remunerativos-page__field > select:focus[b-y1prr8vu5d] {
    border-color: var(--primary);
    box-shadow: none;
    outline: none;
}

.eventos-remunerativos-page__filter-picker-options[b-y1prr8vu5d] {
    display: grid;
    gap: 2px;
    max-height: 226px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 1px;
}

.eventos-remunerativos-page__filter-picker-options label[b-y1prr8vu5d] {
    align-items: center;
    border-radius: 7px;
    color: var(--text);
    cursor: pointer;
    display: flex;
    gap: 8px;
    min-height: 31px;
    padding: 5px 6px;
}

.eventos-remunerativos-page__filter-picker-options label:hover[b-y1prr8vu5d] {
    background: color-mix(in srgb, var(--primary) 7%, var(--panel));
}

.eventos-remunerativos-page__filter-picker-options input[b-y1prr8vu5d] {
    accent-color: var(--primary);
    cursor: pointer;
    flex: 0 0 auto;
    height: 15px;
    margin: 0;
    width: 15px;
}

.eventos-remunerativos-page__filter-picker-options span[b-y1prr8vu5d] {
    font-size: var(--text-sm);
    line-height: 1.28;
}

.eventos-remunerativos-page__filter-picker-empty[b-y1prr8vu5d] {
    color: var(--muted);
    display: block;
    font-size: var(--text-sm);
    padding: 9px 6px;
}

.eventos-remunerativos-page__bulk-group-result[b-y1prr8vu5d] {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 3px 0 0;
}

.eventos-remunerativos-page__bulk-group-result strong[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-group-result span[b-y1prr8vu5d] {
    display: block;
}

.eventos-remunerativos-page__bulk-group-result strong[b-y1prr8vu5d] {
    color: var(--text);
    font-size: var(--text-md);
}

.eventos-remunerativos-page__bulk-group-result span[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-xs);
    margin-top: 3px;
}

.eventos-remunerativos-page__bulk-event-types[b-y1prr8vu5d] {
    align-items: center;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    min-inline-size: 0;
    padding: 0;
}

.eventos-remunerativos-page__bulk-event-types legend[b-y1prr8vu5d] {
    color: var(--text);
    float: none;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    margin: 0 0 8px;
    padding: 0;
    width: 100%;
}

.eventos-remunerativos-page__bulk-event-type[b-y1prr8vu5d] {
    align-items: center;
    background: var(--stariz-glass-field);
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    gap: 7px;
    height: 38px;
    padding: 0 11px;
}

.eventos-remunerativos-page__bulk-event-type:has(input:checked)[b-y1prr8vu5d] {
    background: color-mix(in srgb, var(--primary) 9%, var(--panel));
    border-color: color-mix(in srgb, var(--primary) 52%, var(--line));
    color: var(--primary);
}

.eventos-remunerativos-page__bulk-event-type input[b-y1prr8vu5d] {
    accent-color: var(--primary);
    height: 15px;
    margin: 0;
    width: 15px;
}

.eventos-remunerativos-page__bulk-event-type span[b-y1prr8vu5d] {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.eventos-remunerativos-page__bulk-config-grid[b-y1prr8vu5d] {
    align-items: end;
    display: grid;
    gap: 11px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
}

.eventos-remunerativos-page__bulk-config-grid .eventos-remunerativos-page__field[b-y1prr8vu5d] {
    align-content: end;
    gap: 6px;
}

.eventos-remunerativos-page__bulk-config-grid .eventos-remunerativos-page__field[b-y1prr8vu5d] {
    color: var(--text);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.eventos-remunerativos-page__bulk-date-slot[b-y1prr8vu5d] {
    min-height: 66px;
}

.eventos-remunerativos-page__bulk-date-slot--reserved[b-y1prr8vu5d] {
    pointer-events: none;
    visibility: hidden;
}

.eventos-remunerativos-page__filter-picker--wide[b-y1prr8vu5d] {
    grid-column: 1 / -1;
}

.eventos-remunerativos-page__bulk-template-actions[b-y1prr8vu5d] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.eventos-remunerativos-page__bulk-template-actions .btn[b-y1prr8vu5d] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 38px;
    text-decoration: none;
    white-space: nowrap;
}

.eventos-remunerativos-page__bulk-template-download[b-y1prr8vu5d] {
    min-width: 118px;
}

.eventos-remunerativos-page__bulk-template-upload[b-y1prr8vu5d] {
    cursor: pointer;
    min-width: 148px;
    overflow: hidden;
    position: relative;
}

.eventos-remunerativos-page__bulk-template-upload.is-disabled[b-y1prr8vu5d] {
    cursor: not-allowed;
    opacity: .55;
}

.eventos-remunerativos-page__bulk-template-upload > span[b-y1prr8vu5d] {
    pointer-events: none;
}

.eventos-remunerativos-page__bulk-template-upload[b-y1prr8vu5d]  .eventos-remunerativos-page__bulk-template-file-input {
    cursor: pointer;
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.eventos-remunerativos-page__bulk-upload-file-ready[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-upload-file-alert[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-upload-file-success[b-y1prr8vu5d] {
    align-items: center;
    background: color-mix(in srgb, var(--field) 80%, var(--panel));
    border-radius: 8px;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 10px 12px;
}

.eventos-remunerativos-page__bulk-upload-file-ready[b-y1prr8vu5d] {
    border-inline-start: 3px solid var(--primary);
}

.eventos-remunerativos-page__bulk-upload-file-alert[b-y1prr8vu5d] {
    border-inline-start: 3px solid var(--danger);
    color: var(--text);
}

.eventos-remunerativos-page__bulk-upload-file-success[b-y1prr8vu5d] {
    border-inline-start: 3px solid var(--primary);
    color: var(--text);
}

.eventos-remunerativos-page__bulk-upload-file-ready strong[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-upload-file-alert strong[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-upload-file-success strong[b-y1prr8vu5d] {
    color: var(--text);
    display: block;
    font-size: var(--text-md);
}

.eventos-remunerativos-page__bulk-upload-file-ready p[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-upload-file-alert p[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-upload-file-success p[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-sm);
    line-height: 1.38;
    margin: 3px 0 0;
}

.eventos-remunerativos-page__bulk-upload-file-ready small[b-y1prr8vu5d] {
    color: var(--muted);
    display: block;
    font-size: var(--text-xs);
    line-height: 1.35;
    margin-top: 4px;
}

.eventos-remunerativos-page__bulk-upload-file-actions[b-y1prr8vu5d] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.eventos-remunerativos-page__bulk-upload-file-alert--issues[b-y1prr8vu5d] {
    align-items: flex-start;
}

.eventos-remunerativos-page__bulk-upload-file-alert ul[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-sm);
    line-height: 1.45;
    margin: 8px 0 0;
    padding-inline-start: 18px;
}

.eventos-remunerativos-page__bulk-upload-file-alert li + li[b-y1prr8vu5d] {
    margin-top: 4px;
}

.eventos-remunerativos-page__bulk-upload-file-alert--issues small[b-y1prr8vu5d] {
    color: var(--muted);
    display: block;
    font-size: var(--text-xs);
    margin-top: 7px;
}

@media (max-width: 920px) {
    .eventos-remunerativos-page__bulk-filter-grid[b-y1prr8vu5d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .eventos-remunerativos-page__editor-header-actions[b-y1prr8vu5d] {
        width: 100%;
    }

    .eventos-remunerativos-page__editor-header-actions .btn[b-y1prr8vu5d] {
        flex: 1 1 0;
    }

    .eventos-remunerativos-page__bulk-upload-backdrop[b-y1prr8vu5d] {
        align-items: end;
        padding: 8px;
    }

    .eventos-remunerativos-page__bulk-upload-dialog[b-y1prr8vu5d] {
        border-radius: 14px;
        height: calc(100vh - 16px);
    }

    .eventos-remunerativos-page__bulk-upload-dialog-header[b-y1prr8vu5d],
    .eventos-remunerativos-page__bulk-upload-dialog-footer[b-y1prr8vu5d] {
        padding-inline: 16px;
    }

    .eventos-remunerativos-page__bulk-upload-dialog-body[b-y1prr8vu5d] {
        padding-inline: 16px;
    }

    .eventos-remunerativos-page__bulk-upload-section-heading--inline[b-y1prr8vu5d],
    .eventos-remunerativos-page__bulk-group-result[b-y1prr8vu5d],
    .eventos-remunerativos-page__bulk-upload-file-ready[b-y1prr8vu5d],
    .eventos-remunerativos-page__bulk-upload-file-alert[b-y1prr8vu5d] {
        align-items: stretch;
        flex-direction: column;
    }

    .eventos-remunerativos-page__bulk-filter-grid[b-y1prr8vu5d],
    .eventos-remunerativos-page__bulk-config-grid[b-y1prr8vu5d] {
        grid-template-columns: 1fr;
    }

    .eventos-remunerativos-page__filter-picker--wide[b-y1prr8vu5d] {
        grid-column: auto;
    }

    .eventos-remunerativos-page__bulk-template-actions[b-y1prr8vu5d] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eventos-remunerativos-page__bulk-template-actions .btn[b-y1prr8vu5d] {
        min-width: 0;
        width: 100%;
    }

    .eventos-remunerativos-page__bulk-upload-file-actions[b-y1prr8vu5d],
    .eventos-remunerativos-page__bulk-upload-file-ready .btn[b-y1prr8vu5d] {
        width: 100%;
    }

    .eventos-remunerativos-page__bulk-upload-file-actions .btn[b-y1prr8vu5d] {
        flex: 1 1 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .eventos-remunerativos-page__bulk-upload-backdrop[b-y1prr8vu5d] {
        backdrop-filter: none;
    }
}

/* STARIZ-LOCKED: Tipografía del menú Operaciones masivas normalizada al estándar
   global STARIZ. No modificar sin instrucción explícita. */
.eventos-remunerativos-page .stariz-bulk-menu__trigger[b-y1prr8vu5d],
.eventos-remunerativos-page .stariz-bulk-menu__panel[b-y1prr8vu5d],
.eventos-remunerativos-page .stariz-bulk-menu__panel :is(a, button, strong, small, span)[b-y1prr8vu5d] {
    font-family: var(--stariz-font-family, inherit);
    letter-spacing: 0;
}

.eventos-remunerativos-page .stariz-bulk-menu__trigger[b-y1prr8vu5d] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
}

.eventos-remunerativos-page .stariz-bulk-menu__head[b-y1prr8vu5d] {
    display: grid;
    gap: 2px;
}

.eventos-remunerativos-page .stariz-bulk-menu__head strong[b-y1prr8vu5d],
.eventos-remunerativos-page .stariz-bulk-menu__option strong[b-y1prr8vu5d] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
}

.eventos-remunerativos-page .stariz-bulk-menu__head small[b-y1prr8vu5d],
.eventos-remunerativos-page .stariz-bulk-menu__option span[b-y1prr8vu5d] {
    font-size: var(--text-xs);
    font-weight: var(--weight-regular);
    line-height: 1.4;
    margin-top: 0;
}

.eventos-remunerativos-page__bulk-menu-delete[b-y1prr8vu5d] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 3px;
    padding: 11px 14px;
    text-align: start;
    width: 100%;
}

.eventos-remunerativos-page__bulk-menu-delete:hover[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-menu-delete:focus-visible[b-y1prr8vu5d] {
    background: color-mix(in srgb, var(--danger) 8%, transparent);
    outline: none;
}

.eventos-remunerativos-page__bulk-menu-delete span[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-xs);
}

.eventos-remunerativos-page__bulk-delete-backdrop[b-y1prr8vu5d] {
    align-items: center;
    background: rgb(15 23 42 / 58%);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 1200;
}

/* STARIZ-LOCKED: Funcionalidad validada y aprobada. No modificar estructura,
   comportamiento ni presentación sin una instrucción explícita del usuario. */
.eventos-remunerativos-page__bulk-delete-dialog[b-y1prr8vu5d] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: none;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    max-height: min(820px, calc(100vh - 48px));
    max-width: 1120px;
    overflow: hidden;
    width: min(1120px, calc(100vw - 48px));
}

.eventos-remunerativos-page__bulk-delete-intro[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-sm);
    margin: 0;
}

.eventos-remunerativos-page__bulk-delete-body[b-y1prr8vu5d] {
    display: grid;
    gap: 12px;
    min-height: 0;
    overflow: auto;
    padding: 16px 20px;
}

.eventos-remunerativos-page__bulk-delete-filters[b-y1prr8vu5d] {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
}

.eventos-remunerativos-page__bulk-delete-filters label[b-y1prr8vu5d] {
    color: var(--text);
    display: grid;
    font-size: var(--text-sm);
    font-weight: 650;
    gap: 6px;
}

.eventos-remunerativos-page__bulk-delete-filters input[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-delete-filters select[b-y1prr8vu5d] {
    min-width: 0;
    width: 100%;
}

.eventos-remunerativos-page__bulk-delete-filter-actions[b-y1prr8vu5d] {
    display: flex;
    justify-content: flex-end;
}

.eventos-remunerativos-page__bulk-delete-filter-actions .stariz-crud-button[b-y1prr8vu5d] {
    white-space: nowrap;
}

.eventos-remunerativos-page__bulk-delete-summary[b-y1prr8vu5d] {
    align-items: center;
    border-top: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    padding: 12px 0 0;
}

.eventos-remunerativos-page__bulk-delete-summary span[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-delete-warning[b-y1prr8vu5d] {
    color: var(--muted);
    font-size: var(--text-sm);
}

.eventos-remunerativos-page__bulk-delete-warning[b-y1prr8vu5d] {
    margin: 0 0 10px;
}

.eventos-remunerativos-page__bulk-delete-table-wrap[b-y1prr8vu5d] {
    border-block: 1px solid var(--line);
    max-height: 430px;
    overflow: auto;
}

.eventos-remunerativos-page__bulk-delete-table th:first-child[b-y1prr8vu5d],
.eventos-remunerativos-page__bulk-delete-table td:first-child[b-y1prr8vu5d] {
    text-align: center;
    width: 48px;
}

.eventos-remunerativos-page__bulk-delete-footer[b-y1prr8vu5d] {
    border-top: 1px solid var(--line);
    padding: 13px 20px;
}

@media (max-width: 820px) {
    .eventos-remunerativos-page__bulk-delete-filters[b-y1prr8vu5d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eventos-remunerativos-page__bulk-delete-filter-actions[b-y1prr8vu5d] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .eventos-remunerativos-page__bulk-delete-backdrop[b-y1prr8vu5d] {
        padding: 8px;
    }

    .eventos-remunerativos-page__bulk-delete-dialog[b-y1prr8vu5d] {
        max-height: calc(100vh - 16px);
        width: calc(100vw - 16px);
    }

    .eventos-remunerativos-page__bulk-delete-filters[b-y1prr8vu5d] {
        grid-template-columns: 1fr;
    }
}
/* /Modules/MassOperations/Components/MassOperationsBoard.razor.rz.scp.css */
.mass-flow[b-awoj8pccg3] {
    border: 1px solid var(--border-color, #dedfe8);
    border-radius: 16px;
    background: var(--surface-color, #fff);
    overflow: hidden;
}

.mass-flow__header[b-awoj8pccg3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--border-color, #e5e5ec);
}

.mass-flow__header h2[b-awoj8pccg3] {
    margin: 2px 0 4px;
    font-size: var(--text-lg);
}

.mass-flow__header p:last-child[b-awoj8pccg3] {
    margin: 0;
    color: var(--text-muted, #687086);
    font-size: var(--text-xs);
}

.mass-flow__attention[b-awoj8pccg3] {
    display: grid;
    gap: 0;
    border-bottom: 1px solid var(--border-color, #e5e5ec);
    background: color-mix(in srgb, var(--warning-color, #a76500) 5%, transparent);
}

.mass-flow__attention-item[b-awoj8pccg3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 18px;
    border-bottom: 1px solid color-mix(in srgb, var(--warning-color, #a76500) 14%, transparent);
}

.mass-flow__attention-item:last-child[b-awoj8pccg3] {
    border-bottom: 0;
}

.mass-flow__attention-item strong[b-awoj8pccg3],
.mass-flow__attention-item span[b-awoj8pccg3] {
    display: block;
}

.mass-flow__attention-item span[b-awoj8pccg3],
.mass-flow__attention-item small[b-awoj8pccg3] {
    color: var(--text-muted, #687086);
    font-size: var(--text-xs);
}

.mass-flow__columns[b-awoj8pccg3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 210px;
}

.mass-flow__column[b-awoj8pccg3] {
    min-width: 0;
    padding: 0 14px 14px;
    border-right: 1px solid var(--border-color, #e5e5ec);
}

.mass-flow__column:last-child[b-awoj8pccg3] {
    border-right: 0;
}

.mass-flow__column > header[b-awoj8pccg3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
    color: var(--text-muted, #687086);
    font-size: var(--text-xs);
}

.mass-flow__column > header span[b-awoj8pccg3] {
    min-width: 22px;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--surface-soft, #f2f3f7);
    text-align: center;
}

.mass-flow__item[b-awoj8pccg3] {
    display: grid;
    gap: 3px;
    padding: 10px 2px;
    border-top: 1px solid var(--border-color, #ececf2);
}

.mass-flow__item:first-of-type[b-awoj8pccg3] {
    border-top: 0;
}

.mass-flow__item strong[b-awoj8pccg3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
}

.mass-flow__item span[b-awoj8pccg3],
.mass-flow__item small[b-awoj8pccg3],
.mass-flow__empty[b-awoj8pccg3] {
    color: var(--text-muted, #687086);
    font-size: var(--text-xs);
}

.mass-flow__empty[b-awoj8pccg3] {
    margin: 18px 0;
}

.mass-flow__error[b-awoj8pccg3] {
    padding: 10px 18px;
    border-bottom: 1px solid var(--danger-color, #c23535);
    color: var(--danger-color, #c23535);
    font-size: var(--text-xs);
}

@media (max-width: 980px) {
    .mass-flow__columns[b-awoj8pccg3] {
        grid-template-columns: 1fr 1fr;
    }

    .mass-flow__column:nth-child(2)[b-awoj8pccg3] {
        border-right: 0;
    }

    .mass-flow__column:nth-child(-n + 2)[b-awoj8pccg3] {
        border-bottom: 1px solid var(--border-color, #e5e5ec);
    }
}

@media (max-width: 640px) {
    .mass-flow__columns[b-awoj8pccg3] {
        display: block;
    }

    .mass-flow__column[b-awoj8pccg3] {
        border-right: 0;
        border-bottom: 1px solid var(--border-color, #e5e5ec);
    }

    .mass-flow__attention-item[b-awoj8pccg3] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
/* /Modules/PortalEmailConfiguration/Pages/PortalEmailConfigurationPage.razor.rz.scp.css */
.email-config-page[b-38xm0w0k4y] {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
}

.email-config-heading[b-38xm0w0k4y] {
    align-items: flex-start;
    border-bottom: 0;
    gap: 1rem;
    padding-bottom: .25rem;
}

.email-config-heading h1[b-38xm0w0k4y] {
    font-size: var(--text-3xl);
    letter-spacing: -.025em;
    margin: .15rem 0 .3rem;
}

.email-config-heading p:not(.eyebrow)[b-38xm0w0k4y] {
    color: var(--muted, #64748b);
    margin: 0;
    max-width: 760px;
}

.email-config-save-top[b-38xm0w0k4y] {
    flex: 0 0 auto;
    margin-top: .2rem;
}

.email-config-alert[b-38xm0w0k4y],
.email-config-access-message[b-38xm0w0k4y] {
    border: 1px solid;
    border-radius: .9rem;
    padding: .75rem .9rem;
}

.email-config-alert--error[b-38xm0w0k4y] {
    background: color-mix(in srgb, #dc3545 7%, var(--panel, #fff));
    border-color: color-mix(in srgb, #dc3545 32%, transparent);
    color: #9b2638;
}

.email-config-alert--success[b-38xm0w0k4y] {
    background: color-mix(in srgb, #198754 7%, var(--panel, #fff));
    border-color: color-mix(in srgb, #198754 30%, transparent);
    color: #176541;
}

.email-config-access-message[b-38xm0w0k4y] {
    align-items: flex-start;
    background: var(--stariz-glass-surface);
    border-color: var(--line, rgba(148, 163, 184, .32));
    color: var(--text, #0f172a);
    display: flex;
    gap: .75rem;
}

.email-config-access-message svg[b-38xm0w0k4y] {
    color: var(--primary, #d26f78);
    flex: 0 0 auto;
    margin-top: .1rem;
}

.email-config-access-message h2[b-38xm0w0k4y],
.email-config-access-message p[b-38xm0w0k4y] {
    margin: 0;
}

.email-config-access-message h2[b-38xm0w0k4y] {
    font-size: var(--text-lg);
}

.email-config-access-message p[b-38xm0w0k4y] {
    color: var(--muted, #64748b);
    margin-top: .2rem;
}

.email-config-workspace[b-38xm0w0k4y] {
    background: var(--stariz-glass-surface);
    border: 1px solid var(--line, rgba(148, 163, 184, .30));
    border-radius: 1.1rem;
    box-shadow: none;
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
}

.email-provider-nav[b-38xm0w0k4y] {
    background: color-mix(in srgb, var(--panel, #fff) 88%, var(--bg, #f8fafc));
    border-right: 1px solid var(--line, rgba(148, 163, 184, .28));
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .85rem;
}

.email-provider-nav__heading[b-38xm0w0k4y] {
    display: grid;
    gap: .12rem;
    padding: .25rem .45rem .6rem;
}

.email-provider-nav__heading span[b-38xm0w0k4y] {
    color: var(--text, #0f172a);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.email-provider-nav__heading small[b-38xm0w0k4y] {
    color: var(--muted, #64748b);
    font-size: var(--text-xs);
}

.email-provider-item[b-38xm0w0k4y] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: .85rem;
    color: var(--text, #0f172a);
    cursor: pointer;
    display: grid;
    gap: .65rem;
    grid-template-columns: 2.15rem minmax(0, 1fr) .55rem;
    min-height: 4.15rem;
    padding: .62rem .68rem;
    text-align: left;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
    width: 100%;
}

.email-provider-item:hover:not(:disabled)[b-38xm0w0k4y] {
    background: color-mix(in srgb, var(--primary, #d26f78) 5%, transparent);
    border-color: color-mix(in srgb, var(--primary, #d26f78) 18%, transparent);
}

.email-provider-item.is-active[b-38xm0w0k4y] {
    background: color-mix(in srgb, var(--primary, #d26f78) 8%, var(--panel, #fff));
    border-color: color-mix(in srgb, var(--primary, #d26f78) 30%, transparent);
    box-shadow: none;
}

.email-provider-item:disabled[b-38xm0w0k4y] {
    cursor: wait;
    opacity: .7;
}

.email-provider-item__icon[b-38xm0w0k4y],
.email-config-provider-title__icon[b-38xm0w0k4y] {
    align-items: center;
    background: color-mix(in srgb, var(--primary, #d26f78) 10%, transparent);
    border-radius: .7rem;
    color: var(--primary, #d26f78);
    display: inline-flex;
    height: 2.15rem;
    justify-content: center;
    width: 2.15rem;
}

.email-provider-item__copy[b-38xm0w0k4y] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.email-provider-item__copy strong[b-38xm0w0k4y] {
    font-size: var(--text-md);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-provider-item__copy small[b-38xm0w0k4y] {
    color: var(--muted, #64748b);
    font-size: var(--text-2xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-provider-item__status[b-38xm0w0k4y] {
    background: color-mix(in srgb, var(--muted, #64748b) 35%, transparent);
    border-radius: 50%;
    height: .48rem;
    width: .48rem;
}

.email-provider-item__status.is-enabled[b-38xm0w0k4y] {
    background: #2f9e65;
    box-shadow: none;
}

.email-config-surface[b-38xm0w0k4y] {
    display: grid;
    min-width: 0;
}

.email-config-provider-header[b-38xm0w0k4y] {
    align-items: center;
    border-bottom: 1px solid var(--line, rgba(148, 163, 184, .26));
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.email-config-provider-title[b-38xm0w0k4y] {
    align-items: center;
    display: flex;
    gap: .8rem;
    min-width: 0;
}

.email-config-provider-title__icon[b-38xm0w0k4y] {
    height: 2.5rem;
    width: 2.5rem;
}

.email-config-provider-title h2[b-38xm0w0k4y],
.email-config-provider-title p[b-38xm0w0k4y] {
    margin: 0;
}

.email-config-provider-title h2[b-38xm0w0k4y] {
    font-size: var(--text-lg);
    margin-top: .05rem;
}

.email-config-provider-title p[b-38xm0w0k4y] {
    color: var(--muted, #64748b);
    font-size: var(--text-xs);
    margin-top: .12rem;
}

.email-config-kicker[b-38xm0w0k4y] {
    color: var(--primary, #d26f78);
    font-size: var(--text-2xs);
    font-weight: var(--weight-bold);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.email-config-switches[b-38xm0w0k4y] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    justify-content: flex-end;
}

.email-config-switch[b-38xm0w0k4y] {
    align-items: center;
    color: var(--text, #0f172a);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: .48rem;
    white-space: nowrap;
}

.email-config-switch input[b-38xm0w0k4y] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.email-config-switch__control[b-38xm0w0k4y] {
    background: color-mix(in srgb, var(--muted, #64748b) 28%, transparent);
    border: 1px solid color-mix(in srgb, var(--muted, #64748b) 32%, transparent);
    border-radius: 999px;
    height: 1.3rem;
    position: relative;
    transition: background-color .18s ease, border-color .18s ease;
    width: 2.3rem;
}

.email-config-switch__control[b-38xm0w0k4y]::after {
    background: #fff;
    border-radius: 50%;
    box-shadow: none;
    content: "";
    height: .92rem;
    left: .16rem;
    position: absolute;
    top: .13rem;
    transition: transform .18s ease;
    width: .92rem;
}

.email-config-switch input:checked + .email-config-switch__control[b-38xm0w0k4y] {
    background: var(--stariz-glass-primary);
    border-color: var(--primary, #d26f78);
}

.email-config-switch input:checked + .email-config-switch__control[b-38xm0w0k4y]::after {
    transform: translateX(.98rem);
}

.email-config-switch input:focus-visible + .email-config-switch__control[b-38xm0w0k4y] {
    outline: 3px solid color-mix(in srgb, var(--primary, #d26f78) 20%, transparent);
    outline-offset: 2px;
}

.email-config-section[b-38xm0w0k4y] {
    display: grid;
    gap: .8rem;
    padding: 1rem 1.25rem;
}

.email-config-section + .email-config-section[b-38xm0w0k4y] {
    border-top: 1px solid var(--line, rgba(148, 163, 184, .22));
}

.email-config-section-heading[b-38xm0w0k4y] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.email-config-section-heading h3[b-38xm0w0k4y],
.email-config-section-heading p[b-38xm0w0k4y] {
    margin: 0;
}

.email-config-section-heading h3[b-38xm0w0k4y] {
    font-size: var(--text-md);
}

.email-config-section-heading p[b-38xm0w0k4y] {
    color: var(--muted, #64748b);
    font-size: var(--text-xs);
    margin-top: .12rem;
}

.email-config-grid[b-38xm0w0k4y] {
    display: grid;
    gap: .72rem;
}

.email-config-grid--two[b-38xm0w0k4y] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.email-config-grid--connection[b-38xm0w0k4y] {
    grid-template-columns: minmax(220px, 2fr) minmax(90px, .55fr) minmax(120px, .7fr);
}

.email-config-field--host[b-38xm0w0k4y] {
    grid-column: auto;
}

.email-config-field--half[b-38xm0w0k4y] {
    grid-column: span 1;
}

.email-config-field--half:nth-last-child(2)[b-38xm0w0k4y] {
    grid-column: 1 / 3;
}

.email-config-field--half:last-child[b-38xm0w0k4y] {
    grid-column: 3 / 4;
}

.email-config-field[b-38xm0w0k4y] {
    color: var(--muted, #64748b);
    display: grid;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: .34rem;
    min-width: 0;
}

.email-config-field input[b-38xm0w0k4y] {
    background: var(--stariz-glass-field);
    border: 1px solid var(--line, rgba(148, 163, 184, .36));
    border-radius: .72rem;
    box-sizing: border-box;
    color: var(--text, #0f172a);
    font: inherit;
    font-size: var(--text-md);
    min-height: 2.55rem;
    padding: .55rem .72rem;
    width: 100%;
}

.email-config-field input:focus[b-38xm0w0k4y] {
    border-color: color-mix(in srgb, var(--primary, #d26f78) 58%, transparent);
    box-shadow: none;
    outline: none;
}

.email-config-input-suffix[b-38xm0w0k4y] {
    position: relative;
}

.email-config-input-suffix input[b-38xm0w0k4y] {
    padding-right: 3rem;
}

.email-config-input-suffix span[b-38xm0w0k4y] {
    color: var(--muted, #64748b);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    pointer-events: none;
    position: absolute;
    right: .7rem;
    top: 50%;
    transform: translateY(-50%);
}

.email-config-ssl[b-38xm0w0k4y] {
    align-items: center;
    color: var(--text, #0f172a);
    display: inline-flex;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    gap: .42rem;
    white-space: nowrap;
}

.email-config-ssl input[b-38xm0w0k4y] {
    accent-color: var(--primary, #d26f78);
    margin: 0;
}

.email-config-test-row[b-38xm0w0k4y] {
    align-items: end;
    display: grid;
    gap: .7rem;
    grid-template-columns: minmax(260px, 1fr) auto;
}

.email-config-test-row .btn[b-38xm0w0k4y] {
    min-height: 2.55rem;
    white-space: nowrap;
}

.email-config-footer[b-38xm0w0k4y] {
    align-items: center;
    background: color-mix(in srgb, var(--panel, #fff) 88%, var(--bg, #f8fafc));
    border-top: 1px solid var(--line, rgba(148, 163, 184, .26));
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .8rem 1.25rem;
}

.email-config-security-note[b-38xm0w0k4y] {
    align-items: center;
    color: var(--muted, #64748b);
    display: flex;
    font-size: var(--text-xs);
    gap: .45rem;
    min-width: 0;
}

.email-config-security-note svg[b-38xm0w0k4y] {
    color: var(--primary, #d26f78);
    flex: 0 0 auto;
}

html[data-theme="dark"] .email-config-workspace[b-38xm0w0k4y] {
    box-shadow: none;
}

html[data-theme="dark"] .email-config-alert--error[b-38xm0w0k4y] {
    color: #ffb4bf;
}

html[data-theme="dark"] .email-config-alert--success[b-38xm0w0k4y] {
    color: #8ce0b5;
}

@media (max-width: 980px) {
    .email-config-workspace[b-38xm0w0k4y] {
        grid-template-columns: 1fr;
    }

    .email-provider-nav[b-38xm0w0k4y] {
        border-bottom: 1px solid var(--line, rgba(148, 163, 184, .28));
        border-right: 0;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .email-provider-nav__heading[b-38xm0w0k4y] {
        display: none;
    }

    .email-provider-item[b-38xm0w0k4y] {
        grid-template-columns: 2rem minmax(0, 1fr) .5rem;
    }
}

@media (max-width: 760px) {
    .email-config-heading[b-38xm0w0k4y],
    .email-config-provider-header[b-38xm0w0k4y],
    .email-config-footer[b-38xm0w0k4y] {
        align-items: stretch;
        flex-direction: column;
    }

    .email-config-save-top[b-38xm0w0k4y] {
        align-self: flex-start;
    }

    .email-config-switches[b-38xm0w0k4y] {
        justify-content: flex-start;
    }

    .email-config-grid--two[b-38xm0w0k4y],
    .email-config-grid--connection[b-38xm0w0k4y],
    .email-config-test-row[b-38xm0w0k4y] {
        grid-template-columns: 1fr;
    }

    .email-config-field--half:nth-last-child(2)[b-38xm0w0k4y],
    .email-config-field--half:last-child[b-38xm0w0k4y] {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .email-provider-nav[b-38xm0w0k4y] {
        grid-template-columns: 1fr;
    }

    .email-config-section[b-38xm0w0k4y],
    .email-config-provider-header[b-38xm0w0k4y],
    .email-config-footer[b-38xm0w0k4y] {
        padding-left: .9rem;
        padding-right: .9rem;
    }

    .email-config-section-heading[b-38xm0w0k4y] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Modules/ProcessCalculations/Pages/ReceiptTemplateAdministration.razor.rz.scp.css */
/* STARIZ · Plantillas documentales · normalización maestro/detalle.
   Alcance exclusivamente visual: no modifica lógica documental ni contratos de datos. */
.receipt-template-page[b-4mnmupylny] {
    display: grid;
    gap: 12px;
}

.template-layout[b-4mnmupylny] {
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.8fr);
    gap: 12px;
    align-items: start;
    min-width: 0;
}

.template-list-panel[b-4mnmupylny],
.template-editor-panel[b-4mnmupylny] {
    min-width: 0;
    border: 1px solid var(--portal-border, rgba(15, 23, 42, .16));
    background: var(--portal-surface, #fff);
    border-radius: 12px;
    padding: 12px;
}

/* El panel maestro no se estira hasta la altura del editor. */
.template-list-panel[b-4mnmupylny] {
    display: grid;
    gap: 6px;
    align-content: start;
    align-self: start;
}

.template-panel-heading[b-4mnmupylny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 30px;
    margin: 0 0 2px;
}

.template-panel-heading div[b-4mnmupylny] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.template-panel-heading small[b-4mnmupylny],
.template-form-grid small[b-4mnmupylny],
.template-section-help[b-4mnmupylny],
.template-file-field small[b-4mnmupylny] {
    font-weight: var(--weight-regular);
    opacity: .72;
}

/* Editor: dos columnas con alturas, gaps y controles homogéneos. */
.template-editor-panel[b-4mnmupylny] {
    align-self: start;
}

.template-form-grid[b-4mnmupylny] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 10px;
    align-items: start;
}

.template-form-grid label[b-4mnmupylny],
.template-file-field[b-4mnmupylny],
.template-preview-controls:not(.template-document-upload) > div label[b-4mnmupylny],
.template-upload-grid label[b-4mnmupylny] {
    min-width: 0;
    display: grid;
    gap: 4px;
    align-content: start;
    font-weight: var(--weight-semibold);
}

.template-form-grid input[b-4mnmupylny],
.template-form-grid select[b-4mnmupylny],
.template-preview-controls:not(.template-document-upload) > div input[b-4mnmupylny],
.template-preview-controls:not(.template-document-upload) > div select[b-4mnmupylny],
.template-upload-grid input[b-4mnmupylny],
.template-upload-grid select[b-4mnmupylny] {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid var(--portal-border, rgba(15, 23, 42, .18));
    border-radius: 8px;
    padding: 6px 9px;
    background: var(--portal-surface, #fff);
    color: inherit;
}

.template-form-grid textarea[b-4mnmupylny] {
    width: 100%;
    min-width: 0;
    min-height: 126px;
    box-sizing: border-box;
    resize: vertical;
    border: 1px solid var(--portal-border, rgba(15, 23, 42, .18));
    border-radius: 8px;
    padding: 8px 9px;
    background: var(--portal-surface, #fff);
    color: inherit;
}

.template-file-field .stariz-crud-button[b-4mnmupylny] {
    justify-self: start;
}

.template-config-field[b-4mnmupylny] {
    grid-column: 1 / -1;
}

.template-check[b-4mnmupylny] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
}

.template-check input[b-4mnmupylny] {
    width: auto;
    min-height: 0;
    height: auto;
    margin: 0;
}

.template-actions[b-4mnmupylny] {
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--portal-border, rgba(15, 23, 42, .10));
}

/* Vista previa tiene su propia grilla; no debe imponer columnas al bloque de carga. */
.template-preview-controls[b-4mnmupylny] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--portal-border, rgba(15, 23, 42, .14));
}

.template-preview-controls h2[b-4mnmupylny] {
    margin: 0 0 6px;
}

.template-preview-controls:not(.template-document-upload) > div[b-4mnmupylny] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 10px;
    align-items: end;
}

.template-preview-surface[b-4mnmupylny] {
    margin-top: 12px;
    max-height: 720px;
    overflow: auto;
    border: 1px solid var(--portal-border, rgba(15, 23, 42, .18));
    background: #fff;
    color: #111;
    padding: 14px;
}

.template-message[b-4mnmupylny] {
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 9px;
}

.template-message--error[b-4mnmupylny] {
    border-color: #b42318;
    background: #fff1f0;
    color: #7a271a;
}

.template-message--success[b-4mnmupylny] {
    border-color: #17803d;
    background: #edfff3;
    color: #116329;
}

.template-message--warning[b-4mnmupylny] {
    margin-top: 12px;
    border-color: #b7791f;
    background: #fffaf0;
    color: #744210;
}

/* Carga operacional: primera fila homogénea y acciones ordenadas en segunda fila. */
.template-document-upload[b-4mnmupylny] {
    margin-top: 16px;
}

.template-document-upload .template-section-help[b-4mnmupylny] {
    margin: 0 0 8px;
}

.template-upload-grid[b-4mnmupylny] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(132px, .55fr) minmax(240px, .95fr);
    column-gap: 12px;
    row-gap: 8px;
    align-items: end;
    min-width: 0;
}

.template-upload-grid .template-file-field[b-4mnmupylny] {
    min-width: 0;
}

.template-upload-grid .template-file-field input[type="file"][b-4mnmupylny] {
    max-width: 100%;
}

.template-upload-grid > .template-check[b-4mnmupylny] {
    grid-column: 1 / 4;
    justify-self: start;
    align-self: center;
}

.template-upload-grid > .stariz-crud-button[b-4mnmupylny] {
    grid-column: 4;
    justify-self: end;
    align-self: center;
}

@media (max-width: 1180px) {
    .template-layout[b-4mnmupylny] {
        grid-template-columns: minmax(270px, .82fr) minmax(0, 1.65fr);
    }

    .template-upload-grid[b-4mnmupylny] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-upload-grid > .template-check[b-4mnmupylny] {
        grid-column: 1;
    }

    .template-upload-grid > .stariz-crud-button[b-4mnmupylny] {
        grid-column: 2;
    }
}

@media (max-width: 980px) {
    .template-layout[b-4mnmupylny] {
        grid-template-columns: 1fr;
    }

    .template-form-grid[b-4mnmupylny] {
        grid-template-columns: 1fr;
    }

    .template-config-field[b-4mnmupylny],
    .template-check[b-4mnmupylny] {
        grid-column: auto;
    }

    .template-preview-controls:not(.template-document-upload) > div[b-4mnmupylny] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .receipt-template-page[b-4mnmupylny],
    .template-layout[b-4mnmupylny] {
        gap: 10px;
    }

    .template-list-panel[b-4mnmupylny],
    .template-editor-panel[b-4mnmupylny] {
        padding: 10px;
    }

    .template-preview-controls:not(.template-document-upload) > div[b-4mnmupylny],
    .template-upload-grid[b-4mnmupylny] {
        grid-template-columns: 1fr;
    }

    .template-upload-grid > .template-check[b-4mnmupylny],
    .template-upload-grid > .stariz-crud-button[b-4mnmupylny] {
        grid-column: 1;
        justify-self: start;
    }
}

/* REV341 · Últimas secciones como tarjetas STARIZ independientes.
   Alcance exclusivamente visual: no cambia bindings, eventos ni lógica documental. */
.template-preview-controls[b-4mnmupylny],
.template-document-upload[b-4mnmupylny] {
    box-sizing: border-box;
    width: 100%;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid var(--portal-border, rgba(15, 23, 42, .14));
    border-radius: 12px;
    background: var(--portal-surface, #fff);
}

/* La tarjeta reemplaza el separador horizontal heredado. */
.template-preview-controls[b-4mnmupylny] {
    border-top: 1px solid var(--portal-border, rgba(15, 23, 42, .14));
}

.template-preview-controls h2[b-4mnmupylny],
.template-document-upload h2[b-4mnmupylny] {
    margin: 0;
    min-height: 20px;
    line-height: 20px;
}

.template-preview-controls:not(.template-document-upload) > div[b-4mnmupylny] {
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    column-gap: 10px;
    row-gap: 8px;
    align-items: end;
}

/* Todos los editores de Vista previa comparten la misma altura y línea base. */
.template-preview-controls:not(.template-document-upload) > div > label[b-4mnmupylny] {
    min-width: 0;
    margin: 0;
    align-self: end;
}

.template-preview-controls:not(.template-document-upload) > div > .stariz-crud-button[b-4mnmupylny] {
    align-self: end;
    margin: 0;
}

.template-document-upload[b-4mnmupylny] {
    margin-top: 12px;
}

.template-document-upload .template-section-help[b-4mnmupylny] {
    margin: 3px 0 8px;
}

.template-upload-grid[b-4mnmupylny] {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(132px, .55fr) minmax(240px, .95fr);
    column-gap: 10px;
    row-gap: 8px;
    align-items: end;
}

/* REV342 · Alineación estricta por la parte superior de label + editor.
   Documento incluye helper text; por eso nunca debe alinearse por el fondo de la columna. */
.template-upload-grid[b-4mnmupylny] {
    align-items: start;
}

.template-upload-grid > label[b-4mnmupylny],
.template-upload-grid > .template-file-field[b-4mnmupylny] {
    min-width: 0;
    margin: 0;
    align-self: start;
}

.template-upload-grid > label[b-4mnmupylny],
.template-upload-grid > .template-file-field[b-4mnmupylny] {
    grid-auto-rows: max-content;
}

.template-upload-grid > label[b-4mnmupylny],
.template-upload-grid > .template-file-field > span[b-4mnmupylny] {
    line-height: 20px;
}

.template-upload-grid > .template-file-field > span[b-4mnmupylny] {
    min-height: 20px;
    display: block;
}

.template-upload-grid > label > input[b-4mnmupylny],
.template-upload-grid > label > select[b-4mnmupylny],
.template-upload-grid > .template-file-field > input[b-4mnmupylny],
.template-upload-grid > .template-file-field > select[b-4mnmupylny] {
    margin: 0;
    min-height: 34px;
    height: 34px;
}

.template-upload-grid > .template-check[b-4mnmupylny] {
    min-height: 34px;
    margin: 0;
    align-self: center;
}

.template-upload-grid > .stariz-crud-button[b-4mnmupylny] {
    margin: 0;
    align-self: center;
}

@media (max-width: 1180px) {
    .template-preview-controls:not(.template-document-upload) > div[b-4mnmupylny] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-preview-controls:not(.template-document-upload) > div > .stariz-crud-button[b-4mnmupylny] {
        justify-self: start;
    }
}

@media (max-width: 640px) {
    .template-preview-controls[b-4mnmupylny],
    .template-document-upload[b-4mnmupylny] {
        padding: 10px;
        border-radius: 10px;
    }

    .template-preview-controls:not(.template-document-upload) > div[b-4mnmupylny],
    .template-upload-grid[b-4mnmupylny] {
        grid-template-columns: 1fr;
    }

    .template-upload-grid > .template-check[b-4mnmupylny],
    .template-upload-grid > .stariz-crud-button[b-4mnmupylny] {
        grid-column: 1;
        justify-self: start;
    }
}

/* REV343 · Contrato estructural único para los cuatro editores de Cargar documento.
   Los cuatro campos comparten exactamente la misma retícula: label (20px) + control (34px) + ayuda opcional.
   Esto evita depender del tipo de nodo (label vs div) y alinea los controles por construcción. */
.template-upload-grid[b-4mnmupylny] {
    align-items: start;
}

.template-upload-grid > .template-upload-field[b-4mnmupylny] {
    display: grid;
    grid-template-rows: 20px 34px auto;
    row-gap: 4px;
    align-content: start;
    align-self: start;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.template-upload-grid > .template-upload-field > .template-upload-field__label[b-4mnmupylny] {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0;
    font-weight: var(--weight-semibold);
    line-height: 20px;
}

.template-upload-grid > .template-upload-field > :is(input, select)[b-4mnmupylny] {
    box-sizing: border-box;
    align-self: stretch;
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    margin: 0;
}

.template-upload-grid > .template-upload-field > input[type="file"][b-4mnmupylny] {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

.template-upload-grid > .template-upload-field > small[b-4mnmupylny] {
    align-self: start;
    min-height: 0;
    margin: 0;
    padding: 0;
    line-height: 18px;
}

/* REV355 · ÚNICA CLASE DE NORMALIZACIÓN DE LA LISTA DE PLANTILLAS.
   No es button: queda fuera del ADN global de píldoras/botones STARIZ. */
.template-list-card[b-4mnmupylny] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 52px;
    margin: 0;
    padding: 9px 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--line, #d8dee9);
    border-radius: 6px;
    background: var(--panel, #fff);
    box-shadow: none;
    color: var(--text, #111827);
    cursor: pointer;
    outline: 0;
    transition: border-color .14s ease;
}

.template-list-card:hover[b-4mnmupylny] {
    border-color: color-mix(in srgb, var(--text, #111827) 22%, var(--line, #d8dee9));
    background: var(--panel, #fff);
    box-shadow: none;
}

.template-list-card[aria-selected="true"][b-4mnmupylny],
.template-list-card:focus-visible[b-4mnmupylny] {
    border-color: color-mix(in srgb, var(--text, #111827) 36%, var(--line, #d8dee9));
    background: var(--panel, #fff);
    box-shadow: none;
    outline: 1px solid transparent;
}

.template-list-card[aria-disabled="true"][b-4mnmupylny] {
    cursor: default;
    opacity: .62;
}

.template-list-card > span[b-4mnmupylny] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.template-list-card > span > strong[b-4mnmupylny],
.template-list-card > span > small[b-4mnmupylny] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-list-card > span > strong[b-4mnmupylny] {
    color: var(--text, #111827);
    font-size: var(--text-sm, 13px);
    font-weight: var(--weight-bold, 700);
    line-height: 1.25;
}

.template-list-card > span > small[b-4mnmupylny] {
    color: var(--muted, #667085);
    font-size: var(--text-xs, 12px);
    font-weight: var(--weight-regular, 400);
    line-height: 1.25;
}

.template-list-card > b[b-4mnmupylny] {
    justify-self: end;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--text, #111827);
    font-size: var(--text-xs, 12px);
    font-weight: var(--weight-semibold, 600);
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}
/* /Modules/RequestApprovals/Pages/RequestApprovalConfigurationPage.razor.rz.scp.css */
/* Ajustes locales de /aprobaciones-ausencias/configuracion.
   Mantiene tokens, tipografía, botones e iconografía global de STARIZ. */

.approval-config__intro[b-jelhujo98z] {
    align-items: flex-end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.1rem;
}

.approval-config-tabs[b-jelhujo98z] {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: .55rem;
    padding: .75rem 1.1rem;
}

.approval-config__workspace[b-jelhujo98z] {
    padding: .85rem;
}

.approval-config__workspace--full[b-jelhujo98z] {
    display: block;
}

.approval-config__workspace .approval-flow-layout[b-jelhujo98z] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    min-width: 0;
    padding: 0;
    width: 100%;
}

.approval-config__workspace .approval-flow-layout > .approval-field[b-jelhujo98z] {
    grid-column: span 6;
}

.approval-config__workspace .approval-groups[b-jelhujo98z],
.approval-config__workspace .approval-step[b-jelhujo98z] {
    padding: .85rem;
}

.approval-config__workspace .approval-step[b-jelhujo98z] {
    align-items: start;
    gap: .8rem;
    grid-column: span 4;
    grid-template-columns: auto minmax(0, 1fr);
}

.approval-config__workspace .approval-step .approval-field[b-jelhujo98z] {
    grid-column: 1 / -1;
}

.approval-config__footer[b-jelhujo98z] {
    padding: .85rem 1.1rem;
}

.approval-authorizations[b-jelhujo98z] {
    padding: 1rem 1.1rem 1.15rem;
}

.approval-authorizations__header[b-jelhujo98z] {
    align-items: flex-end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.approval-authorizations__header h3[b-jelhujo98z] {
    margin: .18rem 0 .25rem;
}

.approval-authorizations__header p[b-jelhujo98z] {
    color: var(--muted);
    margin: 0;
}

.approval-authorizations__count[b-jelhujo98z] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: var(--text-xs);
}

.approval-authorizations__filters[b-jelhujo98z] {
    align-items: end;
    display: grid;
    gap: .8rem;
    grid-template-columns: minmax(260px, 1.35fr) minmax(180px, .6fr) minmax(220px, .8fr);
    margin-bottom: .9rem;
}

.approval-authorizations__table[b-jelhujo98z] {
    overflow-x: auto;
}

.approval-authorizations__table .stariz-data-grid[b-jelhujo98z] {
    min-width: 900px;
}

.approval-authorizations__user[b-jelhujo98z],
.approval-authorizations__meta[b-jelhujo98z] {
    display: block;
}

.approval-authorizations__user[b-jelhujo98z] {
    color: var(--text);
    font-weight: var(--weight-bold);
}

.approval-authorizations__meta[b-jelhujo98z] {
    color: var(--muted);
    font-size: var(--text-2xs);
    line-height: 1.35;
    margin-top: .12rem;
    max-width: 320px;
    overflow-wrap: anywhere;
}

.approval-authorizations__empty[b-jelhujo98z] {
    border: 1px dashed var(--line);
    border-radius: 12px;
    color: var(--muted);
    padding: 1.25rem;
    text-align: center;
}

@media (max-width: 1180px) {
    .approval-config__workspace .approval-step[b-jelhujo98z] {
        grid-column: span 6;
    }

    .approval-config__workspace .approval-step--final[b-jelhujo98z] {
        grid-column: 1 / -1;
    }

}

@media (max-width: 900px) {
    .approval-config__workspace .approval-flow-layout[b-jelhujo98z] {
        grid-template-columns: 1fr;
    }

    .approval-config__workspace .approval-flow-layout > .approval-field[b-jelhujo98z],
    .approval-config__workspace .approval-groups[b-jelhujo98z],
    .approval-config__workspace .approval-step[b-jelhujo98z],
    .approval-config__workspace .approval-step--final[b-jelhujo98z] {
        grid-column: 1;
    }

    .approval-authorizations__filters[b-jelhujo98z] {
        grid-template-columns: 1fr 1fr;
    }

    .approval-authorizations__search[b-jelhujo98z] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .approval-config__intro[b-jelhujo98z] {
        align-items: stretch;
        flex-direction: column;
    }

    .approval-config__intro[b-jelhujo98z],
    .approval-config-tabs[b-jelhujo98z],
    .approval-config__workspace[b-jelhujo98z],
    .approval-config__footer[b-jelhujo98z],
    .approval-authorizations[b-jelhujo98z] {
        padding-left: .8rem;
        padding-right: .8rem;
    }

    .approval-config-tabs[b-jelhujo98z] {
        align-items: stretch;
        flex-direction: column;
    }

    .approval-authorizations__header[b-jelhujo98z] {
        align-items: flex-start;
        flex-direction: column;
    }

    .approval-authorizations__filters[b-jelhujo98z] {
        grid-template-columns: 1fr;
    }

    .approval-authorizations__search[b-jelhujo98z] {
        grid-column: auto;
    }
}


.approval-groups--multiple[b-jelhujo98z] {
    display: grid;
    gap: .75rem;
}

.approval-groups__heading[b-jelhujo98z] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.approval-groups__summary[b-jelhujo98z] {
    color: var(--muted);
    flex: 0 0 auto;
    font-size: var(--text-xs);
    padding-top: .2rem;
}

.approval-group-selector[b-jelhujo98z] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.approval-group-selector__option[b-jelhujo98z] {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    gap: .65rem;
    min-width: 0;
    padding: .7rem .8rem;
}

.approval-group-selector__option.is-selected[b-jelhujo98z] {
    background: var(--primary-soft);
    border-color: var(--primary);
}

.approval-group-selector__option input[b-jelhujo98z] {
    flex: 0 0 auto;
    margin: 0;
}

.approval-group-selector__text[b-jelhujo98z] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.approval-group-selector__text strong[b-jelhujo98z],
.approval-group-selector__text small[b-jelhujo98z] {
    overflow-wrap: anywhere;
}

.approval-group-selector__text small[b-jelhujo98z] {
    color: var(--muted);
}

@media (max-width: 1180px) {
    .approval-group-selector[b-jelhujo98z] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .approval-groups__heading[b-jelhujo98z] {
        flex-direction: column;
        gap: .35rem;
    }

    .approval-group-selector[b-jelhujo98z] {
        grid-template-columns: 1fr;
    }
}