/* _content/FichajesLP.Administracion/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-16g5m2ywlb] {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}
/* _content/FichajesLP.Administracion/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-yyg9s06mou] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-yyg9s06mou] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-yyg9s06mou] {
    background: #0d141c;
}


/* =========================================================
   BARRA SUPERIOR
   ========================================================= */

.top-row[b-yyg9s06mou] {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    justify-content: flex-end;
    height: 64px;
    display: flex;
    align-items: center;
}

    .top-row[b-yyg9s06mou]  a,
    .top-row[b-yyg9s06mou]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
    }

.entilza-user-menu[b-yyg9s06mou] {
    position: relative;
    margin-left: 1.5rem;
}

    .entilza-user-menu > summary[b-yyg9s06mou] {
        list-style: none;
    }

        .entilza-user-menu > summary[b-yyg9s06mou]::-webkit-details-marker {
            display: none;
        }

.entilza-topbar-user[b-yyg9s06mou] {
    display: flex;
    align-items: center;
    gap: .45rem;
    max-width: 320px;
    padding: .45rem .6rem;
    border-radius: 7px;
    cursor: pointer;
    user-select: none;
}

    .entilza-topbar-user:hover[b-yyg9s06mou] {
        background: #f3f5f7;
    }

.entilza-topbar-user-name[b-yyg9s06mou] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entilza-user-chevron[b-yyg9s06mou] {
    flex: 0 0 auto;
    color: #6b7280;
    font-size: .72rem;
}

.entilza-user-dropdown[b-yyg9s06mou] {
    position: absolute;
    top: calc(100% + .45rem);
    right: 0;
    z-index: 100;
    min-width: 180px;
    padding: .4rem;
    background: #ffffff;
    border: 1px solid #dfe3e7;
    border-radius: 9px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .15);
}

    .entilza-user-dropdown[b-yyg9s06mou]  a {
        display: block;
        margin: 0;
        padding: .6rem .7rem;
        color: #111827;
        border-radius: 6px;
        text-decoration: none;
    }

        .entilza-user-dropdown[b-yyg9s06mou]  a:hover {
            color: #007f76;
            background: #f2f8f7;
            text-decoration: none;
        }

.entilza-user-dropdown-separator[b-yyg9s06mou] {
    margin: .3rem .35rem;
    border-top: 1px solid #e8ebee;
}


/* =========================================================
   M�VIL / TABLET VERTICAL
   ========================================================= */

@media (max-width: 899.98px) {

    .page[b-yyg9s06mou] {
        flex-direction: column;
    }

    .sidebar[b-yyg9s06mou] {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
    }

    .top-row[b-yyg9s06mou] {
        position: relative;
        width: 100%;
        z-index: 20;
    }

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

    .entilza-topbar-user[b-yyg9s06mou] {
        max-width: 240px;
    }
}


/* =========================================================
   ESCRITORIO / IPAD HORIZONTAL
   ========================================================= */

@media (min-width: 900px) {

    .page[b-yyg9s06mou] {
        flex-direction: row;
    }

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

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

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


/* =========================================================
   TABLET HORIZONTAL / PORT�TIL COMPACTO
   ========================================================= */

@media (min-width: 900px) and (max-width: 1399.98px) {

    .sidebar[b-yyg9s06mou] {
        width: 210px;
        min-width: 210px;
    }

    .top-row[b-yyg9s06mou],
    article[b-yyg9s06mou] {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
}


/* =========================================================
   TEL�FONO
   ========================================================= */

@media (max-width: 640px) {

    .top-row[b-yyg9s06mou],
    article[b-yyg9s06mou] {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .entilza-user-menu[b-yyg9s06mou] {
        margin-left: .7rem;
    }

    .entilza-topbar-user[b-yyg9s06mou] {
        max-width: 160px;
        padding-left: .35rem;
        padding-right: .35rem;
    }
}


/* =========================================================
   ERROR BLAZOR
   ========================================================= */

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

    #blazor-error-ui .dismiss[b-yyg9s06mou] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/FichajesLP.Administracion/Components/Layout/NavMenu.razor.rz.scp.css */
/* _content/FichajesLP.Administracion/Components/Pages/Configuracion.razor.rz.scp.css */
/* FICHERO: Configuracion.razor.css
   HOJA_DE_RUTA: FICHAJES_HOJA_DE_RUTA_INVENTARIOS_v2.5_20261009_RELACIONES_Y_AJUSTES_UI.txt
   SNAPSHOT_BASE: FICHAJES_20261009_105125
   GENERADO: 09/10/2026
   OBJETIVO: homogeneizar seleccion visual de subpestanas con fondo verde solido.
   CODIFICACION: ASCII puro en CSS para evitar avisos de pagina de codigos. */

/* =========================================================
   FICHAJES by ENTILZA
   Configuracion.razor.css
   ========================================================= */

.configuracion-page-header[b-j3az41fj77] {
    gap: 1rem;
}

.configuracion-section[b-j3az41fj77] {
    margin-bottom: 2rem;
}

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

    .configuracion-section-header h2[b-j3az41fj77] {
        margin: 0 0 0.35rem 0;
        color: #111827;
        font-size: 1.35rem;
        font-weight: 700;
    }

    .configuracion-section-header p[b-j3az41fj77] {
        max-width: 760px;
        margin: 0;
        color: #6b7280;
        line-height: 1.45;
    }

.configuracion-help[b-j3az41fj77] {
    color: #4b5563;
}

.configuracion-pausas-table[b-j3az41fj77] {
    width: 100%;
    table-layout: fixed;
}

    .configuracion-pausas-table th:nth-child(1)[b-j3az41fj77],
    .configuracion-pausas-table td:nth-child(1)[b-j3az41fj77] {
        width: 18%;
    }

    .configuracion-pausas-table th:nth-child(2)[b-j3az41fj77],
    .configuracion-pausas-table td:nth-child(2)[b-j3az41fj77] {
        width: 19%;
    }

    .configuracion-pausas-table th:nth-child(3)[b-j3az41fj77],
    .configuracion-pausas-table td:nth-child(3)[b-j3az41fj77] {
        width: 14%;
    }

    .configuracion-pausas-table th:nth-child(4)[b-j3az41fj77],
    .configuracion-pausas-table td:nth-child(4)[b-j3az41fj77] {
        width: 9%;
    }

    .configuracion-pausas-table th:nth-child(5)[b-j3az41fj77],
    .configuracion-pausas-table td:nth-child(5)[b-j3az41fj77] {
        width: 12%;
    }

    .configuracion-pausas-table th:nth-child(6)[b-j3az41fj77],
    .configuracion-pausas-table td:nth-child(6)[b-j3az41fj77] {
        width: 28%;
    }

    .configuracion-pausas-table > thead > tr > th[b-j3az41fj77] {
        border-bottom: 1px solid #d7dde3 !important;
    }

    .configuracion-pausas-table > tbody > tr > td[b-j3az41fj77] {
        padding-top: .45rem;
        padding-bottom: .45rem;
    }

.configuracion-pausa-nombre[b-j3az41fj77] {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.configuracion-new-button[b-j3az41fj77] {
    flex: 0 0 auto;
    min-width: 168px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    white-space: nowrap;
    line-height: 1;
}

.configuracion-actions-header[b-j3az41fj77],
.configuracion-actions[b-j3az41fj77] {
    text-align: center;
}

.configuracion-actions[b-j3az41fj77] {
    white-space: nowrap;
}

.configuracion-actions-buttons[b-j3az41fj77] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
}

    .configuracion-actions-buttons > .btn[b-j3az41fj77] {
        flex: 0 0 102px !important;
        width: 102px !important;
        min-width: 102px !important;
        max-width: 102px !important;
        height: 34px;
        margin: 0 !important;
        padding: .25rem .55rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        line-height: 1;
    }


/* Etiquetas compactas solo para tablet/iPad horizontal. */
.configuracion-th-tablet[b-j3az41fj77] {
    display: none;
}

@media (min-width: 900px) and (max-width: 1399.98px) {
    .configuracion-th-full[b-j3az41fj77] {
        display: none;
    }

    .configuracion-th-tablet[b-j3az41fj77] {
        display: inline;
        white-space: nowrap;
    }

    .configuracion-pausas-table th:nth-child(2)[b-j3az41fj77],
    .configuracion-pausas-table th:nth-child(3)[b-j3az41fj77] {
        white-space: nowrap;
    }
}

@media (max-width: 899.98px) {

    .configuracion-page-header[b-j3az41fj77] {
        align-items: stretch !important;
        flex-direction: column;
    }

    .configuracion-section-header[b-j3az41fj77] {
        flex-direction: column;
        align-items: stretch;
    }

    .configuracion-new-button[b-j3az41fj77] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 899.98px) {

    .configuracion-pausas-table[b-j3az41fj77] {
        table-layout: auto;
    }

        .configuracion-pausas-table th[b-j3az41fj77],
        .configuracion-pausas-table td[b-j3az41fj77] {
            width: auto !important;
        }

        .configuracion-pausas-table thead[b-j3az41fj77] {
            display: none;
        }

        .configuracion-pausas-table[b-j3az41fj77],
        .configuracion-pausas-table tbody[b-j3az41fj77],
        .configuracion-pausas-table tr[b-j3az41fj77],
        .configuracion-pausas-table td[b-j3az41fj77] {
            display: block;
            width: 100%;
        }

            .configuracion-pausas-table tbody[b-j3az41fj77] {
                padding: 0.75rem;
            }

                .configuracion-pausas-table tbody tr[b-j3az41fj77] {
                    margin-bottom: 0.9rem;
                    overflow: hidden;
                    background: #ffffff;
                    border: 1px solid #e1e5e9;
                    border-radius: 10px;
                    box-shadow: 0 2px 6px rgba(13, 17, 23, 0.04);
                }

                    .configuracion-pausas-table tbody tr:last-child[b-j3az41fj77] {
                        margin-bottom: 0;
                    }

                .configuracion-pausas-table tbody td[b-j3az41fj77] {
                    display: grid;
                    grid-template-columns: 42% 58%;
                    align-items: center;
                    gap: 0.75rem;
                    padding: 0.75rem 0.9rem !important;
                    text-align: left !important;
                    white-space: normal;
                    border-top: 1px solid #eef0f2;
                }

                    .configuracion-pausas-table tbody td:first-child[b-j3az41fj77] {
                        border-top: 0;
                    }

                    .configuracion-pausas-table tbody td[b-j3az41fj77]::before {
                        content: attr(data-label);
                        color: #6b7280;
                        font-size: 0.84rem;
                        font-weight: 600;
                    }

            .configuracion-pausas-table .badge[b-j3az41fj77] {
                justify-self: start;
            }

            .configuracion-pausas-table .configuracion-actions[b-j3az41fj77] {
                display: grid;
                width: 100%;
                grid-template-columns: 42% 58%;
                align-items: start;
                gap: 0.75rem;
                white-space: normal;
                text-align: left !important;
            }

                .configuracion-pausas-table .configuracion-actions[b-j3az41fj77]::before {
                    align-self: start;
                    padding-top: 0.45rem;
                }

            .configuracion-pausas-table .configuracion-actions-buttons[b-j3az41fj77] {
                grid-column: 2;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                gap: 0.55rem;
                width: 100%;
            }

                .configuracion-pausas-table .configuracion-actions-buttons > .btn[b-j3az41fj77] {
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: none !important;
                    flex: 1 1 auto !important;
                    margin: 0 !important;
                }

            .configuracion-pausas-table td[colspan="6"][b-j3az41fj77] {
                display: block;
                padding: 2rem 1rem !important;
                text-align: center !important;
            }

                .configuracion-pausas-table td[colspan="6"][b-j3az41fj77]::before {
                    content: none;
                }

    .modal-dialog[b-j3az41fj77] {
        margin: 0.75rem;
    }
}


/* =========================================================
   AYUDA DE PAUSAS
   ========================================================= */

.configuracion-help-button[b-j3az41fj77] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #ffffff;
    background: #00b3a6;
    border: 1px solid #00b3a6;
    border-radius: 50%;
    font-weight: 700;
    line-height: 1;
}

    .configuracion-help-button:hover[b-j3az41fj77],
    .configuracion-help-button:focus[b-j3az41fj77] {
        color: #ffffff;
        background: #009c91;
        border-color: #009c91;
    }


/* =========================================================
   CENTROS Y HORARIOS
   ========================================================= */

.configuracion-empty-state[b-j3az41fj77] {
    padding: 1.5rem;
    text-align: center;
}

.configuracion-centros-table[b-j3az41fj77] {
    width: 100%;
    table-layout: fixed;
}

    .configuracion-centros-table th:nth-child(1)[b-j3az41fj77],
    .configuracion-centros-table td:nth-child(1)[b-j3az41fj77] {
        width: 24%;
    }

    .configuracion-centros-table th:nth-child(2)[b-j3az41fj77],
    .configuracion-centros-table td:nth-child(2)[b-j3az41fj77] {
        width: 18%;
    }

    .configuracion-centros-table th:nth-child(3)[b-j3az41fj77],
    .configuracion-centros-table td:nth-child(3)[b-j3az41fj77] {
        width: 20%;
    }

    .configuracion-centros-table th:nth-child(4)[b-j3az41fj77],
    .configuracion-centros-table td:nth-child(4)[b-j3az41fj77] {
        width: 10%;
    }

    .configuracion-centros-table th:nth-child(5)[b-j3az41fj77],
    .configuracion-centros-table td:nth-child(5)[b-j3az41fj77] {
        width: 28%;
    }

    .configuracion-centros-table > thead > tr > th[b-j3az41fj77] {
        border-bottom: 1px solid #d7dde3 !important;
    }

    .configuracion-centros-table > tbody > tr > td[b-j3az41fj77] {
        padding-top: .55rem;
        padding-bottom: .55rem;
    }

.configuracion-centro-nombre[b-j3az41fj77],
.configuracion-centro-secundario[b-j3az41fj77] {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.configuracion-centro-actions-buttons > .btn[b-j3az41fj77] {
    flex: 0 1 94px !important;
    width: auto !important;
    min-width: 82px !important;
    max-width: 104px !important;
}

.configuracion-horario-modal[b-j3az41fj77] {
    max-width: 1040px;
}

.configuracion-horario-grid[b-j3az41fj77] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .65rem;
}

.configuracion-horario-dia[b-j3az41fj77] {
    display: grid;
    gap: .65rem;
    min-width: 0;
    padding: .8rem;
    background: #f8f9fa;
    border: 1px solid #e1e5e9;
    border-radius: 9px;
}

.configuracion-horario-dia-activo[b-j3az41fj77] {
    background: #ffffff;
    border-color: rgba(0, 179, 166, .35);
}

.configuracion-horario-dia-nombre[b-j3az41fj77] {
    min-height: 28px;
}

.configuracion-horario-dia .form-label[b-j3az41fj77] {
    margin-bottom: .25rem;
    color: #6b7280;
}

.configuracion-horario-dia input[type="time"][b-j3az41fj77] {
    min-width: 0;
    padding-left: .45rem;
    padding-right: .35rem;
}

.configuracion-horario-vigencia-help[b-j3az41fj77] {
    margin-bottom: .15rem;
}

@media (min-width: 900px) and (max-width: 1399.98px) {
    .configuracion-centros-table[b-j3az41fj77] {
        font-size: .86rem;
    }

    .configuracion-centro-actions-buttons[b-j3az41fj77] {
        gap: .35rem;
    }

        .configuracion-centro-actions-buttons > .btn[b-j3az41fj77] {
            min-width: 74px !important;
            padding-left: .35rem;
            padding-right: .35rem;
            font-size: .78rem;
        }

    .configuracion-horario-grid[b-j3az41fj77] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 899.98px) {
    .configuracion-centros-table[b-j3az41fj77] {
        table-layout: auto;
    }

        .configuracion-centros-table th[b-j3az41fj77],
        .configuracion-centros-table td[b-j3az41fj77] {
            width: auto !important;
        }

        .configuracion-centros-table thead[b-j3az41fj77] {
            display: none;
        }

        .configuracion-centros-table[b-j3az41fj77],
        .configuracion-centros-table tbody[b-j3az41fj77],
        .configuracion-centros-table tr[b-j3az41fj77],
        .configuracion-centros-table td[b-j3az41fj77] {
            display: block;
            width: 100%;
        }

            .configuracion-centros-table tbody[b-j3az41fj77] {
                padding: .75rem;
            }

                .configuracion-centros-table tbody tr[b-j3az41fj77] {
                    margin-bottom: .9rem;
                    overflow: hidden;
                    background: #ffffff;
                    border: 1px solid #e1e5e9;
                    border-radius: 10px;
                    box-shadow: 0 2px 6px rgba(13, 17, 23, .04);
                }

                    .configuracion-centros-table tbody tr:last-child[b-j3az41fj77] {
                        margin-bottom: 0;
                    }

                .configuracion-centros-table tbody td[b-j3az41fj77] {
                    display: grid;
                    grid-template-columns: 38% 62%;
                    align-items: center;
                    gap: .75rem;
                    padding: .75rem .9rem !important;
                    text-align: left !important;
                    white-space: normal;
                    border-top: 1px solid #eef0f2;
                }

                    .configuracion-centros-table tbody td:first-child[b-j3az41fj77] {
                        border-top: 0;
                    }

                    .configuracion-centros-table tbody td[b-j3az41fj77]::before {
                        content: attr(data-label);
                        color: #6b7280;
                        font-size: .84rem;
                        font-weight: 600;
                    }

            .configuracion-centros-table .badge[b-j3az41fj77] {
                justify-self: start;
            }

            .configuracion-centros-table .configuracion-actions[b-j3az41fj77] {
                display: grid;
                width: 100%;
                grid-template-columns: 38% 62%;
                align-items: start;
                gap: .75rem;
                white-space: normal;
                text-align: left !important;
            }

                .configuracion-centros-table .configuracion-actions[b-j3az41fj77]::before {
                    align-self: start;
                    padding-top: .45rem;
                }

            .configuracion-centros-table .configuracion-actions-buttons[b-j3az41fj77] {
                grid-column: 2;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                gap: .55rem;
                width: 100%;
            }

                .configuracion-centros-table .configuracion-actions-buttons > .btn[b-j3az41fj77] {
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: none !important;
                    flex: 1 1 auto !important;
                    margin: 0 !important;
                }

    .configuracion-horario-grid[b-j3az41fj77] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .configuracion-horario-grid[b-j3az41fj77] {
        grid-template-columns: 1fr;
    }

    /* En telefono el nombre del dia ocupa una fila completa.
       Inicio y Fin quedan debajo, en dos columnas iguales. Esto evita
       que nombres largos como Miercoles o Domingo invadan los campos. */
    .configuracion-horario-dia[b-j3az41fj77] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: end;
    }

    .configuracion-horario-dia-nombre[b-j3az41fj77] {
        grid-column: 1 / -1;
        align-self: center;
        min-height: 0;
        padding-bottom: 0;
    }
}

/* =========================================================
   MODULOS DE LA CUENTA - Inventario Fase 1
   ========================================================= */

.configuracion-modulos-section[b-j3az41fj77] {
    scroll-margin-top: 1rem;
}

.configuracion-modulos-grid[b-j3az41fj77] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.configuracion-modulo-card[b-j3az41fj77] {
    display: flex;
    flex-direction: column;
    min-height: 220px;
    padding: 1.2rem;
    border: 1px solid #dfe5e8;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(13, 20, 28, .045);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

    .configuracion-modulo-card.is-active[b-j3az41fj77] {
        border-color: rgba(0, 127, 118, .38);
        box-shadow: 0 7px 20px rgba(0, 127, 118, .08);
    }

    .configuracion-modulo-card:hover[b-j3az41fj77] {
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(13, 20, 28, .075);
    }

.configuracion-modulo-top[b-j3az41fj77] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.configuracion-modulo-icon[b-j3az41fj77] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #eef3f4;
    color: #39434a;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.configuracion-modulo-card.is-active .configuracion-modulo-icon[b-j3az41fj77] {
    background: rgba(0, 127, 118, .10);
    color: #007f76;
}

.configuracion-modulo-heading[b-j3az41fj77] {
    min-width: 0;
}

    .configuracion-modulo-heading h3[b-j3az41fj77] {
        margin: 0;
        font-size: 1.02rem;
        font-weight: 800;
        color: #1e2931;
    }

    .configuracion-modulo-heading p[b-j3az41fj77] {
        margin: .45rem 0 0;
        color: #647078;
        line-height: 1.5;
    }

.configuracion-modulo-status[b-j3az41fj77] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

    .configuracion-modulo-status.is-active[b-j3az41fj77] {
        color: #087f74;
        background: rgba(0, 179, 166, .11);
        border: 1px solid rgba(0, 179, 166, .24);
    }

    .configuracion-modulo-status.is-inactive[b-j3az41fj77] {
        color: #667078;
        background: #f3f5f6;
        border: 1px solid #e1e5e7;
    }

.configuracion-modulo-footer[b-j3az41fj77] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
    padding-top: 1.15rem;
}

.configuracion-modulo-note[b-j3az41fj77] {
    max-width: 70%;
    color: #7a858c;
    font-size: .8rem;
    line-height: 1.4;
}

.configuracion-modulo-switch[b-j3az41fj77] {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
}

    .configuracion-modulo-switch .form-check-input[b-j3az41fj77] {
        cursor: pointer;
    }

    .configuracion-modulo-switch .form-check-label[b-j3az41fj77] {
        cursor: pointer;
        font-weight: 700;
        color: #37424a;
    }

.configuracion-modulos-actions[b-j3az41fj77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .9rem 1rem;
    border: 1px solid #e3e7e9;
    border-radius: 10px;
    background: #fafbfb;
}

@media (max-width: 900px) {
    .configuracion-modulos-grid[b-j3az41fj77] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .configuracion-modulo-card[b-j3az41fj77] {
        padding: 1rem;
        border-radius: 12px;
    }

    .configuracion-modulo-footer[b-j3az41fj77],
    .configuracion-modulos-actions[b-j3az41fj77] {
        align-items: stretch;
        flex-direction: column;
    }

    .configuracion-modulo-note[b-j3az41fj77] {
        max-width: none;
    }

    .configuracion-modulo-switch[b-j3az41fj77] {
        align-self: flex-start;
    }

    .configuracion-modulos-actions .btn[b-j3az41fj77] {
        width: 100%;
    }
}

/* =========================================================
   NAVEGACION INTERNA Y HOMOGENEIZACION VISUAL v1.5
   ========================================================= */

.configuracion-page[b-j3az41fj77] {
    padding-bottom: 2.5rem;
}

.configuracion-page-header[b-j3az41fj77] {
    margin-bottom: 1rem !important;
}

    .configuracion-page-header h1[b-j3az41fj77] {
        color: #172127;
        font-weight: 850;
        letter-spacing: -.025em;
    }

.configuracion-subnav[b-j3az41fj77] {
    position: sticky;
    top: 64px;
    z-index: 12;
    display: flex;
    align-items: center;
    gap: .35rem;
    overflow-x: auto;
    margin-bottom: 1.25rem;
    padding: .38rem;
    border: 1px solid #e1e6e8;
    border-radius: 12px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 4px 14px rgba(13, 20, 28, .055);
    backdrop-filter: blur(8px);
}

.configuracion-subnav-item[b-j3az41fj77] {
    flex: 0 0 auto;
    min-height: 38px;
    padding: .45rem .82rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #4f5c63;
    font: inherit;
    font-size: .84rem;
    font-weight: 760;
    white-space: nowrap;
    cursor: pointer;
}

    .configuracion-subnav-item:hover[b-j3az41fj77] {
        color: #087f74;
        background: #f1f7f6;
    }

    .configuracion-subnav-item.active[b-j3az41fj77] {
        color: #ffffff;
        background: #0d8077;
        box-shadow: 0 3px 8px rgba(0, 127, 118, .18);
    }

.configuracion-section[b-j3az41fj77] {
    margin-bottom: 1rem;
    padding: 1.15rem;
    border: 1px solid #dfe5e7;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(13, 20, 28, .045);
}

.configuracion-section-header[b-j3az41fj77] {
    margin-bottom: .9rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #edf0f1;
}

    .configuracion-section-header h2[b-j3az41fj77] {
        color: #1f2a31;
        font-size: 1.28rem;
        font-weight: 830;
    }

    .configuracion-section-header p[b-j3az41fj77] {
        max-width: 900px;
        color: #69757b;
        font-size: .88rem;
        line-height: 1.5;
    }

.configuracion-section .card[b-j3az41fj77] {
    overflow: hidden;
    border: 1px solid #e1e6e8 !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 12px rgba(13, 20, 28, .035) !important;
}

    .configuracion-section .card + .card[b-j3az41fj77] {
        margin-top: .8rem;
    }

.configuracion-section .card-body[b-j3az41fj77] {
    padding: 1rem 1.05rem;
}

    .configuracion-section .card-body > h3[b-j3az41fj77],
    .configuracion-section .card-body > .h5[b-j3az41fj77] {
        color: #273239;
        font-weight: 800;
    }

.configuracion-section .alert[b-j3az41fj77] {
    margin-bottom: .85rem;
    border-radius: 10px;
    box-shadow: none;
}

.configuracion-section .alert-light[b-j3az41fj77] {
    background: #f8faf9;
    border-color: #e2e7e8 !important;
    color: #536067;
}

.configuracion-section .alert-info[b-j3az41fj77] {
    background: rgba(0, 179, 166, .07);
    border-color: rgba(0, 127, 118, .18);
    color: #345f5a;
}

.configuracion-section .form-label[b-j3az41fj77] {
    color: #3f4b52;
    font-size: .84rem;
    font-weight: 700;
}

.configuracion-section .form-text[b-j3az41fj77] {
    color: #7a858b;
    font-size: .78rem;
    line-height: 1.42;
}

.configuracion-section .form-control[b-j3az41fj77],
.configuracion-section .form-select[b-j3az41fj77],
.configuracion-section .input-group-text[b-j3az41fj77] {
    min-height: 38px;
    border-color: #d9e0e2;
}

    .configuracion-section .form-control:focus[b-j3az41fj77],
    .configuracion-section .form-select:focus[b-j3az41fj77] {
        border-color: rgba(0, 127, 118, .46);
        box-shadow: 0 0 0 .2rem rgba(0, 127, 118, .10);
    }

.configuracion-section .btn[b-j3az41fj77] {
    min-height: 36px;
    border-radius: 8px;
    font-weight: 700;
}

.configuracion-section .table[b-j3az41fj77] {
    margin-bottom: 0;
}

    .configuracion-section .table > thead > tr > th[b-j3az41fj77] {
        background: #f8faf9 !important;
        color: #4b585f;
        font-size: .77rem;
        font-weight: 800;
    }

    .configuracion-section .table > tbody > tr > td[b-j3az41fj77] {
        border-color: #edf0f1;
        color: #3f4b52;
    }

    .configuracion-section .table > tbody > tr:hover[b-j3az41fj77] {
        background: #fbfdfc;
    }

.configuracion-modulos-section[b-j3az41fj77] {
    padding: 1.15rem;
}

.configuracion-modulo-card[b-j3az41fj77] {
    min-height: 190px;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(13, 20, 28, .035);
}

.configuracion-modulos-actions[b-j3az41fj77] {
    border-color: #e2e7e8;
    background: #f8faf9;
}

.configuracion-help[b-j3az41fj77] {
    margin-bottom: .85rem;
    background: #f8faf9 !important;
}

@media (max-width: 899.98px) {
    .configuracion-subnav[b-j3az41fj77] {
        position: static;
    }

    .configuracion-section[b-j3az41fj77] {
        padding: .9rem;
        border-radius: 12px;
    }

    .configuracion-section-header[b-j3az41fj77] {
        gap: .8rem;
    }
}

@media (max-width: 640px) {
    .configuracion-subnav[b-j3az41fj77] {
        margin-left: -.15rem;
        margin-right: -.15rem;
        border-radius: 10px;
    }

    .configuracion-subnav-item[b-j3az41fj77] {
        min-height: 36px;
        padding-left: .7rem;
        padding-right: .7rem;
        font-size: .8rem;
    }

    .configuracion-section[b-j3az41fj77] {
        padding: .8rem;
    }

        .configuracion-section .card-body[b-j3az41fj77] {
            padding: .9rem;
        }
}

/* Terminal y avisos: segundo nivel compacto. */
.configuracion-terminal-subnav[b-j3az41fj77] {
    display: flex;
    align-items: center;
    gap: .3rem;
    overflow-x: auto;
    margin-bottom: .9rem;
    padding: .32rem;
    border: 1px solid #e3e8e9;
    border-radius: 10px;
    background: #f7f9f9;
}

.configuracion-terminal-subnav-item[b-j3az41fj77] {
    flex: 0 0 auto;
    min-height: 34px;
    padding: .38rem .72rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #59666d;
    font: inherit;
    font-size: .8rem;
    font-weight: 760;
    white-space: nowrap;
    cursor: pointer;
}

    .configuracion-terminal-subnav-item:hover[b-j3az41fj77] {
        color: #087f74;
        background: #edf5f4;
    }

    .configuracion-terminal-subnav-item.active[b-j3az41fj77] {
        color: #ffffff;
        background: #0d8077;
        box-shadow: 0 3px 8px rgba(0, 127, 118, .16);
    }

.configuracion-terminal-savebar[b-j3az41fj77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .85rem;
    padding: .8rem .9rem;
    border: 1px solid #e3e8e9;
    border-radius: 10px;
    background: #f8faf9;
}

    .configuracion-terminal-savebar > span[b-j3az41fj77] {
        color: #6b777d;
        font-size: .8rem;
    }

@media (max-width: 720px) {
    .configuracion-terminal-savebar[b-j3az41fj77] {
        align-items: stretch;
        flex-direction: column;
    }

        .configuracion-terminal-savebar .btn[b-j3az41fj77] {
            width: 100%;
        }
}
/* _content/FichajesLP.Administracion/Components/Pages/ContratosNominas.razor.rz.scp.css */
/* HOJA_DE_RUTA: FICHAJES_HOJA_MAESTRA_CONSOLIDADA_M426_v638_20260928_RONDA2_PREPARADA.txt
   PAQUETE: FICHAJES_CONTRATOS_NOMINAS_v626_RONDA2_TXT_ANTIRREGRESION_20260928.zip
   SNAPSHOT_BASE: FICHAJES_20260928_194132
   HUELLA_SNAPSHOT_BASE: 71d33b6b51e52a47a6b06222ab7874e55b44990838ba3ca09316d2804de76bf1
   NOMBRE_FICHERO: ContratosNominas.razor.css */

.documentos-page[b-h2qjy0581g] {
    --doc-accent: #0f948c;
    --doc-accent-dark: #0b746e;
    --doc-soft: #eef8f7;
    --doc-border: #d8e4e7;
    --doc-text-muted: #64748b;
}

.documentos-header[b-h2qjy0581g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5ecef;
}

    .documentos-header h1[b-h2qjy0581g] {
        font-weight: 700;
        letter-spacing: -.02em;
    }

.documentos-module-nav[b-h2qjy0581g] {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin: 0 0 1.25rem;
    overflow-x: auto;
    border: 1px solid var(--doc-border);
    border-radius: 12px;
    background: #ffffff;
}

.documentos-module-nav-item[b-h2qjy0581g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-width: 180px;
    padding: .78rem 1.1rem;
    border: 0;
    border-right: 1px solid #e6edef;
    background: transparent;
    color: #334155;
    font-weight: 760;
    cursor: pointer;
}

    .documentos-module-nav-item:last-child[b-h2qjy0581g] {
        border-right: 0;
    }

    .documentos-module-nav-item span[b-h2qjy0581g] {
        display: inline-grid;
        min-width: 24px;
        height: 24px;
        place-items: center;
        padding: 0 .4rem;
        border-radius: 999px;
        background: #eef3f4;
        color: #64748b;
        font-size: .72rem;
        font-weight: 800;
    }

    .documentos-module-nav-item.active[b-h2qjy0581g] {
        background: var(--doc-accent);
        color: #ffffff;
    }

        .documentos-module-nav-item.active span[b-h2qjy0581g] {
            background: rgba(255,255,255,.2);
            color: #ffffff;
        }

.documentos-section[b-h2qjy0581g] {
    max-width: 1500px;
}

    .documentos-section + .documentos-section[b-h2qjy0581g] {
        padding-top: 1.75rem;
        border-top: 1px solid #e5ecef;
    }

.documentos-section-title[b-h2qjy0581g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.documentos-section-copy[b-h2qjy0581g] {
    min-width: 0;
}

.documentos-section-title h2[b-h2qjy0581g] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0 0 .3rem;
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -.015em;
}

    .documentos-section-title h2[b-h2qjy0581g]::before {
        content: "";
        width: 4px;
        height: 1.45rem;
        flex: 0 0 4px;
        border-radius: 999px;
        background: var(--doc-accent);
    }

.documentos-section-title p[b-h2qjy0581g] {
    margin: 0;
    color: var(--doc-text-muted);
}

.documentos-count-badge[b-h2qjy0581g] {
    flex: 0 0 auto;
    padding: .45rem .7rem;
    border: 1px solid #cfe4e2;
    background: var(--doc-soft);
    color: #0f766e;
    font-weight: 700;
}

.documentos-kicker[b-h2qjy0581g] {
    display: inline-block;
    color: #0f766e;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.documentos-options-card[b-h2qjy0581g] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: .9rem 1rem;
    border: 1px solid #dce8ea;
    border-radius: 14px;
    background: #f8fbfb;
}

.documentos-options-main[b-h2qjy0581g] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
}

.documentos-option[b-h2qjy0581g] {
    min-width: 280px;
}

    .documentos-option .form-check[b-h2qjy0581g] {
        margin: 0;
    }

.documentos-option-help[b-h2qjy0581g] {
    margin-top: .2rem;
    margin-left: 2.5rem;
    color: var(--doc-text-muted);
    font-size: .79rem;
}

.documentos-autosave[b-h2qjy0581g] {
    flex: 0 0 auto;
    padding-top: .15rem;
    color: #64748b;
    font-size: .78rem;
    white-space: nowrap;
}

.documentos-preference-error[b-h2qjy0581g] {
    position: absolute;
    right: 1rem;
    bottom: .45rem;
    color: #b42318;
    font-size: .78rem;
}

.documentos-upload-card[b-h2qjy0581g] {
    border: 1px solid var(--doc-border);
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfd 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
}

    .documentos-upload-card .form-label[b-h2qjy0581g] {
        margin-bottom: .45rem;
        color: #334155;
    }

    .documentos-upload-card .form-control[b-h2qjy0581g],
    .documentos-upload-card .form-select[b-h2qjy0581g] {
        min-height: 42px;
        border-color: #cbd9dd;
        border-radius: 10px;
    }

        .documentos-upload-card .form-control:focus[b-h2qjy0581g],
        .documentos-upload-card .form-select:focus[b-h2qjy0581g] {
            border-color: #63b9b3;
            box-shadow: 0 0 0 .2rem rgba(15, 148, 140, .12);
        }

.documentos-file-control[b-h2qjy0581g] {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 42px;
    overflow: hidden;
    border: 1px solid #cbd9dd;
    border-radius: 10px;
    background: #fff;
}

.documentos-file-button[b-h2qjy0581g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 138px;
    margin: 0;
    padding: .6rem .95rem;
    border-right: 1px solid #cfe0e3;
    background: var(--doc-soft);
    color: var(--doc-accent-dark);
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    transition: background .15s ease, color .15s ease;
}

    .documentos-file-button:hover[b-h2qjy0581g] {
        background: #dff2f0;
        color: #075f5a;
    }

.documentos-file-status[b-h2qjy0581g] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
    padding: .55rem .8rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-h2qjy0581g] .documentos-file-input-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
}

.documentos-validation[b-h2qjy0581g] {
    border-top: 1px solid var(--doc-border);
    padding-top: 1.25rem;
}

.documentos-validation-head[b-h2qjy0581g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 12px;
    background: var(--doc-soft);
}

.documentos-pdf-meta[b-h2qjy0581g] {
    color: #64748b;
    white-space: nowrap;
}

.documentos-history-card[b-h2qjy0581g] {
    border: 1px solid var(--doc-border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(15, 23, 42, .05) !important;
}

    .documentos-history-card .card-header[b-h2qjy0581g] {
        border-bottom: 1px solid var(--doc-border);
        background: linear-gradient(180deg, #ffffff 0%, #fbfdfd 100%) !important;
    }

        .documentos-history-card .card-header strong[b-h2qjy0581g] {
            color: #1f2937;
        }

.documentos-table th[b-h2qjy0581g] {
    white-space: nowrap;
    color: #475569;
    font-size: .82rem;
    font-weight: 700;
    background: #f8fafb;
    border-bottom-color: #d7e1e4;
}

.documentos-table td[b-h2qjy0581g] {
    vertical-align: middle;
}

.documentos-modal-backdrop[b-h2qjy0581g] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(4, 18, 25, .58);
}

.documentos-modal[b-h2qjy0581g] {
    width: min(560px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.5rem;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .30);
}

.documentos-modal-wide[b-h2qjy0581g] {
    width: min(820px, 100%);
}

.documentos-modal-replace[b-h2qjy0581g] {
    width: min(720px, 100%);
}

.documentos-modal-icon[b-h2qjy0581g] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 1rem;
    border-radius: 50%;
    background: #fef2f2;
    color: #b91c1c;
    font-weight: 900;
    font-size: 1.3rem;
}

.documentos-modal-notice[b-h2qjy0581g] {
    padding: 1rem;
    border: 1px solid #cfe4e2;
    border-radius: 12px;
    background: #f3fbfa;
    color: #334155;
}

.documentos-timeline[b-h2qjy0581g] {
    display: grid;
    gap: .2rem;
}

.documentos-timeline-item[b-h2qjy0581g] {
    position: relative;
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: .8rem;
    padding: .75rem 0;
}

    .documentos-timeline-item:not(:last-child)[b-h2qjy0581g]::before {
        content: "";
        position: absolute;
        left: 8px;
        top: 26px;
        bottom: -8px;
        width: 2px;
        background: #dbe7ea;
    }

.documentos-timeline-dot[b-h2qjy0581g] {
    width: 10px;
    height: 10px;
    margin-top: .35rem;
    margin-left: 3px;
    border-radius: 50%;
    background: var(--doc-accent);
}

@media (min-width: 1180px) {
    .documentos-contract-copy[b-h2qjy0581g] {
        max-width: none;
        white-space: nowrap;
    }
}

@media (max-width: 900px) {
    .documentos-section-title[b-h2qjy0581g] {
        display: block;
    }

        .documentos-section-title > .badge[b-h2qjy0581g] {
            margin-top: .75rem;
        }

    .documentos-options-card[b-h2qjy0581g] {
        display: block;
    }

    .documentos-options-main[b-h2qjy0581g] {
        display: grid;
        gap: 1rem;
    }

    .documentos-option[b-h2qjy0581g] {
        min-width: 0;
    }

    .documentos-autosave[b-h2qjy0581g] {
        margin-top: .7rem;
    }

    .documentos-preference-error[b-h2qjy0581g] {
        position: static;
        margin-top: .4rem;
    }

    .documentos-validation-head[b-h2qjy0581g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .documentos-file-control[b-h2qjy0581g] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .documentos-file-button[b-h2qjy0581g] {
        min-width: 0;
        border-right: 0;
        border-bottom: 1px solid #cfe0e3;
    }

    .documentos-file-status[b-h2qjy0581g] {
        justify-content: center;
    }

    .documentos-table[b-h2qjy0581g] {
        min-width: 940px;
    }

    .documentos-contract-copy[b-h2qjy0581g] {
        white-space: normal;
    }
}
/* _content/FichajesLP.Administracion/Components/Pages/Empleados.razor.rz.scp.css */
/* =========================================================
   FICHAJES by ENTILZA
   Empleados.razor.css
   ========================================================= */
/* =========================================================
   CABECERA DE LA PÁGINA
   ========================================================= */
.empleados-page-header[b-67ctxyg1jb] {
    gap: 1rem;
}


/* =========================================================
   COLUMNAS CENTRADAS
   ========================================================= */

.empleados-status-col[b-67ctxyg1jb],
.empleados-test-col[b-67ctxyg1jb] {
    text-align: center;
}




/* =========================================================
   NOMBRES DE EMPLEADO
   El nombre completo nunca cambia en datos. Visualmente se
   recorta con ... cuando no cabe en la columna disponible.
   ========================================================= */

.empleados-table th:first-child[b-67ctxyg1jb],
.empleados-table td:first-child[b-67ctxyg1jb] {
    width: 40%;
    max-width: 420px;
}

.empleados-empleado-nombre[b-67ctxyg1jb] {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   ACCIONES - ESCRITORIO / TABLET
   ========================================================= */

/*
   Cabecera y celdas de Acciones comparten el mismo ancho.
   Así "Acciones" queda centrado sobre el grupo de botones.
*/

.empleados-actions-header[b-67ctxyg1jb],
.empleados-actions[b-67ctxyg1jb] {
    width: 190px;
    text-align: center;
}

.empleados-actions[b-67ctxyg1jb] {
    white-space: nowrap;
}


/* =========================================================
   MÓVIL / TABLET VERTICAL / TELÉFONO HORIZONTAL
   Tarjetas compactas. Evita que el iPhone horizontal vuelva
   a la tabla de escritorio y elimine contenido por la derecha.
   ========================================================= */

@media (max-width: 899.98px) {

    .empleados-page-header[b-67ctxyg1jb] {
        align-items: stretch !important;
        flex-direction: column;
        gap: .75rem;
    }

    .empleados-new-button[b-67ctxyg1jb] {
        width: 100%;
    }

    .empleados-table thead[b-67ctxyg1jb] {
        display: none;
    }

    .empleados-table[b-67ctxyg1jb],
    .empleados-table tbody[b-67ctxyg1jb] {
        display: block;
        width: 100%;
    }

        .empleados-table tbody[b-67ctxyg1jb] {
            padding: .65rem;
        }

            .empleados-table tbody tr[b-67ctxyg1jb] {
                display: grid;
                grid-template-columns: 1fr 1fr;
                width: 100%;
                margin-bottom: .8rem;
                overflow: hidden;
                background: #ffffff;
                border: 1px solid #e1e5e9;
                border-radius: 10px;
                box-shadow: 0 2px 6px rgba(13, 17, 23, 0.04);
            }

                .empleados-table tbody tr:last-child[b-67ctxyg1jb] {
                    margin-bottom: 0;
                }

            .empleados-table tbody td[b-67ctxyg1jb] {
                display: block;
                width: 100%;
                min-width: 0;
                padding: .7rem .8rem !important;
                text-align: left !important;
                white-space: normal;
                border-top: 1px solid #eef0f2;
                overflow: hidden;
            }

                .empleados-table tbody td[b-67ctxyg1jb]::before {
                    content: attr(data-label);
                    display: block;
                    margin-bottom: .22rem;
                    color: #6b7280;
                    font-size: .74rem;
                    font-weight: 700;
                    line-height: 1.2;
                }

                .empleados-table tbody td[data-label="Empleado"][b-67ctxyg1jb] {
                    grid-column: 1 / -1;
                    width: 100%;
                    max-width: none;
                    border-top: 0;
                }

                    .empleados-table tbody td[data-label="Empleado"] > div[b-67ctxyg1jb] {
                        min-width: 0;
                    }

                    .empleados-table tbody td[data-label="Empleado"] .empleados-empleado-nombre[b-67ctxyg1jb] {
                        max-width: 100%;
                        font-size: .98rem;
                        margin-bottom: .15rem;
                    }

                .empleados-table tbody td[data-label="Código"][b-67ctxyg1jb] {
                    border-right: 1px solid #eef0f2;
                }

        .empleados-table .empleados-status-col[b-67ctxyg1jb],
        .empleados-table .empleados-test-col[b-67ctxyg1jb] {
            text-align: left !important;
        }

        .empleados-table .badge[b-67ctxyg1jb] {
            display: inline-flex;
            justify-self: start;
        }

        .empleados-table tbody td[data-label="Usuario test"][b-67ctxyg1jb] {
            grid-column: 1 / -1;
        }

        .empleados-table .empleados-actions[b-67ctxyg1jb] {
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: 1fr 1fr;
            width: 100%;
            gap: .5rem;
            white-space: normal;
            text-align: left !important;
        }

            .empleados-table .empleados-actions[b-67ctxyg1jb]::before {
                grid-column: 1 / -1;
                margin-bottom: 0;
            }

            .empleados-table .empleados-actions > button[b-67ctxyg1jb] {
                width: 100%;
                margin: 0 !important;
                min-height: 40px;
            }

                .empleados-table .empleados-actions > button + button[b-67ctxyg1jb] {
                    margin-top: 0 !important;
                }

        .empleados-table td[colspan="5"][b-67ctxyg1jb] {
            display: block;
            grid-column: 1 / -1;
            width: 100% !important;
            max-width: none !important;
            padding: 2rem 1rem !important;
            text-align: center !important;
        }

            .empleados-table td[colspan="5"][b-67ctxyg1jb]::before {
                content: none;
            }

    .modal-dialog[b-67ctxyg1jb] {
        margin: .75rem;
    }
}


/* =========================================================
   AYUDA - USUARIO DE TEST
   ========================================================= */

.empleados-test-header[b-67ctxyg1jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.empleados-info-button[b-67ctxyg1jb] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0;
    color: #ffffff;
    background: #00b3a6;
    border: 1px solid #00b3a6;
    border-radius: 50%;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

    .empleados-info-button:hover[b-67ctxyg1jb],
    .empleados-info-button:focus[b-67ctxyg1jb] {
        color: #ffffff;
        background: #009c91;
        border-color: #009c91;
    }

.empleados-info-button-small[b-67ctxyg1jb] {
    width: 24px;
    height: 24px;
    font-size: 0.76rem;
}


/* =========================================================
   IDENTIFICACIÓN VISUAL EN HORARIOS
   ========================================================= */

.empleados-identidad-listado[b-67ctxyg1jb] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0;
}

.empleados-avatar-horario[b-67ctxyg1jb] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .01em;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
}

.empleados-horario-identificacion[b-67ctxyg1jb] {
    padding: .85rem;
    border: 1px solid #e1e5e9;
    border-radius: 10px;
    background: #f8fafb;
}

.empleados-color-palette[b-67ctxyg1jb] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.empleados-color-swatch[b-67ctxyg1jb] {
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 50%;
    color: #fff;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(0,0,0,.10);
}

    .empleados-color-swatch:hover:not(:disabled)[b-67ctxyg1jb],
    .empleados-color-swatch:focus-visible:not(:disabled)[b-67ctxyg1jb] {
        transform: scale(1.08);
    }

    .empleados-color-swatch.selected[b-67ctxyg1jb] {
        border-color: #111827;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111827;
    }

    .empleados-color-swatch:disabled[b-67ctxyg1jb] {
        opacity: .18;
        cursor: not-allowed;
    }

.empleados-horario-preview[b-67ctxyg1jb] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .65rem .75rem;
    border: 1px dashed #cfd7dc;
    border-radius: 9px;
    background: #fff;
}

.empleados-avatar-horario-preview[b-67ctxyg1jb] {
    width: 38px;
    height: 38px;
    font-size: .82rem;
}

@media (max-width: 575.98px) {
    .empleados-horario-identificacion .input-group[b-67ctxyg1jb] {
        display: block;
    }

        .empleados-horario-identificacion .input-group > .form-control[b-67ctxyg1jb],
        .empleados-horario-identificacion .input-group > .btn[b-67ctxyg1jb] {
            width: 100%;
            border-radius: .375rem !important;
        }

        .empleados-horario-identificacion .input-group > .btn[b-67ctxyg1jb] {
            margin-top: .45rem;
        }
}


/* Iniciales de horarios: ancho suficiente para mostrar siempre 3 caracteres. */
.empleados-iniciales-grupo[b-67ctxyg1jb] {
    align-items: stretch;
}

.empleados-iniciales-input[b-67ctxyg1jb] {
    flex: 0 0 78px !important;
    width: 78px !important;
    min-width: 78px;
}

@media (max-width: 575.98px) {
    .empleados-iniciales-input[b-67ctxyg1jb] {
        flex-basis: 88px !important;
        width: 88px !important;
    }
}
/* _content/FichajesLP.Administracion/Components/Pages/Empresa.razor.rz.scp.css */
/* =========================================================
   EMPRESA
   ========================================================= */

.empresa-page[b-19bsuocwun] {
    width: 100%;
}

.empresa-header[b-19bsuocwun] {
    margin-bottom: 1.5rem;
}

    .empresa-header h1[b-19bsuocwun] {
        margin: 0 0 0.35rem 0;
        font-size: 2rem;
        font-weight: 700;
    }

    .empresa-header p[b-19bsuocwun],
    .empresa-section-title p[b-19bsuocwun] {
        margin: 0;
        color: #6b7280;
    }

.empresa-section[b-19bsuocwun] {
    margin-bottom: 2rem;
}

.empresa-section-title[b-19bsuocwun] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

    .empresa-section-title h2[b-19bsuocwun] {
        margin: 0 0 0.25rem 0;
        font-size: 1.25rem;
        font-weight: 700;
    }

.empresa-badge-vigente[b-19bsuocwun],
.empresa-badge-historica[b-19bsuocwun] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 30px;
    padding: 0 0.8rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.empresa-badge-vigente[b-19bsuocwun] {
    color: #087f74;
    background: rgba(0, 179, 166, 0.13);
}

.empresa-badge-historica[b-19bsuocwun] {
    color: #5f6772;
    background: #edf0f2;
}


/* =========================================================
   IDENTIDAD FISCAL
   ========================================================= */

.empresa-fiscal-card[b-19bsuocwun] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(150px, 0.8fr) minmax(150px, 0.8fr);
    gap: 1px;
    overflow: hidden;
    background: #e5e7eb;
    border: 1px solid #e1e5e9;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(13, 17, 23, 0.04);
}

.empresa-fiscal-field[b-19bsuocwun] {
    min-width: 0;
    padding: 1rem 1.1rem;
    background: #ffffff;
}

.empresa-label[b-19bsuocwun] {
    display: block;
    margin-bottom: 0.32rem;
    color: #6b7280;
    font-size: 0.82rem;
    font-weight: 650;
}

.empresa-fiscal-field strong[b-19bsuocwun] {
    display: block;
    overflow: hidden;
    color: #111827;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empresa-sin-dato[b-19bsuocwun] {
    color: #b7791f;
    font-weight: 650;
}

.empresa-info-protegida[b-19bsuocwun] {
    display: flex;
    gap: 0.9rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    color: #164e63;
    background: #dff6fb;
    border: 1px solid #bdebf3;
    border-radius: 9px;
}

.empresa-info-icon[b-19bsuocwun] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    color: #ffffff;
    background: #00b3a6;
    border-radius: 50%;
    font-weight: 800;
}

.empresa-info-protegida p[b-19bsuocwun] {
    margin: 0.25rem 0 0.35rem 0;
}


/* =========================================================
   FORMULARIO
   ========================================================= */

.empresa-form[b-19bsuocwun] {
    padding: 1.25rem;
}

.empresa-form-grid[b-19bsuocwun] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}

.empresa-field[b-19bsuocwun] {
    min-width: 0;
}

.empresa-field-wide[b-19bsuocwun] {
    grid-column: 1 / -1;
}


.empresa-subsection-label[b-19bsuocwun] {
    margin-top: 0.25rem;
    padding-top: 0.9rem;
    border-top: 1px solid #eef0f2;
    color: #111827;
    font-weight: 700;
}

.empresa-account-meta[b-19bsuocwun] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #eef0f2;
}

    .empresa-account-meta div[b-19bsuocwun] {
        display: flex;
        gap: 0.5rem;
    }

    .empresa-account-meta span[b-19bsuocwun] {
        color: #6b7280;
    }

.empresa-actions[b-19bsuocwun] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

    .empresa-actions .btn[b-19bsuocwun] {
        min-width: 150px;
    }


/* =========================================================
   HISTÓRICO
   ========================================================= */

.empresa-history-list[b-19bsuocwun] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(13, 17, 23, 0.04);
}

.empresa-history-item[b-19bsuocwun] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(250px, 0.9fr) 110px;
    gap: 1.25rem;
    align-items: center;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #eef0f2;
}

    .empresa-history-item:last-child[b-19bsuocwun] {
        border-bottom: 0;
    }

.empresa-history-main[b-19bsuocwun] {
    min-width: 0;
}

.empresa-history-name[b-19bsuocwun] {
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empresa-history-cif[b-19bsuocwun] {
    margin-top: 0.25rem;
    color: #6b7280;
    font-size: 0.9rem;
}

.empresa-history-dates[b-19bsuocwun] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

    .empresa-history-dates div[b-19bsuocwun] {
        min-width: 0;
    }

    .empresa-history-dates span[b-19bsuocwun] {
        display: block;
        color: #6b7280;
        font-size: 0.78rem;
    }

    .empresa-history-dates strong[b-19bsuocwun] {
        display: block;
        margin-top: 0.15rem;
        white-space: nowrap;
    }

.empresa-history-state[b-19bsuocwun] {
    display: flex;
    justify-content: flex-end;
}


/* =========================================================
   TABLET / MÓVIL
   ========================================================= */
/* =========================================================
   MENSAJES FLOTANTES
   ========================================================= */

.empresa-toast[b-19bsuocwun] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 2000;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: min(520px, calc(100vw - 2.5rem));
    padding: 0.95rem 1rem;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.20);
    font-weight: 650;
}

.empresa-toast-ok[b-19bsuocwun] {
    color: #0f5132;
    background: #d1e7dd;
    border: 1px solid #badbcc;
}

.empresa-toast-error[b-19bsuocwun] {
    color: #842029;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
}

.empresa-toast span[b-19bsuocwun] {
    min-width: 0;
    flex: 1 1 auto;
}

.empresa-toast-close[b-19bsuocwun] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 6px;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

    .empresa-toast-close:hover[b-19bsuocwun] {
        background: rgba(0, 0, 0, 0.07);
    }


/* =========================================================
   TABLET HORIZONTAL
   ========================================================= */

@media (max-width: 1199.98px) {

    .empresa-header[b-19bsuocwun] {
        margin-bottom: 1.15rem;
    }

    .empresa-section[b-19bsuocwun] {
        margin-bottom: 1.5rem;
    }

    .empresa-fiscal-card[b-19bsuocwun] {
        grid-template-columns: minmax(0, 1.6fr) minmax(135px, 0.7fr);
    }

    .empresa-fiscal-wide[b-19bsuocwun] {
        grid-column: 1 / -1;
    }

    .empresa-fiscal-field[b-19bsuocwun],
    .empresa-form[b-19bsuocwun] {
        padding: 0.9rem 1rem;
    }

    .empresa-info-protegida[b-19bsuocwun] {
        padding: 0.85rem 1rem;
    }

    .empresa-form-grid[b-19bsuocwun] {
        gap: 0.8rem 1rem;
    }

    .empresa-history-item[b-19bsuocwun] {
        grid-template-columns: minmax(0, 1fr) minmax(220px, 0.8fr) 92px;
        gap: 0.85rem;
        padding: 0.85rem 1rem;
    }
}


/* =========================================================
   IPAD VERTICAL / TELÉFONO HORIZONTAL
   ========================================================= */

@media (max-width: 899.98px) {

    .empresa-header h1[b-19bsuocwun] {
        font-size: 1.75rem;
    }

    .empresa-section-title[b-19bsuocwun] {
        display: block;
    }

        .empresa-section-title > .empresa-badge-vigente[b-19bsuocwun] {
            margin-top: 0.65rem;
        }

    .empresa-fiscal-card[b-19bsuocwun] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .empresa-fiscal-wide[b-19bsuocwun] {
        grid-column: 1 / -1;
    }

    .empresa-form-grid[b-19bsuocwun] {
        grid-template-columns: 1fr;
    }

    .empresa-field-wide[b-19bsuocwun] {
        grid-column: auto;
    }

    .empresa-history-item[b-19bsuocwun] {
        grid-template-columns: minmax(0, 1fr) 100px;
    }

    .empresa-history-dates[b-19bsuocwun] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .empresa-history-state[b-19bsuocwun] {
        grid-column: 2;
        grid-row: 1;
    }
}


/* =========================================================
   TELÉFONO
   ========================================================= */

@media (max-width: 640px) {

    .empresa-header[b-19bsuocwun] {
        margin-bottom: 1rem;
    }

        .empresa-header h1[b-19bsuocwun] {
            font-size: 1.55rem;
        }

        .empresa-header p[b-19bsuocwun],
        .empresa-section-title p[b-19bsuocwun] {
            font-size: 0.92rem;
        }

    .empresa-section[b-19bsuocwun] {
        margin-bottom: 1.25rem;
    }

    .empresa-section-title h2[b-19bsuocwun] {
        font-size: 1.1rem;
    }

    .empresa-fiscal-card[b-19bsuocwun] {
        grid-template-columns: 1fr;
    }

    .empresa-fiscal-wide[b-19bsuocwun] {
        grid-column: auto;
    }

    .empresa-fiscal-field[b-19bsuocwun] {
        padding: 0.75rem 0.85rem;
    }

        .empresa-fiscal-field strong[b-19bsuocwun] {
            white-space: normal;
            overflow-wrap: anywhere;
        }

    .empresa-info-protegida[b-19bsuocwun] {
        gap: 0.7rem;
        padding: 0.8rem 0.85rem;
        font-size: 0.9rem;
    }

    .empresa-info-icon[b-19bsuocwun] {
        flex-basis: 26px;
        width: 26px;
        height: 26px;
    }

    .empresa-form[b-19bsuocwun] {
        padding: 0.9rem;
    }

    .empresa-form-grid[b-19bsuocwun] {
        gap: 0.75rem;
    }

    .empresa-account-meta[b-19bsuocwun] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        margin-top: 1rem;
    }

    .empresa-actions[b-19bsuocwun] {
        position: sticky;
        bottom: 0.5rem;
        z-index: 10;
        justify-content: stretch;
        margin-top: 1rem;
        padding-top: 0.5rem;
        background: rgba(255, 255, 255, 0.96);
    }

        .empresa-actions .btn[b-19bsuocwun] {
            width: 100%;
        }

    .empresa-history-item[b-19bsuocwun] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
        padding: 0.85rem;
    }

    .empresa-history-name[b-19bsuocwun] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .empresa-history-dates[b-19bsuocwun] {
        grid-column: auto;
        grid-row: auto;
        gap: 0.75rem;
    }

    .empresa-history-state[b-19bsuocwun] {
        grid-column: auto;
        grid-row: auto;
        justify-content: flex-start;
    }

    .empresa-toast[b-19bsuocwun] {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        width: auto;
        padding: 0.8rem 0.85rem;
        font-size: 0.92rem;
    }
}
/* _content/FichajesLP.Administracion/Components/Pages/Horarios.razor.rz.scp.css */
.horarios-page[b-wfz8mh2z7x]{--h-label:300px;--h-hour:80px;--h-time:2880px;--h-line:#dbe4e8;--h-muted:#66737d;--h-dark:#0c1720;--h-accent:#00a99d;--h-shadow:0 8px 26px rgba(13,30,42,.07)}
.horarios-header[b-wfz8mh2z7x]{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.horarios-header h1[b-wfz8mh2z7x]{margin:0}.horarios-status[b-wfz8mh2z7x]{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.horarios-status.draft[b-wfz8mh2z7x]{background:#fff4d8;color:#8b5d00}.horarios-status.published[b-wfz8mh2z7x]{background:#e7f5ec;color:#1c6c46}.horarios-status.unsaved[b-wfz8mh2z7x]{background:#eef2f4;color:#5f6d76}
.horarios-toolbar[b-wfz8mh2z7x]{background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:10px;box-shadow:var(--h-shadow);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.horarios-period[b-wfz8mh2z7x]{font-weight:800;min-width:210px;text-align:center}.horarios-view-switch[b-wfz8mh2z7x]{display:flex;border:1px solid var(--h-line);border-radius:9px;overflow:hidden}.horarios-view-switch button[b-wfz8mh2z7x]{border:0;border-right:1px solid var(--h-line);background:#fff;padding:8px 12px;font-weight:800}.horarios-view-switch button:last-child[b-wfz8mh2z7x]{border-right:0}.horarios-view-switch button.active[b-wfz8mh2z7x]{background:var(--h-dark);color:#fff}.horarios-spacer[b-wfz8mh2z7x]{flex:1}
.horarios-days[b-wfz8mh2z7x]{display:flex;gap:7px;overflow:auto;margin:10px 0 12px}.horarios-day[b-wfz8mh2z7x]{min-width:96px;border:1px solid var(--h-line);background:#fff;border-radius:10px;padding:8px;text-align:center;font-weight:800}.horarios-day small[b-wfz8mh2z7x]{display:block;color:var(--h-muted);margin-top:2px}.horarios-day.active[b-wfz8mh2z7x]{background:var(--h-dark);color:#fff;border-color:var(--h-dark)}.horarios-day.active small[b-wfz8mh2z7x]{color:#b8c2c8}
.horarios-grid[b-wfz8mh2z7x]{display:grid;grid-template-columns:235px minmax(0,1fr);gap:12px;align-items:start}.horarios-tray[b-wfz8mh2z7x],.horarios-timeline-card[b-wfz8mh2z7x]{background:#fff;border:1px solid var(--h-line);border-radius:12px;box-shadow:var(--h-shadow)}.horarios-tray-head[b-wfz8mh2z7x]{padding:12px;border-bottom:1px solid var(--h-line);font-weight:800}.horarios-tray-body[b-wfz8mh2z7x]{padding:9px}.horarios-search[b-wfz8mh2z7x]{width:100%;border:1px solid var(--h-line);border-radius:8px;padding:8px 9px;margin-bottom:8px}.horarios-emp-card[b-wfz8mh2z7x]{display:flex;align-items:center;gap:8px;border:1px solid var(--h-line);border-radius:9px;padding:8px;margin:6px 0}.horarios-avatar[b-wfz8mh2z7x]{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:50%;font-weight:900;flex:none}.horarios-emp-main[b-wfz8mh2z7x]{flex:1;min-width:0}.horarios-emp-main strong[b-wfz8mh2z7x]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.horarios-emp-main small[b-wfz8mh2z7x]{display:block;color:var(--h-muted);line-height:1.15}.horarios-email[b-wfz8mh2z7x]{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;margin-top:3px}.horarios-email.ok[b-wfz8mh2z7x]{background:#e7f5ec;color:#1c6c46}.horarios-email.pending[b-wfz8mh2z7x]{background:#fff0d7;color:#8b5c00}.horarios-email.none[b-wfz8mh2z7x]{background:#eef2f4;color:#68737b}
.horarios-timeline-top[b-wfz8mh2z7x]{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid var(--h-line);background:#fbfcfd}.horarios-scroll[b-wfz8mh2z7x]{overflow:auto}.horarios-timeline[b-wfz8mh2z7x]{width:calc(var(--h-label) + var(--h-time));position:relative}.horarios-ruler-row[b-wfz8mh2z7x],.horarios-track-row[b-wfz8mh2z7x]{display:grid;grid-template-columns:var(--h-label) var(--h-time)}.horarios-sticky[b-wfz8mh2z7x]{position:sticky;left:0;z-index:8;background:#fff;border-right:1px solid var(--h-line)}.horarios-ruler-label[b-wfz8mh2z7x]{height:43px;padding:12px;font-size:11px;font-weight:800;color:var(--h-muted);background:#f8fafb}.horarios-ruler[b-wfz8mh2z7x]{height:43px;position:relative;background:repeating-linear-gradient(to right,#f8fafb 0,var(--h-hour),#e6ecef var(--h-hour),#e6ecef calc(var(--h-hour) + 1px))}.horarios-tick[b-wfz8mh2z7x]{position:absolute;top:8px;transform:translateX(-50%);font-size:10px;color:#69767e;font-weight:800;white-space:nowrap}.horarios-track-label[b-wfz8mh2z7x]{min-height:94px;padding:9px;display:flex;align-items:center;gap:8px}.horarios-track-label .horarios-avatar[b-wfz8mh2z7x]{width:40px;height:40px}.horarios-track-meta[b-wfz8mh2z7x]{flex:1;min-width:0}.horarios-track-name[b-wfz8mh2z7x]{font-weight:900}.horarios-track-stats[b-wfz8mh2z7x]{font-size:11px;color:var(--h-muted);line-height:1.25;margin-top:2px}.horarios-track-actions[b-wfz8mh2z7x]{margin-left:auto;display:flex;gap:5px}.horarios-track-area[b-wfz8mh2z7x]{height:95px;position:relative;background:repeating-linear-gradient(to right,#fbfcfd 0,20px,#edf1f3 20px,#edf1f3 21px);border-top:1px solid #edf1f3}.horarios-track-area.empty[b-wfz8mh2z7x]:after{content:'Doble clic aquí o pulsa + Franja para crear un turno';position:absolute;left:16px;top:36px;color:#98a3aa;font-size:11px;font-weight:700;pointer-events:none}
.horarios-track-row.local .horarios-sticky[b-wfz8mh2z7x]{background:#fffaf9}.horarios-track-row.local .horarios-track-area[b-wfz8mh2z7x]{height:110px;background:repeating-linear-gradient(to right,#fff8f9 0,20px,#ece2e4 20px,#ece2e4 21px)}.horarios-local-block[b-wfz8mh2z7x]{position:absolute;top:13px;height:78px;border:2px dashed #ddb6bd;border-radius:11px;background:#fff;box-shadow:0 5px 12px rgba(160,94,104,.11);overflow:hidden;min-width:16px}.horarios-local-inner[b-wfz8mh2z7x]{display:flex;width:100%;height:100%}.horarios-local-segment[b-wfz8mh2z7x]{height:100%;padding:7px 8px;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:hidden}.horarios-local-segment.assigned[b-wfz8mh2z7x]{background:#f5fbfb}.horarios-local-segment.unassigned[b-wfz8mh2z7x]{background:repeating-linear-gradient(135deg,#f8ecef,#f8ecef 10px,#fcf5f6 10px,#fcf5f6 20px)}.horarios-local-time[b-wfz8mh2z7x]{font-size:10px;font-weight:900;color:#4e5860;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.horarios-local-pills[b-wfz8mh2z7x]{display:flex;gap:3px;flex-wrap:wrap}.horarios-local-pill[b-wfz8mh2z7x]{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 5px;border-radius:999px;color:#fff;font-size:9px;font-weight:900}.horarios-local-handle[b-wfz8mh2z7x]{position:absolute;top:0;bottom:0;width:16px;background:rgba(255,255,255,.35);cursor:ew-resize;z-index:5}.horarios-local-handle.left[b-wfz8mh2z7x]{left:0}.horarios-local-handle.right[b-wfz8mh2z7x]{right:0}
.horarios-clip[b-wfz8mh2z7x]{position:absolute;top:20px;height:46px;border-radius:8px;color:#fff;box-shadow:0 5px 13px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;min-width:42px;cursor:grab;user-select:none;touch-action:none;font-weight:900;font-size:12px;overflow:hidden;border:2px solid rgba(255,255,255,.48)}.horarios-clip.dragging[b-wfz8mh2z7x]{opacity:.88;cursor:grabbing}.horarios-clip.outside[b-wfz8mh2z7x]{outline:3px solid rgba(213,147,20,.30);outline-offset:2px}.horarios-handle-left[b-wfz8mh2z7x],.horarios-handle-right[b-wfz8mh2z7x]{position:absolute;top:0;bottom:0;width:9px;background:rgba(255,255,255,.28);cursor:ew-resize}.horarios-handle-left[b-wfz8mh2z7x]{left:0}.horarios-handle-right[b-wfz8mh2z7x]{right:0}.horarios-clip-text[b-wfz8mh2z7x]{pointer-events:none;padding:0 12px;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.horarios-summary[b-wfz8mh2z7x]{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin-top:10px}.horarios-stat[b-wfz8mh2z7x]{background:#fff;border:1px solid var(--h-line);border-radius:10px;padding:10px}.horarios-stat span[b-wfz8mh2z7x]{display:block;color:var(--h-muted);font-size:10px;font-weight:800;text-transform:uppercase}.horarios-stat strong[b-wfz8mh2z7x]{font-size:19px}.horarios-stat.warn[b-wfz8mh2z7x]{background:#fff9ed;border-color:#efd6a3}.horarios-stat.warn strong[b-wfz8mh2z7x]{color:#9a6500}.horarios-stat small[b-wfz8mh2z7x]{display:block;margin-top:3px}
.horarios-overview[b-wfz8mh2z7x]{overflow:auto}.horarios-week-grid[b-wfz8mh2z7x]{display:grid;grid-template-columns:repeat(7,minmax(210px,1fr));gap:10px;min-width:1540px}.horarios-week-card[b-wfz8mh2z7x]{background:#fff;border:1px solid var(--h-line);border-radius:12px;min-height:278px;padding:11px;box-shadow:var(--h-shadow);cursor:pointer}.horarios-week-card:hover[b-wfz8mh2z7x]{border-color:#9dcfca}.horarios-week-card.outside[b-wfz8mh2z7x]{opacity:.38;cursor:default}.horarios-week-card .wd[b-wfz8mh2z7x]{font-weight:900}.horarios-week-card .date[b-wfz8mh2z7x]{font-size:11px;color:var(--h-muted);margin-bottom:8px}.horarios-local-summary[b-wfz8mh2z7x]{background:#fff4f5;border:1px dashed #ddb6bd;border-radius:7px;padding:6px;font-size:10px;font-weight:800;margin-bottom:8px}.horarios-overview-emp[b-wfz8mh2z7x]{margin:5px 0}.horarios-overview-name[b-wfz8mh2z7x]{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900}.horarios-dot[b-wfz8mh2z7x]{width:8px;height:8px;border-radius:50%}.horarios-overview-shifts[b-wfz8mh2z7x]{font-size:10px;color:var(--h-muted);padding-left:13px}.horarios-overview-gap[b-wfz8mh2z7x]{font-size:10px;color:#9a6500;background:#fff7e7;border-radius:6px;padding:3px 5px;margin-top:6px}.horarios-month[b-wfz8mh2z7x]{display:flex;flex-direction:column;gap:16px;min-width:1540px}.horarios-month-week[b-wfz8mh2z7x]{background:#eef2f4;border:1px solid #e0e7ea;border-radius:13px;padding:9px}.horarios-month-caption[b-wfz8mh2z7x]{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--h-muted);margin:0 2px 7px;display:flex;justify-content:space-between}
.horarios-modal-backdrop[b-wfz8mh2z7x]{position:fixed;inset:0;background:rgba(13,23,32,.52);z-index:110;display:flex;align-items:center;justify-content:center;padding:18px}.horarios-modal[b-wfz8mh2z7x]{max-width:680px;width:100%;background:#fff;border-radius:14px;padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.horarios-modal-list[b-wfz8mh2z7x]{background:#fff8eb;border:1px solid #efd7a7;border-radius:9px;padding:10px;margin:10px 0;max-height:260px;overflow:auto}.horarios-modal-actions[b-wfz8mh2z7x]{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:1150px){.horarios-grid[b-wfz8mh2z7x]{grid-template-columns:1fr}.horarios-tray[b-wfz8mh2z7x]{display:none}.horarios-summary[b-wfz8mh2z7x]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.horarios-summary[b-wfz8mh2z7x]{grid-template-columns:1fr}.horarios-page[b-wfz8mh2z7x]{--h-label:250px}.horarios-header[b-wfz8mh2z7x]{display:block}.horarios-week-grid[b-wfz8mh2z7x],.horarios-month[b-wfz8mh2z7x]{min-width:1220px}}
/* _content/FichajesLP.Administracion/Components/Pages/InventarioConfiguracion.razor.rz.scp.css */
/* PAQUETE: FICHAJES_INV_v1.4H5H_20261015_FILTROS_OR_SIN_SCROLL_Y_ALINEACION.zip
   HOJA_DE_RUTA: FICHAJES_HOJA_MAESTRA_INVENTARIO_PEDIDOS_v9.31_20261015_PAQUETE_v1.4H5H_FILTROS_OR_SIN_SCROLL_Y_ALINEACION_PREPARADO.txt
   SNAPSHOT_BASE: FICHAJES_20261015_143726
   HUELLA_SNAPSHOT_BASE: 4fa8f0a1ac57537cddbb228030816713d43002bda830cb2afba4466bc46cf30b
   FUENTE_BASE_SHA256: f31bf887285b6b20526b19a0310d3e81210f2cbcad8d50eb02be9c0e6b2b769c
   OBJETIVO: filtros OR, tabla de proveedor sin scroll horizontal, acciones completas y alineación de cabecera. */
/* PAQUETE: FICHAJES_INV_v1.4H5G_20261015_FILTROS_CABECERA_Y_ANCHOS.zip
   HOJA_DE_RUTA: FICHAJES_HOJA_MAESTRA_INVENTARIO_PEDIDOS_v9.30_20261015_PAQUETE_v1.4H5G_FILTROS_CABECERA_Y_ANCHOS_PREPARADO.txt
   SNAPSHOT_BASE: FICHAJES_20261015_135227
   HUELLA_SNAPSHOT_BASE: 8bd181edf7ca50e98d9bb0f5a06c59ab201dc97eb8b36dde6994aaed4f95b742
   FUENTE_BASE_SHA256: 02c6da7c621ead7040a55492352e940e94de4c91b3f1fe067155ca3a4cda611b
   OBJETIVO: filtros Contar/Pedir en cabecera y redistribución de anchos del panel de proveedor; sin SQL. */
/* PAQUETE: FICHAJES_INV_v1.4H5F_20261015_PROVEEDOR_COMPACTO_FILTROS_USOS.zip
   HOJA_DE_RUTA: FICHAJES_HOJA_MAESTRA_INVENTARIO_PEDIDOS_v9.28_20261015_PAQUETE_v1.4H5F_PROVEEDOR_COMPACTO_PREPARADO.txt
   SNAPSHOT_BASE: FICHAJES_20261015_112238
   HUELLA_SNAPSHOT_BASE: 40bfb54bbc73265ebe08756d9b070634143a2212497c575a47b22fe1eca16188
   FUENTE_BASE_SHA256: ba881c313ba3a5f4289ca311bc266066a423ca69ae845c436487868f9f43d475
   OBJETIVO: proveedor compacto, tabla-matriz robusta, filtros de uso y filas visualmente alineadas. */
/* PAQUETE: FICHAJES_INV_v1.4H5E_20261015_MATRIZ_PROVEEDOR_FILAS_Y_FICHAJES.zip
   HOJA_DE_RUTA: FICHAJES_HOJA_MAESTRA_INVENTARIO_PEDIDOS_v9.27_20261015_PAQUETE_v1.4H5E_MATRIZ_PROVEEDOR_Y_FICHAJES_PREPARADO.txt
   SNAPSHOT_BASE: FICHAJES_20261014_214435
   HUELLA_SNAPSHOT_BASE: 5c2bcb582acc4ac028842fdb665f4cd744a41ce754e3c0c4a432e0d3f21de88a
   FUENTE_BASE_SHA256: 6ce9bd3b59089684729401322d81df5edd12109507cbdafb85e7af56f8bec3c3
   OBJETIVO: matriz proveedor, resumen Contar/Pedir y alineación de filas. */
/* PAQUETE: FICHAJES_INV_v1.4H5D_20261014_AJUSTES_LISTADOS_USOS_ARCHIVADOS.zip
   HOJA_DE_RUTA: FICHAJES_HOJA_MAESTRA_INVENTARIO_PEDIDOS_v9.22_20261014_H5D_Y_PORTAL_FIX_PREPARADOS.txt
   SNAPSHOT_BASE: FICHAJES_20261014_210818
   HUELLA_SNAPSHOT_BASE: 6a7174a3abf061bdb3f692079d343f9247cb696d15eef24d3d4c03c139a1121a
   FUENTE_BASE_SHA256: 004b7647a483f4238d9b710d67349d29843717556b8da349ffa2d9afe086b3de
   OBJETIVO: ajustar legibilidad de listados y ayuda de usos de proveedor. */
/* FICHERO: InventarioConfiguracion.razor.css
   HOJA_DE_RUTA: FICHAJES_HOJA_MAESTRA_INVENTARIO_PEDIDOS_v9.19_20261014_PAQUETE_v1.4H5B_CLARIDAD_PLANTILLA_PROVEEDOR_PREPARADO.txt
   SNAPSHOT_BASE: FICHAJES_20261014_124430 - SQL F2 cerrado definitivamente
   GENERADO: 14/10/2026
   OBJETIVO: rematar claridad visual de proveedor y normalizar el fichero en UTF-8 con BOM. */

.inventario-maestros-page[b-m1129givqc] {
    padding-bottom: 2.5rem;
}

.inventario-maestros-hero[b-m1129givqc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding: 1.45rem 1.55rem;
    border: 1px solid #dce5e5;
    border-radius: 16px;
    background: radial-gradient(circle at 92% 10%, rgba(0, 179, 166, .12), transparent 30%), linear-gradient(135deg, #ffffff 0%, #f7fbfa 100%);
    box-shadow: 0 8px 24px rgba(13, 20, 28, .05);
}

    .inventario-maestros-hero h1[b-m1129givqc] {
        margin: 0;
        color: #172127;
        font-size: clamp(1.65rem, 2.5vw, 2.25rem);
        font-weight: 850;
        letter-spacing: -.025em;
    }

    .inventario-maestros-hero p[b-m1129givqc] {
        max-width: 780px;
        margin: .55rem 0 0;
        color: #657078;
        line-height: 1.55;
    }

.inventario-maestros-kicker[b-m1129givqc],
.inventario-maestros-section-kicker[b-m1129givqc] {
    margin-bottom: .28rem;
    color: #087f74;
    font-size: .71rem;
    font-weight: 900;
    letter-spacing: .09em;
}

.inventario-maestros-back[b-m1129givqc] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: .45rem .78rem;
    border: 1px solid #d9e2e3;
    border-radius: 8px;
    background: #ffffff;
    color: #3c4a50;
    font-size: .82rem;
    font-weight: 760;
    text-decoration: none;
}

    .inventario-maestros-back:hover[b-m1129givqc] {
        border-color: rgba(0, 127, 118, .28);
        background: #f4f9f8;
        color: #087f74;
    }

.inventario-maestros-module-nav[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .35rem;
    overflow-x: auto;
    margin-bottom: 1rem;
    padding: .38rem;
    border: 1px solid #e1e6e8;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 20, 28, .035);
}

.inventario-maestros-module-nav-item[b-m1129givqc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: .45rem .8rem;
    border-radius: 8px;
    color: #47535a;
    font-size: .85rem;
    font-weight: 760;
    text-decoration: none;
    white-space: nowrap;
}

    .inventario-maestros-module-nav-item:hover[b-m1129givqc] {
        color: #087f74;
        background: #f3f8f7;
    }

    .inventario-maestros-module-nav-item.active[b-m1129givqc] {
        color: #ffffff;
        background: #0d8077;
        box-shadow: 0 3px 8px rgba(0, 127, 118, .18);
    }

    .inventario-maestros-module-nav-item.disabled[b-m1129givqc] {
        color: #9aa2a7;
        cursor: default;
    }

.inventario-maestros-message[b-m1129givqc] {
    margin-bottom: 1rem;
    border-radius: 10px;
}

.inventario-maestros-shell[b-m1129givqc] {
    overflow: hidden;
    border: 1px solid #dfe5e7;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(13, 20, 28, .045);
}

.inventario-maestros-tabs[b-m1129givqc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    border-bottom: 1px solid #e3e8ea;
    background: #f8faf9;
}

.inventario-maestros-tab[b-m1129givqc] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 58px;
    padding: .7rem .8rem;
    border: 0;
    border-right: 1px solid #e5e9ea;
    background: transparent;
    color: #566168;
    font: inherit;
    font-size: .86rem;
    font-weight: 760;
    cursor: pointer;
}

    .inventario-maestros-tab:last-child[b-m1129givqc] {
        border-right: 0;
    }

    .inventario-maestros-tab strong[b-m1129givqc] {
        display: inline-grid;
        min-width: 25px;
        min-height: 25px;
        place-items: center;
        padding: 0 .38rem;
        border-radius: 999px;
        background: #e8eeee;
        color: #667078;
        font-size: .71rem;
        font-weight: 850;
    }

    .inventario-maestros-tab:hover[b-m1129givqc] {
        background: #f2f7f6;
        color: #087f74;
    }

    .inventario-maestros-tab.active[b-m1129givqc] {
        background: #0d8077;
        color: #ffffff;
        box-shadow: inset 0 0 0 1px rgba(0, 94, 87, .18);
    }

        .inventario-maestros-tab.active strong[b-m1129givqc] {
            background: rgba(255, 255, 255, .18);
            color: #ffffff;
        }

.inventario-maestros-loading[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 120px;
    padding: 1.25rem;
    color: #68747a;
}

.inventario-maestros-toolbar[b-m1129givqc] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    gap: 1rem;
    align-items: end;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid #edf0f1;
    background: #ffffff;
}

.inventario-maestros-filter label[b-m1129givqc] {
    display: block;
    margin-bottom: .3rem;
    color: #5a666d;
    font-size: .76rem;
    font-weight: 760;
}

.inventario-maestros-inactivos[b-m1129givqc] {
    align-self: center;
    margin: 0 0 .32rem;
    white-space: nowrap;
}

    .inventario-maestros-inactivos .form-check-label[b-m1129givqc] {
        color: #4f5c63;
        font-size: .84rem;
        font-weight: 700;
    }

.inventario-maestros-new[b-m1129givqc] {
    min-width: 156px;
    min-height: 38px;
    white-space: nowrap;
}

.inventario-maestros-heading[b-m1129givqc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.15rem .85rem;
}

    .inventario-maestros-heading h2[b-m1129givqc] {
        margin: 0;
        color: #1f2a31;
        font-size: 1.28rem;
        font-weight: 830;
    }

    .inventario-maestros-heading p[b-m1129givqc] {
        max-width: 840px;
        margin: .38rem 0 0;
        color: #6a757b;
        font-size: .87rem;
        line-height: 1.5;
    }

.inventario-maestros-table-wrap[b-m1129givqc] {
    border-top: 1px solid #edf0f1;
}

.inventario-maestros-table[b-m1129givqc] {
    width: 100%;
}

    .inventario-maestros-table > thead > tr > th[b-m1129givqc] {
        padding: .72rem .9rem;
        border-bottom: 1px solid #dfe5e7;
        background: #f8faf9;
        color: #4c5960;
        font-size: .75rem;
        font-weight: 820;
        white-space: nowrap;
    }

    .inventario-maestros-table > tbody > tr > td[b-m1129givqc] {
        padding: .68rem .9rem;
        border-color: #edf0f1;
        color: #39454c;
        vertical-align: middle;
    }

    .inventario-maestros-table > tbody > tr:nth-child(even) > td[b-m1129givqc] {
        background: rgba(13, 128, 119, .028);
    }

    .inventario-maestros-table > tbody > tr:hover > td[b-m1129givqc] {
        background: rgba(13, 128, 119, .065);
    }

.inventario-maestros-primary[b-m1129givqc] {
    color: #1f2a31;
    font-weight: 760;
}

.inventario-articulo-descripcion[b-m1129givqc] {
    display: -webkit-box;
    overflow: hidden;
    max-width: 720px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.4;
}

.inventario-maestros-table code[b-m1129givqc] {
    padding: .18rem .35rem;
    border-radius: 5px;
    background: #f2f5f5;
    color: #4b5960;
    font-size: .77rem;
}

.inventario-maestros-badge[b-m1129givqc],
.inventario-maestros-state[b-m1129givqc] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: .2rem .55rem;
    border: 1px solid #dde3e5;
    border-radius: 999px;
    background: #f5f7f7;
    color: #687178;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

    .inventario-maestros-badge.active[b-m1129givqc],
    .inventario-maestros-state.active[b-m1129givqc] {
        border-color: rgba(0, 127, 118, .22);
        background: rgba(0, 179, 166, .09);
        color: #087f74;
    }

    .inventario-maestros-state.inactive[b-m1129givqc] {
        border-color: #e2e5e7;
        background: #f3f4f5;
        color: #7c858b;
    }

.inventario-maestros-actions[b-m1129givqc] {
    white-space: nowrap;
}

    .inventario-maestros-actions .btn[b-m1129givqc] {
        min-width: 82px;
        margin-left: .35rem;
    }

.inventario-maestros-empty[b-m1129givqc] {
    display: flex;
    min-height: 170px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    padding: 1.5rem;
    border-top: 1px solid #edf0f1;
    color: #68747a;
    text-align: center;
}

    .inventario-maestros-empty strong[b-m1129givqc] {
        color: #344149;
    }

    .inventario-maestros-empty span[b-m1129givqc] {
        font-size: .85rem;
    }

.inventario-maestros-next[b-m1129givqc] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    margin: 1rem 1.15rem 1.15rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(0, 127, 118, .16);
    border-radius: 10px;
    background: rgba(0, 179, 166, .045);
    color: #58676b;
}

.inventario-maestros-next-mark[b-m1129givqc] {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0d8077;
    color: #ffffff;
    font-size: .75rem;
    font-weight: 900;
}

.inventario-maestros-next strong[b-m1129givqc] {
    display: block;
    margin-bottom: .12rem;
    color: #24403c;
}

.inventario-maestros-next span[b-m1129givqc] {
    font-size: .83rem;
    line-height: 1.45;
}

.inventario-modal-backdrop[b-m1129givqc] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: grid;
    place-items: center;
    overflow-y: auto;
    padding: 1rem;
    background: rgba(10, 18, 24, .58);
    backdrop-filter: blur(2px);
}

.inventario-modal-card[b-m1129givqc] {
    width: min(680px, 100%);
    overflow: hidden;
    border: 1px solid #dce3e5;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .25);
}

.inventario-modal-card-small[b-m1129givqc] {
    width: min(500px, 100%);
}

.inventario-modal-card-wide[b-m1129givqc] {
    width: min(820px, 100%);
}

.inventario-modal-header[b-m1129givqc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid #e7ebec;
    background: #fbfcfc;
}

    .inventario-modal-header h2[b-m1129givqc] {
        margin: 0;
        color: #1f2a31;
        font-size: 1.25rem;
        font-weight: 830;
    }

.inventario-modal-body[b-m1129givqc] {
    padding: 1.2rem 1.25rem;
}

.inventario-modal-footer[b-m1129givqc] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    padding: .9rem 1.25rem;
    border-top: 1px solid #e7ebec;
    background: #fbfcfc;
}

    .inventario-modal-footer .btn[b-m1129givqc] {
        min-width: 112px;
    }

.inventario-generated-code[b-m1129givqc],
.inventario-modal-help[b-m1129givqc] {
    padding: .72rem .8rem;
    border: 1px solid #e2e7e8;
    border-radius: 9px;
    background: #f7f9f9;
    color: #667279;
    font-size: .82rem;
    line-height: 1.45;
}

.inventario-modal-help-danger[b-m1129givqc] {
    border-color: #f1c7c7;
    background: #fff7f7;
    color: #8a3a3a;
}

.inventario-modal-switch[b-m1129givqc] {
    margin-bottom: .75rem;
}

    .inventario-modal-switch .form-check-label[b-m1129givqc] {
        font-weight: 760;
        color: #344149;
    }

/* Relaciones de maestros. */
.inventario-relaciones-selector[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .4rem;
    overflow-x: auto;
    padding: .65rem 1.15rem 0;
    background: #ffffff;
}

.inventario-relaciones-selector-item[b-m1129givqc] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 36px;
    padding: .4rem .72rem;
    border: 1px solid #dfe6e7;
    border-radius: 8px;
    background: #f7f9f9;
    color: #566168;
    font: inherit;
    font-size: .8rem;
    font-weight: 760;
    white-space: nowrap;
    cursor: pointer;
}

    .inventario-relaciones-selector-item:hover[b-m1129givqc] {
        border-color: rgba(0, 127, 118, .22);
        background: #eef7f6;
        color: #087f74;
    }

    .inventario-relaciones-selector-item.active[b-m1129givqc] {
        border-color: #0d8077;
        background: #0d8077;
        color: #ffffff;
        box-shadow: 0 3px 8px rgba(0, 127, 118, .16);
    }

    .inventario-relaciones-selector-item strong[b-m1129givqc] {
        display: inline-grid;
        min-width: 22px;
        min-height: 22px;
        place-items: center;
        padding: 0 .3rem;
        border-radius: 999px;
        background: rgba(0, 0, 0, .06);
        font-size: .68rem;
        font-weight: 850;
    }

    .inventario-relaciones-selector-item.active strong[b-m1129givqc] {
        background: rgba(255, 255, 255, .18);
        color: #ffffff;
    }

.inventario-relacion-order[b-m1129givqc] {
    max-width: 260px;
}

.inventario-relacion-unidades[b-m1129givqc] {
    padding: .9rem;
    border: 1px solid #e1e7e8;
    border-radius: 10px;
    background: #f8faf9;
}

.inventario-relacion-unidades-heading[b-m1129givqc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .7rem;
}

    .inventario-relacion-unidades-heading strong[b-m1129givqc] {
        color: #2d3a41;
    }

    .inventario-relacion-unidades-heading span[b-m1129givqc] {
        color: #748087;
        font-size: .78rem;
    }

.inventario-relacion-unidades-grid[b-m1129givqc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.inventario-relacion-unidad-option[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 46px;
    padding: .58rem .68rem;
    border: 1px solid #e0e6e7;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
}

    .inventario-relacion-unidad-option span[b-m1129givqc],
    .inventario-relacion-uso-unidad span[b-m1129givqc] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

    .inventario-relacion-unidad-option strong[b-m1129givqc],
    .inventario-relacion-uso-unidad strong[b-m1129givqc] {
        color: #2d3940;
        font-size: .84rem;
    }

    .inventario-relacion-unidad-option small[b-m1129givqc],
    .inventario-relacion-uso-unidad small[b-m1129givqc] {
        color: #7a858b;
        font-size: .72rem;
    }

.inventario-relacion-uso-list[b-m1129givqc] {
    display: grid;
    gap: .5rem;
}

.inventario-relacion-uso-row[b-m1129givqc] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: 1rem;
    align-items: center;
    padding: .58rem .68rem;
    border: 1px solid #e0e6e7;
    border-radius: 8px;
    background: #ffffff;
}

.inventario-relacion-uso-unidad[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0;
    cursor: pointer;
}

.inventario-relacion-uso-check[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin: 0;
    white-space: nowrap;
}

.inventario-relaciones-table td[b-m1129givqc] {
    font-size: .84rem;
}

@media (max-width: 900px) {
    .inventario-maestros-tabs[b-m1129givqc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inventario-maestros-tab[b-m1129givqc] {
        border-bottom: 1px solid #e5e9ea;
    }

        .inventario-maestros-tab:nth-child(even)[b-m1129givqc] {
            border-right: 0;
        }

        .inventario-maestros-tab:last-child[b-m1129givqc] {
            grid-column: 1 / -1;
            border-bottom: 0;
        }

    .inventario-relacion-unidades-grid[b-m1129givqc] {
        grid-template-columns: 1fr;
    }

    .inventario-maestros-toolbar[b-m1129givqc] {
        grid-template-columns: 1fr auto;
    }

    .inventario-maestros-filter[b-m1129givqc] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .inventario-maestros-hero[b-m1129givqc] {
        flex-direction: column;
        border-radius: 13px;
    }

    .inventario-maestros-back[b-m1129givqc] {
        width: 100%;
    }

    .inventario-maestros-toolbar[b-m1129givqc] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .inventario-maestros-inactivos[b-m1129givqc] {
        align-self: start;
        margin-bottom: 0;
    }

    .inventario-maestros-new[b-m1129givqc] {
        width: 100%;
    }

    .inventario-relacion-uso-row[b-m1129givqc] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .inventario-relacion-unidades-heading[b-m1129givqc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .inventario-maestros-table thead[b-m1129givqc] {
        display: none;
    }

    .inventario-maestros-table[b-m1129givqc],
    .inventario-maestros-table tbody[b-m1129givqc],
    .inventario-maestros-table tr[b-m1129givqc],
    .inventario-maestros-table td[b-m1129givqc] {
        display: block;
        width: 100%;
    }

        .inventario-maestros-table tbody[b-m1129givqc] {
            padding: .8rem;
            background: #f8faf9;
        }

            .inventario-maestros-table tbody tr[b-m1129givqc] {
                margin-bottom: .8rem;
                overflow: hidden;
                border: 1px solid #e0e5e7;
                border-radius: 10px;
                background: #ffffff;
            }

                .inventario-maestros-table tbody tr:last-child[b-m1129givqc] {
                    margin-bottom: 0;
                }

            .inventario-maestros-table tbody td[b-m1129givqc] {
                display: grid;
                grid-template-columns: 38% 62%;
                gap: .65rem;
                align-items: center;
                padding: .68rem .78rem !important;
                border-top: 1px solid #edf0f1;
                text-align: left !important;
                white-space: normal;
            }

                .inventario-maestros-table tbody td:first-child[b-m1129givqc] {
                    border-top: 0;
                }

                .inventario-maestros-table tbody td[b-m1129givqc]::before {
                    content: attr(data-label);
                    color: #7a848a;
                    font-size: .75rem;
                    font-weight: 760;
                }

    .inventario-maestros-actions[b-m1129givqc] {
        white-space: normal;
    }

        .inventario-maestros-actions .btn[b-m1129givqc] {
            width: 100%;
            margin: .22rem 0 0;
        }

    .inventario-modal-footer[b-m1129givqc] {
        flex-direction: column-reverse;
    }

        .inventario-modal-footer .btn[b-m1129givqc] {
            width: 100%;
        }
}

@media (max-width: 520px) {
    .inventario-maestros-tabs[b-m1129givqc] {
        grid-template-columns: 1fr;
    }

    .inventario-maestros-tab[b-m1129givqc] {
        border-right: 0;
        border-bottom: 1px solid #e5e9ea;
    }

        .inventario-maestros-tab:last-child[b-m1129givqc] {
            border-bottom: 0;
        }
}

/* =========================================================
   V0.7 - IMPORTACION Y RELACIONES MASIVAS
   ========================================================= */

.inventario-maestros-import[b-m1129givqc] {
    min-width: 148px;
    min-height: 38px;
    white-space: nowrap;
}

.inventario-relaciones-heading[b-m1129givqc] {
    padding-bottom: .65rem;
}

.inventario-relaciones-contexto[b-m1129givqc] {
    display: flex;
    align-items: end;
    gap: 1rem;
    padding: 0 1.15rem 1rem;
}

.inventario-relaciones-contexto-campo[b-m1129givqc] {
    min-width: 260px;
}

    .inventario-relaciones-contexto-campo label[b-m1129givqc] {
        display: block;
        margin-bottom: .3rem;
        color: #5a666d;
        font-size: .76rem;
        font-weight: 760;
    }

.inventario-relaciones-unidades[b-m1129givqc] {
    margin: 0 1.15rem 1rem;
    padding: .9rem 1rem;
    border: 1px solid #dce8e6;
    border-radius: 11px;
    background: #f7fbfa;
}

.inventario-relaciones-unidades-cabecera[b-m1129givqc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .7rem;
}

    .inventario-relaciones-unidades-cabecera > div[b-m1129givqc] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: .12rem;
    }

    .inventario-relaciones-unidades-cabecera strong[b-m1129givqc] {
        color: #243137;
        font-size: .9rem;
    }

    .inventario-relaciones-unidades-cabecera span:not(.inventario-relaciones-seleccion-contador)[b-m1129givqc] {
        color: #6c777d;
        font-size: .78rem;
    }

.inventario-relaciones-seleccion-contador[b-m1129givqc] {
    flex: 0 0 auto;
    padding: .26rem .55rem;
    border: 1px solid rgba(0, 127, 118, .2);
    border-radius: 999px;
    background: rgba(0, 179, 166, .08);
    color: #087f74;
    font-size: .75rem;
    font-weight: 800;
}

.inventario-relaciones-unidades-lista[b-m1129givqc] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.inventario-relaciones-unidad-chip[b-m1129givqc] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 34px;
    margin: 0;
    padding: .38rem .62rem;
    border: 1px solid #dce4e5;
    border-radius: 8px;
    background: #ffffff;
    color: #3b484e;
    font-size: .82rem;
    cursor: pointer;
}

.inventario-relaciones-unidades-proveedor-grid[b-m1129givqc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.inventario-relaciones-unidad-proveedor[b-m1129givqc] {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) auto auto;
    gap: .8rem;
    align-items: center;
    padding: .58rem .68rem;
    border: 1px solid #dfe6e7;
    border-radius: 9px;
    background: #ffffff;
}

    .inventario-relaciones-unidad-proveedor.selected[b-m1129givqc] {
        border-color: rgba(0, 127, 118, .3);
        background: rgba(0, 179, 166, .045);
    }

.inventario-relaciones-unidad-main[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .48rem;
    margin: 0;
    cursor: pointer;
}

    .inventario-relaciones-unidad-main strong[b-m1129givqc] {
        min-width: 0;
        overflow: hidden;
        color: #2d3940;
        font-size: .82rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.inventario-relaciones-bloque[b-m1129givqc] {
    margin: 0 1.15rem 1rem;
    overflow: hidden;
    border: 1px solid #e0e6e7;
    border-radius: 11px;
    background: #ffffff;
}

    .inventario-relaciones-bloque.asignados[b-m1129givqc] {
        margin-top: 1.2rem;
    }

.inventario-relaciones-columnas[b-m1129givqc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    margin: 0 1.15rem 1rem;
}

    .inventario-relaciones-columnas > .inventario-relaciones-bloque[b-m1129givqc] {
        min-width: 0;
        margin: 0;
    }

        .inventario-relaciones-columnas > .inventario-relaciones-bloque.asignados[b-m1129givqc] {
            margin-top: 0;
        }

    .inventario-relaciones-columnas .inventario-maestros-table-wrap[b-m1129givqc] {
        max-height: 520px;
        overflow: auto;
    }

    .inventario-relaciones-columnas .inventario-maestros-table thead th[b-m1129givqc] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f8faf9;
    }

    .inventario-relaciones-columnas .inventario-relaciones-masivas-table[b-m1129givqc] {
        min-width: 520px;
    }

    .inventario-relaciones-columnas .inventario-relaciones-table[b-m1129givqc] {
        min-width: 680px;
    }

@media (min-width: 1200px) {
    .inventario-relaciones-columnas[b-m1129givqc] {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    }
}

.inventario-relaciones-bloque-cabecera[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem .9rem;
    border-bottom: 1px solid #e9edee;
    background: #fbfcfc;
}

    .inventario-relaciones-bloque-cabecera h3[b-m1129givqc] {
        margin: 0;
        color: #263238;
        font-size: .98rem;
        font-weight: 820;
    }

    .inventario-relaciones-bloque-cabecera p[b-m1129givqc] {
        margin: .18rem 0 0;
        color: #727c82;
        font-size: .76rem;
    }

.inventario-relaciones-columnas .inventario-relaciones-bloque-cabecera[b-m1129givqc] {
    min-height: 116px;
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
}

    .inventario-relaciones-columnas .inventario-relaciones-bloque-cabecera > div:first-child[b-m1129givqc] {
        min-height: 42px;
    }

    .inventario-relaciones-columnas .inventario-relaciones-bloque-cabecera .inventario-relaciones-bloque-acciones[b-m1129givqc] {
        width: 100%;
        justify-content: flex-start;
        margin-top: auto;
    }

.inventario-relaciones-check[b-m1129givqc] {
    width: 52px;
    text-align: center;
}

    .inventario-relaciones-check input[b-m1129givqc] {
        width: 17px;
        height: 17px;
    }

.inventario-relaciones-empty[b-m1129givqc] {
    min-height: 96px;
    border: 0;
    border-radius: 0;
}

.inventario-relaciones-paginacion[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .7rem;
    padding: .72rem .9rem;
    border-top: 1px solid #e9edee;
    background: #fbfcfc;
}

    .inventario-relaciones-paginacion span[b-m1129givqc] {
        min-width: 100px;
        color: #68747a;
        font-size: .78rem;
        font-weight: 700;
        text-align: center;
    }

.inventario-importacion-modal[b-m1129givqc] {
    width: min(1120px, calc(100vw - 2rem));
    max-width: 1120px;
}

.inventario-importacion-pasos[b-m1129givqc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid #e4e9ea;
    background: #f8faf9;
}

.inventario-importacion-paso[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 48px;
    padding: .5rem;
    color: #7b858a;
    font-size: .78rem;
}

    .inventario-importacion-paso span[b-m1129givqc] {
        display: inline-grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border-radius: 50%;
        background: #e7ecec;
        color: #667176;
        font-size: .7rem;
        font-weight: 850;
    }

    .inventario-importacion-paso strong[b-m1129givqc] {
        font-weight: 800;
    }

    .inventario-importacion-paso.active[b-m1129givqc] {
        background: #0d8077;
        color: #ffffff;
    }

        .inventario-importacion-paso.active span[b-m1129givqc] {
            background: rgba(255, 255, 255, .2);
            color: #ffffff;
        }

    .inventario-importacion-paso.done[b-m1129givqc] {
        color: #087f74;
    }

        .inventario-importacion-paso.done span[b-m1129givqc] {
            background: rgba(0, 179, 166, .12);
            color: #087f74;
        }

.inventario-importacion-body[b-m1129givqc] {
    max-height: min(68vh, 720px);
    overflow-y: auto;
}

.inventario-importacion-panel h3[b-m1129givqc],
.inventario-importacion-final h3[b-m1129givqc] {
    margin: 0 0 .35rem;
    color: #253238;
    font-size: 1.04rem;
    font-weight: 830;
}

.inventario-importacion-panel > p[b-m1129givqc] {
    margin: 0 0 1rem;
    color: #68747a;
    line-height: 1.5;
}

.inventario-importacion-filebox[b-m1129givqc] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: 1rem;
    border: 1px dashed #b9cdca;
    border-radius: 10px;
    background: #f8fbfb;
}

    .inventario-importacion-filebox span[b-m1129givqc] {
        color: #778187;
        font-size: .76rem;
    }

.inventario-importacion-template-card[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(0, 127, 118, .22);
    border-radius: 11px;
    background: rgba(0, 179, 166, .055);
}

.inventario-importacion-template-copy[b-m1129givqc] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .22rem;
}

    .inventario-importacion-template-copy strong[b-m1129givqc] {
        color: #1f3437;
        font-size: .9rem;
        font-weight: 820;
    }

    .inventario-importacion-template-copy span[b-m1129givqc] {
        max-width: 720px;
        color: #617077;
        font-size: .8rem;
        line-height: 1.45;
    }

.inventario-importacion-template[b-m1129givqc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 205px;
    min-height: 38px;
    white-space: nowrap;
    text-decoration: none;
}

    .inventario-importacion-template:hover[b-m1129givqc] {
        text-decoration: none;
    }

.inventario-importacion-mapeo[b-m1129givqc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

    .inventario-importacion-mapeo label[b-m1129givqc] {
        display: block;
        margin-bottom: .3rem;
        color: #4e5b62;
        font-size: .78rem;
        font-weight: 760;
    }

.inventario-importacion-ayuda[b-m1129givqc] {
    margin-top: 1rem;
    padding: .7rem .8rem;
    border: 1px solid #e0e6e7;
    border-radius: 8px;
    background: #f8faf9;
    color: #68747a;
    font-size: .78rem;
}

.inventario-importacion-resumen[b-m1129givqc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
    margin: .8rem 0 1rem;
}

    .inventario-importacion-resumen > div[b-m1129givqc] {
        display: flex;
        min-height: 68px;
        flex-direction: column;
        justify-content: center;
        padding: .65rem .75rem;
        border: 1px solid #e0e6e7;
        border-radius: 9px;
        background: #fbfcfc;
    }

    .inventario-importacion-resumen span[b-m1129givqc] {
        color: #748087;
        font-size: .73rem;
    }

    .inventario-importacion-resumen strong[b-m1129givqc] {
        margin-top: .1rem;
        color: #253238;
        font-size: 1.2rem;
    }

    .inventario-importacion-resumen > div.error[b-m1129givqc] {
        border-color: #f0c1c4;
        background: #fff7f7;
    }

        .inventario-importacion-resumen > div.error strong[b-m1129givqc] {
            color: #b4232d;
        }

    .inventario-importacion-resumen > div.aviso[b-m1129givqc] {
        border-color: #e9c66a;
        background: #fff9e9;
    }

        .inventario-importacion-resumen > div.aviso strong[b-m1129givqc] {
            color: #7a5700;
        }

.inventario-importacion-aviso-destacado[b-m1129givqc] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    border-width: 2px;
}

    .inventario-importacion-aviso-destacado strong[b-m1129givqc] {
        font-weight: 820;
    }

.inventario-importacion-herramientas[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: .85rem 0 .55rem;
    padding: .6rem .75rem;
    border: 1px solid #e0e6e7;
    border-radius: 8px;
    background: #fbfcfc;
    color: #657178;
    font-size: .78rem;
}

    .inventario-importacion-herramientas .form-check-label[b-m1129givqc] {
        color: #354249;
        font-weight: 760;
    }

.inventario-importacion-herramientas-resumen[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .inventario-importacion-herramientas-resumen strong[b-m1129givqc] {
        color: #7a5700;
    }

.inventario-importacion-omitidas-resumen[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin: 0 0 .55rem;
    padding: .62rem .75rem;
    border: 1px solid #d9e1e3;
    border-radius: 8px;
    background: #f7f9fa;
}

.inventario-importacion-omitidas-copy[b-m1129givqc] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .65rem;
}

    .inventario-importacion-omitidas-copy > div[b-m1129givqc] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: .08rem;
    }

    .inventario-importacion-omitidas-copy strong[b-m1129givqc] {
        color: #354249;
        font-size: .82rem;
        font-weight: 820;
    }

    .inventario-importacion-omitidas-copy span:not(.inventario-importacion-omitidas-badge)[b-m1129givqc] {
        overflow: hidden;
        color: #6c777d;
        font-size: .74rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.inventario-importacion-omitidas-badge[b-m1129givqc] {
    display: inline-grid;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #fff3cd;
    color: #7a5700;
    font-size: .76rem;
    font-weight: 850;
}

.inventario-importacion-omitidas-panel[b-m1129givqc] {
    max-height: 190px;
    overflow-y: auto;
    margin: -.15rem 0 .65rem;
    border: 1px solid #d9e1e3;
    border-radius: 8px;
    background: #ffffff;
}

.inventario-importacion-omitida-fila[b-m1129givqc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 46px;
    padding: .45rem .65rem;
    border-bottom: 1px solid #edf0f1;
}

    .inventario-importacion-omitida-fila:last-child[b-m1129givqc] {
        border-bottom: 0;
    }

.inventario-importacion-omitida-datos[b-m1129givqc] {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    gap: .65rem;
}

    .inventario-importacion-omitida-datos strong[b-m1129givqc] {
        color: #46535a;
        font-size: .76rem;
        white-space: nowrap;
    }

    .inventario-importacion-omitida-datos span[b-m1129givqc] {
        overflow: hidden;
        color: #657178;
        font-size: .78rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.inventario-importacion-omitir-btn[b-m1129givqc] {
    min-width: 64px;
}

.inventario-importacion-preview-wrap[b-m1129givqc] {
    max-height: 390px;
    overflow: auto;
    border: 1px solid #e1e6e8;
    border-radius: 9px 9px 0 0;
}

    .inventario-importacion-preview-wrap .inventario-maestros-table-wrap[b-m1129givqc] {
        border-top: 0;
    }

.inventario-importacion-row-error td[b-m1129givqc] {
    background: #fff7f7 !important;
}

.inventario-importacion-row-aviso td[b-m1129givqc] {
    background: #fff9e9 !important;
}

.inventario-importacion-resultado[b-m1129givqc] {
    display: inline-flex;
    padding: .22rem .48rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 820;
    white-space: nowrap;
}

    .inventario-importacion-resultado.nuevo[b-m1129givqc] {
        background: rgba(0, 179, 166, .11);
        color: #087f74;
    }

    .inventario-importacion-resultado.actualizar[b-m1129givqc] {
        background: #eef4ff;
        color: #315b9a;
    }

    .inventario-importacion-resultado.sin-cambios[b-m1129givqc] {
        background: #f0f2f3;
        color: #68747a;
    }

    .inventario-importacion-resultado.error[b-m1129givqc] {
        background: #fdebed;
        color: #b4232d;
    }

.inventario-importacion-final[b-m1129givqc] {
    padding: 1.5rem .5rem;
    text-align: center;
}

.inventario-importacion-final-icon[b-m1129givqc] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    margin: 0 auto .8rem;
    border-radius: 50%;
    background: #0d8077;
    color: #ffffff;
    font-size: 1.7rem;
    font-weight: 900;
}

.inventario-importacion-final p[b-m1129givqc] {
    margin: 0;
    color: #6d787e;
}

.inventario-importacion-final-resumen[b-m1129givqc] {
    display: flex;
    justify-content: center;
    gap: .7rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

    .inventario-importacion-final-resumen span[b-m1129givqc] {
        padding: .42rem .65rem;
        border: 1px solid #dce5e5;
        border-radius: 8px;
        background: #f8faf9;
        color: #4d5a60;
        font-size: .8rem;
    }

.inventario-importacion-footer[b-m1129givqc] {
    justify-content: flex-end;
}

@media (min-width: 901px) {
    .inventario-maestros-toolbar[b-m1129givqc] {
        grid-template-columns: minmax(260px, 1fr) auto auto auto;
    }
}

@media (max-width: 900px) {
    .inventario-relaciones-contexto[b-m1129givqc] {
        align-items: stretch;
        flex-direction: column;
    }

    .inventario-relaciones-contexto-campo[b-m1129givqc] {
        min-width: 0;
    }

    .inventario-relaciones-unidades-proveedor-grid[b-m1129givqc],
    .inventario-importacion-mapeo[b-m1129givqc] {
        grid-template-columns: 1fr;
    }

    .inventario-relaciones-unidad-proveedor[b-m1129givqc] {
        grid-template-columns: minmax(140px, 1fr) auto auto;
    }

    .inventario-importacion-resumen[b-m1129givqc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .inventario-maestros-import[b-m1129givqc] {
        width: 100%;
    }

    .inventario-importacion-template-card[b-m1129givqc] {
        align-items: stretch;
        flex-direction: column;
    }

    .inventario-importacion-template[b-m1129givqc] {
        width: 100%;
    }

    .inventario-relaciones-unidades-cabecera[b-m1129givqc],
    .inventario-relaciones-bloque-cabecera[b-m1129givqc] {
        align-items: stretch;
        flex-direction: column;
    }

        .inventario-relaciones-bloque-cabecera .btn[b-m1129givqc] {
            width: 100%;
        }

    .inventario-relaciones-unidad-proveedor[b-m1129givqc] {
        grid-template-columns: 1fr;
        gap: .45rem;
    }

    .inventario-importacion-pasos[b-m1129givqc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inventario-importacion-paso strong[b-m1129givqc] {
        font-size: .7rem;
    }

    .inventario-importacion-resumen[b-m1129givqc] {
        grid-template-columns: 1fr;
    }
}

.inventario-relaciones-bloque-acciones[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
}

.inventario-relaciones-columnas .inventario-relaciones-bloque-acciones > .btn-primary[b-m1129givqc],
.inventario-relaciones-columnas .inventario-relaciones-bloque-acciones > .btn-danger[b-m1129givqc] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.inventario-relaciones-bloque-acciones .btn-link[b-m1129givqc] {
    color: #68747a;
    font-size: .78rem;
    text-decoration: none;
}

    .inventario-relaciones-bloque-acciones .btn-link:hover[b-m1129givqc] {
        color: #087f74;
        text-decoration: underline;
    }

@media (max-width: 720px) {
    .inventario-relaciones-columnas .inventario-relaciones-bloque-cabecera[b-m1129givqc] {
        min-height: 0;
    }

    .inventario-importacion-herramientas[b-m1129givqc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .inventario-importacion-herramientas-resumen[b-m1129givqc] {
        justify-content: flex-start;
    }

    .inventario-relaciones-bloque-acciones[b-m1129givqc] {
        align-items: stretch;
        flex-direction: column;
    }

        .inventario-relaciones-bloque-acciones .btn[b-m1129givqc] {
            width: 100%;
        }
}

@media (max-width: 720px) {
    .inventario-importacion-omitidas-resumen[b-m1129givqc] {
        align-items: stretch;
        flex-direction: column;
    }

        .inventario-importacion-omitidas-resumen > .btn[b-m1129givqc] {
            width: 100%;
        }

    .inventario-importacion-omitida-datos[b-m1129givqc] {
        grid-template-columns: 1fr;
        gap: .05rem;
    }
}

/* =========================================================
   V1.4 - FILTRO POR USO Y EDICION MASIVA DE ARTICULOS
   ========================================================= */

.inventario-articulos-gestion[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: .85rem 1.15rem;
    border-top: 1px solid #edf0f1;
    border-bottom: 1px solid #edf0f1;
    background: #fbfcfc;
}

.inventario-articulos-filtro-uso[b-m1129givqc],
.inventario-articulos-acciones-masivas[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.inventario-articulos-filtro-etiqueta[b-m1129givqc] {
    color: #59666d;
    font-size: .78rem;
    font-weight: 800;
}

.inventario-articulos-filtro-botones[b-m1129givqc] {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid #d7e0e1;
    border-radius: 9px;
    background: #ffffff;
}

.inventario-articulos-filtro-boton[b-m1129givqc] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 34px;
    padding: .42rem .72rem;
    border: 0;
    border-right: 1px solid #e1e6e7;
    background: transparent;
    color: #4d5a61;
    font-size: .78rem;
    font-weight: 760;
}

    .inventario-articulos-filtro-boton:last-child[b-m1129givqc] {
        border-right: 0;
    }

    .inventario-articulos-filtro-boton:hover[b-m1129givqc] {
        background: rgba(13, 128, 119, .06);
    }

    .inventario-articulos-filtro-boton.active[b-m1129givqc] {
        background: #0d8077;
        color: #ffffff;
    }

    .inventario-articulos-filtro-boton strong[b-m1129givqc] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        min-height: 22px;
        padding: 0 .38rem;
        border-radius: 999px;
        background: rgba(13, 128, 119, .09);
        color: #087f74;
        font-size: .7rem;
    }

    .inventario-articulos-filtro-boton.active strong[b-m1129givqc] {
        background: rgba(255, 255, 255, .18);
        color: #ffffff;
    }

.inventario-articulos-filtrados[b-m1129givqc],
.inventario-articulos-seleccion-contador[b-m1129givqc] {
    color: #758087;
    font-size: .76rem;
    font-weight: 700;
}


.inventario-articulos-solo-seleccionados[b-m1129givqc] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 34px;
    margin: 0;
    padding: .35rem .55rem;
    border: 1px solid #d7e0e1;
    border-radius: 8px;
    background: #ffffff;
    color: #4f5d64;
    font-size: .76rem;
    font-weight: 760;
    cursor: pointer;
    white-space: nowrap;
}

    .inventario-articulos-solo-seleccionados input[b-m1129givqc] {
        width: 16px;
        height: 16px;
        margin: 0;
    }

    .inventario-articulos-solo-seleccionados.disabled[b-m1129givqc] {
        opacity: .55;
        cursor: default;
    }

.inventario-modal-error-detallado[b-m1129givqc] {
    max-height: 250px;
    overflow-y: auto;
    white-space: pre-line;
    line-height: 1.45;
}

.inventario-articulos-editar-masivo[b-m1129givqc] {
    min-height: 36px;
    white-space: nowrap;
}

.inventario-articulos-check[b-m1129givqc] {
    width: 46px;
    min-width: 46px;
    text-align: center;
}

    .inventario-articulos-check input[b-m1129givqc] {
        width: 16px;
        height: 16px;
    }

.inventario-maestros-table > tbody > tr.inventario-articulo-seleccionado > td[b-m1129givqc] {
    background: rgba(13, 128, 119, .095);
}

.inventario-articulos-masivo-resumen[b-m1129givqc] {
    margin: 0 0 1rem;
    color: #48555c;
}

.inventario-articulos-uso-opciones[b-m1129givqc] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .7rem;
}

.inventario-articulos-uso-opcion[b-m1129givqc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .2rem;
    width: 100%;
    padding: .9rem 1rem;
    border: 1px solid #dce3e5;
    border-radius: 10px;
    background: #ffffff;
    color: #344149;
    text-align: left;
}

    .inventario-articulos-uso-opcion:hover[b-m1129givqc] {
        border-color: rgba(13, 128, 119, .35);
        background: rgba(13, 128, 119, .035);
    }

    .inventario-articulos-uso-opcion.active[b-m1129givqc] {
        border-color: #0d8077;
        background: rgba(13, 128, 119, .075);
        box-shadow: 0 0 0 2px rgba(13, 128, 119, .08);
    }

    .inventario-articulos-uso-opcion strong[b-m1129givqc] {
        color: #26353b;
        font-size: .92rem;
    }

    .inventario-articulos-uso-opcion.active strong[b-m1129givqc] {
        color: #087f74;
    }

    .inventario-articulos-uso-opcion span[b-m1129givqc] {
        color: #68757b;
        font-size: .8rem;
        line-height: 1.42;
    }

@media (max-width: 900px) {
    .inventario-articulos-gestion[b-m1129givqc] {
        align-items: stretch;
        flex-direction: column;
    }

    .inventario-articulos-filtro-uso[b-m1129givqc],
    .inventario-articulos-acciones-masivas[b-m1129givqc] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .inventario-articulos-filtro-botones[b-m1129givqc] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
    }

    .inventario-articulos-filtro-boton[b-m1129givqc] {
        justify-content: space-between;
        border-right: 0;
        border-bottom: 1px solid #e1e6e7;
    }

        .inventario-articulos-filtro-boton:last-child[b-m1129givqc] {
            border-bottom: 0;
        }

    .inventario-articulos-acciones-masivas .btn[b-m1129givqc] {
        width: 100%;
    }

    .inventario-articulos-check[b-m1129givqc] {
        width: 100% !important;
        min-width: 0;
        text-align: left;
    }
}

/* =========================================================
   V1.4H3 - RELACIONES DE ZONA - ASIGNADOS COMPACTOS
   ========================================================= */

/* Conservamos disponibles y asignados simultaneamente, pero damos mas espacio
   al panel derecho, que contiene la informacion operativa mas densa. */
@media (min-width: 1200px) {
    .inventario-relaciones-columnas[b-m1129givqc] {
        grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    }
}

.inventario-relaciones-columnas .inventario-relaciones-masivas-table[b-m1129givqc] {
    min-width: 450px;
}

.inventario-relaciones-columnas .inventario-relaciones-zona-asignadas[b-m1129givqc] {
    min-width: 620px;
    table-layout: fixed;
}

.inventario-relaciones-zona-asignadas > thead > tr > th[b-m1129givqc] {
    padding: .62rem .5rem;
}

.inventario-relaciones-zona-asignadas > tbody > tr > td[b-m1129givqc] {
    padding: .58rem .5rem;
}

.inventario-relaciones-zona-asignadas .inventario-relaciones-col-check[b-m1129givqc] {
    width: 38px;
    min-width: 38px;
}

.inventario-relaciones-zona-asignadas .inventario-relaciones-col-articulo[b-m1129givqc] {
    width: auto;
    min-width: 0;
}

.inventario-relaciones-zona-asignadas .inventario-relaciones-col-unidades[b-m1129givqc] {
    width: 90px;
}

.inventario-relaciones-zona-asignadas .inventario-relaciones-col-orden[b-m1129givqc] {
    width: 54px;
}

.inventario-relaciones-zona-asignadas .inventario-relaciones-col-estado[b-m1129givqc] {
    width: 76px;
}

.inventario-relaciones-zona-asignadas .inventario-relaciones-col-acciones[b-m1129givqc] {
    width: 132px;
}

.inventario-relaciones-zona-asignadas .inventario-articulo-descripcion[b-m1129givqc] {
    max-width: none;
    line-height: 1.28;
}

.inventario-relaciones-articulo-codigo[b-m1129givqc] {
    overflow: hidden;
    margin-top: .18rem;
    color: #748087;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventario-relaciones-unidades-compactas[b-m1129givqc] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    color: #425158;
    font-size: .75rem;
    font-weight: 730;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventario-relaciones-zona-asignadas .inventario-maestros-state[b-m1129givqc] {
    min-height: 23px;
    padding: .16rem .42rem;
    font-size: .66rem;
}

.inventario-relaciones-actions-compactas[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .28rem;
    white-space: nowrap;
}

.inventario-relaciones-zona-asignadas .inventario-relaciones-actions-compactas .btn[b-m1129givqc] {
    min-width: 0;
    margin-left: 0;
    padding: .28rem .46rem;
    font-size: .74rem;
    line-height: 1.2;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .inventario-relaciones-columnas .inventario-relaciones-zona-asignadas[b-m1129givqc] {
        min-width: 0;
        table-layout: auto;
    }

    .inventario-relaciones-zona-asignadas .inventario-relaciones-col-check[b-m1129givqc],
    .inventario-relaciones-zona-asignadas .inventario-relaciones-col-articulo[b-m1129givqc],
    .inventario-relaciones-zona-asignadas .inventario-relaciones-col-unidades[b-m1129givqc],
    .inventario-relaciones-zona-asignadas .inventario-relaciones-col-orden[b-m1129givqc],
    .inventario-relaciones-zona-asignadas .inventario-relaciones-col-estado[b-m1129givqc],
    .inventario-relaciones-zona-asignadas .inventario-relaciones-col-acciones[b-m1129givqc] {
        width: 100%;
        min-width: 0;
    }

    .inventario-relaciones-actions-compactas[b-m1129givqc] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .35rem;
    }

    .inventario-relaciones-zona-asignadas .inventario-relaciones-actions-compactas .btn[b-m1129givqc] {
        width: 100%;
        margin: 0;
    }
}

/* =========================================================
   V1.4H5 - CLARIDAD DE INVENTARIOS Y PEDIDOS
   ========================================================= */

/* El selector deja de parecer una pareja de "relaciones" tecnicas y pasa a
   presentar los dos circuitos funcionales que entiende el cliente. */
.inventario-relaciones-selector[b-m1129givqc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    overflow: visible;
    padding: .9rem 1.15rem 0;
}

.inventario-relaciones-selector-item[b-m1129givqc] {
    width: 100%;
    min-height: 112px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    white-space: normal;
    text-align: left;
}

.inventario-relaciones-selector-copy[b-m1129givqc] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .16rem;
}

.inventario-relaciones-selector-kicker[b-m1129givqc] {
    color: #0b8278;
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.inventario-relaciones-selector-title[b-m1129givqc] {
    color: #243137;
    font-size: .93rem;
    font-weight: 850;
    line-height: 1.25;
}

.inventario-relaciones-selector-desc[b-m1129givqc] {
    max-width: 560px;
    color: #69767c;
    font-size: .76rem;
    font-weight: 560;
    line-height: 1.42;
}

.inventario-relaciones-selector-item > strong[b-m1129givqc] {
    flex: 0 0 auto;
    margin-top: .05rem;
}

.inventario-relaciones-selector-item.active .inventario-relaciones-selector-kicker[b-m1129givqc],
.inventario-relaciones-selector-item.active .inventario-relaciones-selector-title[b-m1129givqc],
.inventario-relaciones-selector-item.active .inventario-relaciones-selector-desc[b-m1129givqc] {
    color: #ffffff;
}

.inventario-relaciones-selector-item.active .inventario-relaciones-selector-desc[b-m1129givqc] {
    opacity: .9;
}

/* Explicacion persistente del circuito seleccionado. */
.inventario-concepto-ayuda[b-m1129givqc] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    margin: 0 1.15rem 1rem;
    padding: .8rem .9rem;
    border: 1px solid #d9e8e5;
    border-radius: 10px;
    background: #f7fbfa;
}

    .inventario-concepto-ayuda > div:last-child[b-m1129givqc] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: .12rem;
    }

    .inventario-concepto-ayuda strong[b-m1129givqc] {
        color: #203238;
        font-size: .86rem;
        font-weight: 850;
    }

    .inventario-concepto-ayuda span[b-m1129givqc] {
        color: #647278;
        font-size: .78rem;
        line-height: 1.42;
    }

.inventario-concepto-numero[b-m1129givqc] {
    display: inline-grid;
    min-width: 34px;
    min-height: 34px;
    flex: 0 0 auto;
    place-items: center;
    padding: 0 .45rem;
    border-radius: 8px;
    background: #0d8077;
    color: #ffffff;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .035em;
}

.inventario-concepto-cierre[b-m1129givqc] {
    border-color: rgba(13, 128, 119, .28);
    background: rgba(13, 128, 119, .055);
}

.inventario-conceptos-proveedor[b-m1129givqc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 0 1.15rem 1rem;
}

    .inventario-conceptos-proveedor .inventario-concepto-ayuda[b-m1129givqc] {
        margin: 0;
    }

.inventario-concepto-pedido-previo[b-m1129givqc] {
    border-color: #cfe3df;
    background: #f5faf9;
}

.inventario-concepto-pedido-proveedor[b-m1129givqc] {
    border-color: #cfe3df;
    background: #f5faf9;
}

    .inventario-concepto-pedido-proveedor .inventario-concepto-numero[b-m1129givqc] {
        background: #0d8077;
    }

/* En proveedor, las dos finalidades se muestran con su nombre funcional
   completo. Ya no hay "Recuento" o "Pedido" aislados. */
.inventario-relaciones-unidad-proveedor[b-m1129givqc] {
    grid-template-columns: minmax(145px, 1fr) minmax(175px, auto) minmax(170px, auto);
    gap: .7rem;
}

    .inventario-relaciones-unidad-proveedor .form-check[b-m1129givqc] {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: .28rem;
    }

    .inventario-relaciones-unidad-proveedor .form-check-label[b-m1129givqc] {
        color: #46545b;
        font-size: .75rem;
        line-height: 1.25;
        white-space: normal;
    }

.inventario-conceptos-proveedor-nota[b-m1129givqc] {
    margin: -.15rem 1.15rem 1rem;
    padding: .62rem .8rem;
    border: 1px solid #d9e8e5;
    border-radius: 9px;
    background: #fcfefe;
    color: #506066;
    font-size: .77rem;
    font-weight: 650;
    line-height: 1.42;
}

.inventario-articulo-disponible-resumen[b-m1129givqc] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .12rem;
}

.inventario-articulo-disponible-titulo[b-m1129givqc] {
    color: #243239;
    font-size: .84rem;
    font-weight: 760;
    line-height: 1.28;
}

.inventario-relaciones-masivas-table .inventario-articulo-disponible-titulo[b-m1129givqc] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.inventario-relaciones-archivados-secundario[b-m1129givqc] {
    display: flex;
    justify-content: flex-end;
    padding: .52rem .8rem .62rem;
    border-top: 1px solid #edf1f2;
    background: #fbfcfc;
}

    .inventario-relaciones-archivados-secundario .form-check-label[b-m1129givqc] {
        color: #66747a;
        font-size: .74rem;
        font-weight: 600;
    }

.inventario-relaciones-config-aviso[b-m1129givqc] {
    margin-top: .65rem;
    padding: .58rem .7rem;
    border: 1px solid #ead59a;
    border-radius: 8px;
    background: #fff9e8;
    color: #6f5711;
    font-size: .76rem;
    font-weight: 650;
    line-height: 1.4;
}

@media (max-width: 1180px) {
    .inventario-relaciones-unidades-proveedor-grid[b-m1129givqc] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .inventario-relaciones-selector[b-m1129givqc],
    .inventario-conceptos-proveedor[b-m1129givqc] {
        grid-template-columns: 1fr;
    }

    .inventario-relaciones-selector-item[b-m1129givqc] {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .inventario-relaciones-unidad-proveedor[b-m1129givqc] {
        grid-template-columns: 1fr;
    }

        .inventario-relaciones-unidad-proveedor .form-check[b-m1129givqc] {
            margin-left: 1.55rem !important;
        }

    .inventario-concepto-ayuda[b-m1129givqc] {
        align-items: flex-start;
    }
}




/* =========================================================
   V1.4H5E - MATRIZ PROVEEDOR + FILAS ALINEADAS
   ========================================================= */

.inventario-proveedor-heading-compacto[b-m1129givqc] {
    margin-bottom: .65rem;
}

.inventario-proveedor-matriz[b-m1129givqc] {
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dbe6e7;
    border-radius: 10px;
    background: #ffffff;
}

.inventario-proveedor-matriz-cabecera[b-m1129givqc],
.inventario-proveedor-matriz-fila[b-m1129givqc] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(170px, .9fr) minmax(170px, .9fr);
    align-items: stretch;
}

.inventario-proveedor-matriz-cabecera[b-m1129givqc] {
    border-bottom: 1px solid #dbe6e7;
    background: #f5f8f8;
    color: #526168;
    font-size: .73rem;
    font-weight: 700;
}

    .inventario-proveedor-matriz-cabecera > div[b-m1129givqc],
    .inventario-proveedor-matriz-fila > *[b-m1129givqc] {
        min-width: 0;
        padding: .55rem .68rem;
    }

        .inventario-proveedor-matriz-cabecera > div + div[b-m1129givqc],
        .inventario-proveedor-matriz-fila > * + *[b-m1129givqc] {
            border-left: 1px solid #e5ecec;
        }

    .inventario-proveedor-matriz-cabecera strong[b-m1129givqc],
    .inventario-proveedor-matriz-cabecera span[b-m1129givqc] {
        display: block;
    }

    .inventario-proveedor-matriz-cabecera strong[b-m1129givqc] {
        color: #26353b;
        font-size: .76rem;
    }

    .inventario-proveedor-matriz-cabecera span[b-m1129givqc] {
        margin-top: .08rem;
        color: #77848a;
        font-size: .68rem;
        font-weight: 500;
    }

.inventario-proveedor-matriz-fila[b-m1129givqc] {
    min-height: 46px;
    border-bottom: 1px solid #edf1f2;
    transition: background-color .12s ease;
}

    .inventario-proveedor-matriz-fila:last-child[b-m1129givqc] {
        border-bottom: 0;
    }

    .inventario-proveedor-matriz-fila.selected[b-m1129givqc] {
        background: rgba(13, 128, 119, .055);
    }

.inventario-proveedor-matriz-unidad[b-m1129givqc] {
    display: flex;
    align-items: center;
    color: #2c3a40;
    font-size: .82rem;
}

.inventario-proveedor-matriz-check[b-m1129givqc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin: 0;
    cursor: pointer;
    color: #435158;
    font-size: .74rem;
    font-weight: 600;
    text-align: center;
}

    .inventario-proveedor-matriz-check .form-check-input[b-m1129givqc] {
        flex: 0 0 auto;
        margin: 0;
    }

/* En escritorio el encabezado ya identifica cada columna; el texto repetido
   dentro de cada celda se oculta y queda accesible mediante aria-label. */
@media (min-width: 721px) {
    .inventario-proveedor-matriz-check > span[b-m1129givqc] {
        display: none;
    }
}

.inventario-proveedor-matriz-modal[b-m1129givqc] {
    margin-top: .25rem;
}

/* Panel de proveedor: solo Artículo / Usos / Acciones. */
.inventario-relaciones-proveedor-asignadas[b-m1129givqc] {
    min-width: 620px;
    table-layout: fixed;
}

    .inventario-relaciones-proveedor-asignadas .inventario-relaciones-check[b-m1129givqc] {
        width: 38px;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-articulo[b-m1129givqc] {
        width: 43%;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-usos[b-m1129givqc] {
        width: 36%;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-acciones[b-m1129givqc] {
        width: 150px;
    }

.inventario-proveedor-articulo-resumen[b-m1129givqc] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .18rem;
}

.inventario-proveedor-articulo-titulo[b-m1129givqc] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: #243239;
    font-size: .82rem;
    font-weight: 760;
    line-height: 1.24;
}

.inventario-proveedor-articulo-meta[b-m1129givqc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem .5rem;
    min-height: 18px;
}

    .inventario-proveedor-articulo-meta .inventario-relaciones-articulo-codigo[b-m1129givqc] {
        margin-top: 0;
    }

    .inventario-proveedor-articulo-meta .inventario-maestros-state[b-m1129givqc] {
        font-size: .67rem;
    }

.inventario-proveedor-col-usos[b-m1129givqc] {
    vertical-align: middle;
}

.inventario-proveedor-uso-linea[b-m1129givqc] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: .35rem;
    align-items: baseline;
    line-height: 1.28;
}

    .inventario-proveedor-uso-linea + .inventario-proveedor-uso-linea[b-m1129givqc] {
        margin-top: .18rem;
    }

    .inventario-proveedor-uso-linea > span[b-m1129givqc] {
        color: #6a777d;
        font-size: .72rem;
        font-weight: 700;
    }

    .inventario-proveedor-uso-linea > strong[b-m1129givqc] {
        min-width: 0;
        color: #26353b;
        font-size: .76rem;
        font-weight: 650;
        overflow-wrap: anywhere;
    }

/* Las dos tablas enfrentadas usan la misma altura mínima de fila para que
   sus líneas horizontales queden visualmente alineadas. */
.inventario-relaciones-columnas .inventario-relaciones-masivas-table > tbody > tr[b-m1129givqc],
.inventario-relaciones-columnas .inventario-relaciones-zona-asignadas > tbody > tr[b-m1129givqc],
.inventario-relaciones-columnas .inventario-relaciones-proveedor-asignadas > tbody > tr[b-m1129givqc] {
    height: 72px;
}

    .inventario-relaciones-columnas .inventario-relaciones-masivas-table > tbody > tr > td[b-m1129givqc],
    .inventario-relaciones-columnas .inventario-relaciones-zona-asignadas > tbody > tr > td[b-m1129givqc],
    .inventario-relaciones-columnas .inventario-relaciones-proveedor-asignadas > tbody > tr > td[b-m1129givqc] {
        vertical-align: middle;
    }

.inventario-relaciones-columnas .inventario-relaciones-masivas-table .inventario-articulo-disponible-resumen[b-m1129givqc] {
    min-height: 44px;
    justify-content: center;
}

@media (max-width: 720px) {
    .inventario-proveedor-matriz-cabecera[b-m1129givqc] {
        display: none;
    }

    .inventario-proveedor-matriz-fila[b-m1129givqc] {
        grid-template-columns: 1fr;
        padding: .35rem 0;
    }

        .inventario-proveedor-matriz-fila > *[b-m1129givqc] {
            padding: .42rem .62rem;
        }

            .inventario-proveedor-matriz-fila > * + *[b-m1129givqc] {
                border-left: 0;
            }

    .inventario-proveedor-matriz-check[b-m1129givqc] {
        justify-content: flex-start;
    }

    .inventario-relaciones-proveedor-asignadas[b-m1129givqc] {
        min-width: 0;
    }
}




/* =========================================================
   V1.4H5F - PROVEEDOR COMPACTO + FILTROS DE USO
   ========================================================= */

.inventario-proveedor-intro-compacta[b-m1129givqc] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem .55rem;
    margin: 0 0 .65rem;
    color: #536168;
    font-size: .78rem;
    line-height: 1.35;
}

    .inventario-proveedor-intro-compacta strong[b-m1129givqc] {
        color: #172a33;
        font-size: 1.03rem;
        font-weight: 800;
    }

    .inventario-proveedor-intro-compacta span[b-m1129givqc]::before {
        content: "· ";
        color: #839095;
    }

.inventario-proveedor-config-compacta[b-m1129givqc] {
    padding-bottom: .7rem;
}

.inventario-proveedor-config-titulo[b-m1129givqc] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .2rem .5rem;
}

    .inventario-proveedor-config-titulo > span[b-m1129givqc] {
        margin: 0;
    }

.inventario-proveedor-matriz-tabla-wrap[b-m1129givqc] {
    margin-top: .45rem;
    overflow: hidden;
    border: 1px solid #dbe6e7;
    border-radius: 9px;
    background: #fff;
}

.inventario-proveedor-matriz-tabla[b-m1129givqc] {
    width: 100%;
    min-width: 480px;
    table-layout: fixed;
    font-size: .78rem;
}

    .inventario-proveedor-matriz-tabla thead th[b-m1129givqc] {
        padding: .42rem .6rem;
        border-bottom: 1px solid #dbe6e7;
        background: #f5f8f8;
        color: #35444b;
        font-size: .73rem;
        font-weight: 800;
        line-height: 1.2;
        vertical-align: middle;
    }

        .inventario-proveedor-matriz-tabla thead th:first-child[b-m1129givqc],
        .inventario-proveedor-matriz-tabla tbody td:first-child[b-m1129givqc] {
            width: 40%;
        }

        .inventario-proveedor-matriz-tabla thead th:nth-child(2)[b-m1129givqc],
        .inventario-proveedor-matriz-tabla thead th:nth-child(3)[b-m1129givqc],
        .inventario-proveedor-matriz-tabla tbody td:nth-child(2)[b-m1129givqc],
        .inventario-proveedor-matriz-tabla tbody td:nth-child(3)[b-m1129givqc] {
            width: 30%;
        }

    .inventario-proveedor-matriz-tabla tbody td[b-m1129givqc] {
        height: 40px;
        padding: .35rem .6rem;
        border-bottom: 1px solid #edf1f2;
        color: #2c3a40;
        vertical-align: middle;
    }

    .inventario-proveedor-matriz-tabla tbody tr:last-child td[b-m1129givqc] {
        border-bottom: 0;
    }

    .inventario-proveedor-matriz-tabla tbody tr.selected td[b-m1129givqc] {
        background: rgba(13, 128, 119, .05);
    }

    .inventario-proveedor-matriz-tabla .form-check-input[b-m1129givqc] {
        margin: 0;
        float: none;
    }

.inventario-proveedor-acciones-con-filtro[b-m1129givqc] {
    align-items: center;
}

.inventario-proveedor-filtro-uso[b-m1129givqc] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin: 0;
    color: #5b686e;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

    .inventario-proveedor-filtro-uso .form-select[b-m1129givqc] {
        width: auto;
        min-width: 155px;
        padding-top: .25rem;
        padding-bottom: .25rem;
        font-size: .74rem;
    }

/* Artículo / Contar / Pedir / Acciones: cuatro columnas reales y compactas. */
.inventario-relaciones-proveedor-asignadas[b-m1129givqc] {
    min-width: 600px;
    table-layout: fixed;
}

    .inventario-relaciones-proveedor-asignadas .inventario-relaciones-check[b-m1129givqc] {
        width: 38px;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-articulo[b-m1129givqc] {
        width: 42%;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-contar[b-m1129givqc],
    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-pedir[b-m1129givqc] {
        width: 17%;
        color: #26353b;
        font-size: .75rem;
        line-height: 1.25;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

        .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-contar strong[b-m1129givqc],
        .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-pedir strong[b-m1129givqc] {
            font-weight: 650;
        }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-acciones[b-m1129givqc] {
        width: 136px;
    }

/* Estado activo no ocupa espacio. El badge solo existe en markup si está archivado. */
.inventario-proveedor-articulo-meta:empty[b-m1129givqc] {
    display: none;
}

/* Altura común real para los dos paneles enfrentados. El inline style de 64px
   actúa además como salvaguarda si el CSS aislado tarda en refrescarse. */
.inventario-relacion-fila-cuadrada[b-m1129givqc] {
    height: 64px;
}

    .inventario-relacion-fila-cuadrada > td[b-m1129givqc] {
        vertical-align: middle !important;
    }

.inventario-proveedor-modal-config .inventario-proveedor-matriz-tabla-wrap[b-m1129givqc] {
    margin-top: .55rem;
}

@media (max-width: 900px) {
    .inventario-proveedor-intro-compacta[b-m1129givqc] {
        display: block;
    }

        .inventario-proveedor-intro-compacta span[b-m1129givqc] {
            display: block;
            margin-top: .15rem;
        }

            .inventario-proveedor-intro-compacta span[b-m1129givqc]::before {
                content: "";
            }

    .inventario-proveedor-acciones-con-filtro[b-m1129givqc] {
        align-items: stretch;
    }

    .inventario-proveedor-filtro-uso[b-m1129givqc] {
        width: 100%;
        justify-content: flex-start;
    }
}


/* =========================================================
   V1.4H5G - FILTROS EN CABECERA + PRIORIDAD DE ANCHO A ARTÍCULO
   ========================================================= */

/* El desplegable Mostrar desaparece. Los dos checks viven en las propias
   cabeceras Contar/Pedir. */
.inventario-proveedor-filtro-cabecera[b-m1129givqc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    margin: 0;
    color: #35444b;
    font-size: .73rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

    .inventario-proveedor-filtro-cabecera .form-check-input[b-m1129givqc] {
        float: none;
        width: .92rem;
        height: .92rem;
        margin: 0;
        cursor: pointer;
    }

/* Reparto de columnas: Artículo absorbe el espacio libre; Contar/Pedir son
   compactas y Acciones conserva únicamente lo necesario para Editar/Quitar. */
.inventario-relaciones-proveedor-asignadas[b-m1129givqc] {
    min-width: 560px;
    table-layout: fixed;
}

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-check[b-m1129givqc],
    .inventario-relaciones-proveedor-asignadas .inventario-relaciones-check[b-m1129givqc] {
        width: 34px;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-articulo[b-m1129givqc] {
        width: auto;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-contar[b-m1129givqc],
    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-pedir[b-m1129givqc] {
        width: 96px;
        text-align: left;
        overflow-wrap: normal;
        word-break: normal;
    }

    .inventario-relaciones-proveedor-asignadas thead .inventario-proveedor-col-contar[b-m1129givqc],
    .inventario-relaciones-proveedor-asignadas thead .inventario-proveedor-col-pedir[b-m1129givqc] {
        text-align: center;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-acciones[b-m1129givqc] {
        width: 146px;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-articulo-titulo[b-m1129givqc] {
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

@media (max-width: 1180px) {
    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-contar[b-m1129givqc],
    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-pedir[b-m1129givqc] {
        width: 88px;
    }

    .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-acciones[b-m1129givqc] {
        width: 138px;
    }
}

/* =========================================================
   V1.4H5H - FILTROS OR + SIN SCROLL + ALINEACIÓN PROVEEDOR
   ========================================================= */

/* La introducción debe arrancar en la misma vertical que Proveedor/Buscar. */
.inventario-proveedor-intro-compacta[b-m1129givqc] {
    margin: 0 1.15rem .65rem;
}

/* Checks de filtro: visibles pero compactos. */
.inventario-proveedor-filtro-cabecera[b-m1129givqc] {
    gap: .38rem;
}

    .inventario-proveedor-filtro-cabecera .form-check-input[b-m1129givqc] {
        width: 1rem;
        height: 1rem;
    }

/* En escritorio, la tabla ocupa exactamente el ancho disponible y no fuerza
   una barra horizontal. Artículo recibe todo el espacio sobrante. */
@media (min-width: 721px) {
    .inventario-relaciones-proveedor-asignadas[b-m1129givqc] {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

        .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-check[b-m1129givqc],
        .inventario-relaciones-proveedor-asignadas .inventario-relaciones-check[b-m1129givqc] {
            width: 32px;
        }

        .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-articulo[b-m1129givqc] {
            width: auto;
        }

        .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-contar[b-m1129givqc],
        .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-pedir[b-m1129givqc] {
            width: 82px;
        }

        .inventario-relaciones-proveedor-asignadas .inventario-proveedor-col-acciones[b-m1129givqc] {
            width: 148px;
        }

        .inventario-relaciones-proveedor-asignadas .inventario-maestros-actions .btn[b-m1129givqc] {
            min-width: 64px;
            margin-left: .22rem;
            padding-left: .45rem;
            padding-right: .45rem;
        }

    .inventario-relaciones-bloque.asignados .inventario-maestros-table-wrap[b-m1129givqc] {
        overflow-x: hidden;
    }
}

@media (max-width: 900px) {
    .inventario-proveedor-intro-compacta[b-m1129givqc] {
        margin-left: 1.15rem;
        margin-right: 1.15rem;
    }
}
/* _content/FichajesLP.Administracion/Components/Pages/InventarioPedidos.razor.rz.scp.css */
/* FICHERO: InventarioPedidos.razor.css
   HOJA_DE_RUTA: FICHAJES_HOJA_DE_RUTA_INVENTARIOS_v2.5_20261009_RELACIONES_Y_AJUSTES_UI.txt
   SNAPSHOT_BASE: FICHAJES_20261009_105125
   GENERADO: 09/10/2026
   OBJETIVO: acceso visual coherente a maestros y relaciones.
   CODIFICACION: ASCII puro en CSS. */

.inventario-page[b-4vjojriv3a] {
    padding-bottom: 2.5rem;
}

.inventario-hero[b-4vjojriv3a] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    margin: 0 0 1.1rem;
    padding: 1.7rem 1.8rem;
    border: 1px solid #dce5e5;
    border-radius: 18px;
    background: radial-gradient(circle at 90% 15%, rgba(0, 179, 166, .14), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7fbfa 100%);
    box-shadow: 0 10px 28px rgba(13, 20, 28, .06);
}

    .inventario-hero[b-4vjojriv3a]::after {
        content: "";
        position: absolute;
        right: -55px;
        bottom: -85px;
        width: 220px;
        height: 220px;
        border: 28px solid rgba(0, 127, 118, .045);
        border-radius: 50%;
        pointer-events: none;
    }

.inventario-hero-copy[b-4vjojriv3a] {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

.inventario-kicker[b-4vjojriv3a],
.inventario-section-kicker[b-4vjojriv3a] {
    margin-bottom: .35rem;
    color: #007f76;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
}

.inventario-hero h1[b-4vjojriv3a] {
    margin: 0;
    color: #172127;
    font-size: clamp(1.85rem, 3vw, 2.65rem);
    font-weight: 850;
    letter-spacing: -.035em;
}

.inventario-hero p[b-4vjojriv3a] {
    max-width: 720px;
    margin: .7rem 0 0;
    color: #5f6b72;
    font-size: 1rem;
    line-height: 1.62;
}

.inventario-hero-status[b-4vjojriv3a] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    flex: 0 0 auto;
    padding: .48rem .78rem;
    border: 1px solid rgba(0, 127, 118, .22);
    border-radius: 999px;
    background: rgba(0, 179, 166, .09);
    color: #087f74;
    font-size: .78rem;
    font-weight: 850;
    white-space: nowrap;
}

.inventario-status-dot[b-4vjojriv3a] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(0, 127, 118, .10);
}

.inventario-subnav[b-4vjojriv3a] {
    display: flex;
    align-items: center;
    gap: .35rem;
    overflow-x: auto;
    margin-bottom: 1.6rem;
    padding: .38rem;
    border: 1px solid #e1e6e8;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 20, 28, .035);
}

.inventario-subnav-item[b-4vjojriv3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: .45rem .8rem;
    border-radius: 8px;
    color: #47535a;
    font-size: .85rem;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

    .inventario-subnav-item:hover[b-4vjojriv3a] {
        color: #007f76;
        background: #f3f8f7;
    }

    .inventario-subnav-item.active[b-4vjojriv3a] {
        color: #ffffff;
        background: #0d8077;
        box-shadow: 0 3px 8px rgba(0, 127, 118, .18);
    }

    .inventario-subnav-item.disabled[b-4vjojriv3a] {
        color: #9aa2a7;
        cursor: default;
    }

.inventario-loading[b-4vjojriv3a] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 96px;
    padding: 1rem 1.2rem;
    border: 1px solid #e3e7e9;
    border-radius: 12px;
    background: #ffffff;
    color: #667179;
}

.inventario-section[b-4vjojriv3a] {
    margin-bottom: 1.7rem;
}

.inventario-section-heading[b-4vjojriv3a] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
}

    .inventario-section-heading h2[b-4vjojriv3a] {
        margin: 0;
        color: #1f2a31;
        font-size: 1.28rem;
        font-weight: 820;
    }

.inventario-soft-badge[b-4vjojriv3a] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .25rem .65rem;
    border: 1px solid #dde3e5;
    border-radius: 999px;
    background: #f6f8f8;
    color: #6b747a;
    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

    .inventario-soft-badge.active[b-4vjojriv3a] {
        border-color: rgba(0, 127, 118, .22);
        background: rgba(0, 179, 166, .08);
        color: #087f74;
    }

.inventario-metrics[b-4vjojriv3a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
}

.inventario-metric-card[b-4vjojriv3a] {
    min-width: 0;
    padding: 1.05rem 1rem;
    border: 1px solid #e1e6e8;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 13px rgba(13, 20, 28, .035);
}

.inventario-metric-label[b-4vjojriv3a] {
    color: #59656c;
    font-size: .78rem;
    font-weight: 760;
}

.inventario-metric-value[b-4vjojriv3a] {
    margin: .3rem 0 .2rem;
    color: #172127;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
}

.inventario-metric-detail[b-4vjojriv3a] {
    color: #889197;
    font-size: .75rem;
    line-height: 1.4;
}

.inventario-config-grid[b-4vjojriv3a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.inventario-config-card[b-4vjojriv3a] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: .9rem;
    align-items: start;
    min-height: 138px;
    padding: 1rem;
    border: 1px solid #e0e6e8;
    border-radius: 13px;
    background: #ffffff;
}

.inventario-config-icon[b-4vjojriv3a] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #eef5f4;
    color: #087f74;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.inventario-config-card-wide[b-4vjojriv3a] {
    grid-column: 1 / -1;
    min-height: 110px;
}

.inventario-config-card h3[b-4vjojriv3a] {
    margin: .08rem 0 .35rem;
    color: #243038;
    font-size: 1rem;
    font-weight: 820;
}

.inventario-config-card p[b-4vjojriv3a] {
    margin: 0;
    color: #6b757b;
    font-size: .84rem;
    line-height: 1.5;
}

.inventario-config-state[b-4vjojriv3a] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: .2rem .55rem;
    border: 1px solid #dce5e4;
    border-radius: 999px;
    background: #f6faf9;
    color: #5f7774;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.inventario-next-step[b-4vjojriv3a] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-top: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(0, 127, 118, .18);
    border-radius: 12px;
    background: rgba(0, 179, 166, .055);
    color: #45545a;
    line-height: 1.5;
}

.inventario-next-step-mark[b-4vjojriv3a] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0d8077;
    color: #ffffff;
    font-size: .85rem;
    font-weight: 900;
}

.inventario-next-step strong[b-4vjojriv3a] {
    display: block;
    margin-bottom: .12rem;
    color: #1f3634;
}

.inventario-next-step span[b-4vjojriv3a] {
    color: #63716f;
    font-size: .85rem;
}

@media (max-width: 1150px) {
    .inventario-metrics[b-4vjojriv3a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inventario-config-grid[b-4vjojriv3a] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .inventario-hero[b-4vjojriv3a] {
        flex-direction: column;
        padding: 1.25rem;
        border-radius: 14px;
    }

    .inventario-hero-status[b-4vjojriv3a] {
        align-self: flex-start;
    }

    .inventario-section-heading[b-4vjojriv3a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .inventario-metrics[b-4vjojriv3a] {
        grid-template-columns: 1fr;
    }

    .inventario-config-card[b-4vjojriv3a] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .inventario-config-state[b-4vjojriv3a] {
        grid-column: 2;
        justify-self: start;
    }
}

.inventario-config-card[b-4vjojriv3a] {
    color: inherit;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

    .inventario-config-card:hover[b-4vjojriv3a] {
        color: inherit;
        text-decoration: none;
        border-color: rgba(0, 127, 118, .30);
        box-shadow: 0 7px 18px rgba(0, 127, 118, .07);
        transform: translateY(-1px);
    }

        .inventario-config-card:hover .inventario-config-state[b-4vjojriv3a] {
            border-color: rgba(0, 127, 118, .25);
            background: rgba(0, 179, 166, .08);
            color: #087f74;
        }
/* _content/FichajesLP.Administracion/Components/Pages/Login.razor.rz.scp.css */
/* =========================================================
   FICHAJES by ENTILZA
   Login.razor.css
   ========================================================= */


/* =========================================================
   PAGINA
   ========================================================= */

.login-page[b-hyaosa3i6l] {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 2rem;
    background: #02080e;
}


/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

.login-shell[b-hyaosa3i6l] {
    width: 100%;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}


/* =========================================================
   LOGO
   ========================================================= */

.login-brand[b-hyaosa3i6l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    margin: .35rem 0 1.25rem;
    color: #ffffff;
}

.login-brand-symbol[b-hyaosa3i6l] {
    display: block;
    width: 42px;
    height: auto;
    flex: 0 0 auto;
}

.login-brand-copy[b-hyaosa3i6l] {
    display: flex;
    align-items: baseline;
    gap: .55rem;
    min-width: 0;
}

.login-brand-main[b-hyaosa3i6l] {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: .16rem;
    line-height: 1;
}

.login-brand-by[b-hyaosa3i6l] {
    color: #16c4bc;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
}


/* =========================================================
   TARJETA DE ACCESO
   ========================================================= */

.login-card[b-hyaosa3i6l] {
    padding: 2rem;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
}

.login-card-header[b-hyaosa3i6l] {
    margin-bottom: 1.5rem;
    text-align: center;
}

    .login-card-header h1[b-hyaosa3i6l] {
        margin: 0 0 0.5rem 0;
        color: #111827;
        font-size: 1.65rem;
        font-weight: 700;
    }

    .login-card-header p[b-hyaosa3i6l] {
        margin: 0;
        color: #6b7280;
        font-size: 0.95rem;
        line-height: 1.45;
    }


/* =========================================================
   FORMULARIO
   ========================================================= */

.login-form .form-label[b-hyaosa3i6l] {
    color: #374151;
    font-size: 0.9rem;
    font-weight: 600;
}

.login-form .form-control[b-hyaosa3i6l] {
    border-radius: 9px;
    border-color: #d9dee5;
    font-size: 1rem;
}

    .login-form .form-control:focus[b-hyaosa3i6l] {
        border-color: #00b3a6;
        box-shadow: 0 0 0 0.2rem rgba(0, 179, 166, 0.15);
    }


/* =========================================================
   BOTON ENTRAR
   ========================================================= */

.login-submit[b-hyaosa3i6l] {
    width: 100%;
    min-height: 48px;
    background: #00b3a6;
    border-color: #00b3a6;
    font-weight: 700;
    border-radius: 9px;
}

    .login-submit:hover[b-hyaosa3i6l] {
        background: #009c91;
        border-color: #009c91;
    }


/* =========================================================
   ERROR
   ========================================================= */

.login-error[b-hyaosa3i6l] {
    margin-bottom: 1.25rem;
    text-align: center;
    border-radius: 9px;
}


/* =========================================================
   PRUEBA GRATUITA
   ========================================================= */

.login-trial[b-hyaosa3i6l] {
    margin-top: 1.15rem;
    padding: 1.15rem 1.4rem;
    text-align: center;
    border: 1px solid rgba(0, 179, 166, 0.28);
    border-radius: 12px;
    background: rgba(0, 179, 166, 0.05);
}

.login-trial-title[b-hyaosa3i6l] {
    margin-bottom: 0.3rem;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
}

.login-trial-text[b-hyaosa3i6l] {
    max-width: 340px;
    margin: 0 auto 0.85rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.82rem;
    line-height: 1.45;
}


/* =========================================================
   BOTON FUTURO DE REGISTRO
   ========================================================= */

.login-trial-button[b-hyaosa3i6l] {
    min-height: 40px;
    padding: 0 1.25rem;
    color: #00c9ba;
    background: transparent;
    border: 1px solid #00b3a6;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 700;
}

    .login-trial-button:disabled[b-hyaosa3i6l] {
        opacity: 1;
        cursor: default;
    }


/* =========================================================
   PIE
   ========================================================= */

.login-footer[b-hyaosa3i6l] {
    margin-top: 1rem;
    color: rgba(255, 255, 255, 0.40);
    text-align: center;
    font-size: 0.67rem;
    font-weight: 600;
    letter-spacing: 0.06rem;
}

.login-legal[b-hyaosa3i6l] {
    margin-top: 0.45rem;
    color: rgba(255, 255, 255, 0.30);
    font-weight: 400;
    letter-spacing: normal;
}

    .login-legal span[b-hyaosa3i6l] {
        margin: 0 0.35rem;
    }


/* =========================================================
   MOVIL
   ========================================================= */

@media (max-width: 640px) {

    .login-page[b-hyaosa3i6l] {
        padding: 1.25rem;
        align-items: flex-start;
    }

    .login-brand[b-hyaosa3i6l] {
        gap: .65rem;
        margin: .15rem 0 1rem;
    }

    .login-brand-symbol[b-hyaosa3i6l] {
        width: 36px;
    }

    .login-brand-main[b-hyaosa3i6l] {
        font-size: 1.08rem;
    }

    .login-brand-by[b-hyaosa3i6l] {
        font-size: .7rem;
    }

    .login-brand-copy[b-hyaosa3i6l] {
        gap: .4rem;
    }

    .login-card[b-hyaosa3i6l] {
        padding: 1.4rem;
        border-radius: 12px;
    }

    .login-card-header h1[b-hyaosa3i6l] {
        font-size: 1.35rem;
    }

    .login-card-header p[b-hyaosa3i6l] {
        font-size: 0.9rem;
    }

    .login-trial[b-hyaosa3i6l] {
        padding: 1rem;
    }

    .login-trial-title[b-hyaosa3i6l] {
        font-size: 0.95rem;
    }

    .login-trial-text[b-hyaosa3i6l] {
        font-size: 0.78rem;
    }

    .login-trial-button[b-hyaosa3i6l] {
        width: 100%;
    }

    .login-footer[b-hyaosa3i6l] {
        font-size: 0.62rem;
        line-height: 1.4;
    }
}
/* _content/FichajesLP.Administracion/Components/Pages/MiCuenta.razor.rz.scp.css */
/* =========================================================
   FICHAJES by ENTILZA
   MiCuenta.razor.css
   ========================================================= */

.mi-cuenta-page[b-1twbk44cs1] {
    width: min(980px, 100%);
}

.mi-cuenta-header[b-1twbk44cs1] {
    margin-bottom: 1.5rem;
}

    .mi-cuenta-header h1[b-1twbk44cs1] {
        margin: 0 0 .35rem;
        font-size: 2rem;
        font-weight: 700;
    }

    .mi-cuenta-header p[b-1twbk44cs1],
    .mi-cuenta-section-title p[b-1twbk44cs1] {
        margin: 0;
        color: #6b7280;
    }

.mi-cuenta-section[b-1twbk44cs1] {
    margin-bottom: 2rem;
}

.mi-cuenta-section-title[b-1twbk44cs1] {
    margin-bottom: .85rem;
}

    .mi-cuenta-section-title h2[b-1twbk44cs1] {
        margin: 0 0 .25rem;
        font-size: 1.25rem;
        font-weight: 700;
    }

.mi-cuenta-form[b-1twbk44cs1] {
    padding: 1.25rem;
}

.mi-cuenta-grid[b-1twbk44cs1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}

.mi-cuenta-wide[b-1twbk44cs1] {
    grid-column: 1 / -1;
}

.mi-cuenta-password-grid[b-1twbk44cs1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}

    .mi-cuenta-password-grid > div:first-child[b-1twbk44cs1] {
        grid-column: 1 / -1;
    }

.mi-cuenta-meta[b-1twbk44cs1] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #eef0f2;
}

    .mi-cuenta-meta div[b-1twbk44cs1] {
        display: flex;
        gap: .5rem;
    }

    .mi-cuenta-meta span[b-1twbk44cs1] {
        color: #6b7280;
    }

.mi-cuenta-actions[b-1twbk44cs1] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

    .mi-cuenta-actions .btn[b-1twbk44cs1] {
        min-width: 190px;
    }


/* =========================================================
   MENSAJES FLOTANTES
   ========================================================= */

.mi-cuenta-toast[b-1twbk44cs1] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 2000;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: min(520px, calc(100vw - 2.5rem));
    padding: .95rem 1rem;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .20);
    font-weight: 650;
}

.mi-cuenta-toast-ok[b-1twbk44cs1] {
    color: #0f5132;
    background: #d1e7dd;
    border: 1px solid #badbcc;
}

.mi-cuenta-toast-error[b-1twbk44cs1] {
    color: #842029;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
}

.mi-cuenta-toast span[b-1twbk44cs1] {
    min-width: 0;
    flex: 1 1 auto;
}

.mi-cuenta-toast-close[b-1twbk44cs1] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 6px;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

    .mi-cuenta-toast-close:hover[b-1twbk44cs1] {
        background: rgba(0, 0, 0, .07);
    }


/* =========================================================
   TABLET / MÓVIL
   ========================================================= */

@media (max-width: 899.98px) {
    .mi-cuenta-page[b-1twbk44cs1] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .mi-cuenta-header h1[b-1twbk44cs1] {
        font-size: 1.55rem;
    }

    .mi-cuenta-grid[b-1twbk44cs1],
    .mi-cuenta-password-grid[b-1twbk44cs1] {
        grid-template-columns: 1fr;
    }

        .mi-cuenta-wide[b-1twbk44cs1],
        .mi-cuenta-password-grid > div:first-child[b-1twbk44cs1] {
            grid-column: auto;
        }

    .mi-cuenta-form[b-1twbk44cs1] {
        padding: .9rem;
    }

    .mi-cuenta-meta[b-1twbk44cs1] {
        display: grid;
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .mi-cuenta-actions[b-1twbk44cs1] {
        justify-content: stretch;
    }

        .mi-cuenta-actions .btn[b-1twbk44cs1] {
            width: 100%;
            min-width: 0;
        }

    .mi-cuenta-toast[b-1twbk44cs1] {
        right: .75rem;
        bottom: .75rem;
        left: .75rem;
        width: auto;
        padding: .8rem .85rem;
        font-size: .92rem;
    }
}


/* =========================================================
   EMAIL DE ACCESO
   ========================================================= */

.mi-cuenta-email-actual[b-1twbk44cs1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding: .9rem 1rem;
    background: #f8fafb;
    border: 1px solid #e4e8ec;
    border-radius: 9px;
}

    .mi-cuenta-email-actual > div[b-1twbk44cs1] {
        min-width: 0;
    }

    .mi-cuenta-email-actual strong[b-1twbk44cs1] {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.mi-cuenta-label[b-1twbk44cs1] {
    display: block;
    margin-bottom: .2rem;
    color: #6b7280;
    font-size: .8rem;
    font-weight: 650;
}

.mi-cuenta-email-verificado[b-1twbk44cs1],
.mi-cuenta-email-no-verificado[b-1twbk44cs1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: .3rem .7rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.mi-cuenta-email-verificado[b-1twbk44cs1] {
    color: #087f74;
    background: rgba(0, 179, 166, .13);
}

.mi-cuenta-email-no-verificado[b-1twbk44cs1] {
    color: #8a6100;
    background: #fff3cd;
}

.mi-cuenta-email-grid[b-1twbk44cs1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}

.mi-cuenta-codigo[b-1twbk44cs1] {
    max-width: 260px;
    margin-top: 1rem;
}

    .mi-cuenta-codigo .form-control[b-1twbk44cs1] {
        font-size: 1.25rem;
        letter-spacing: .22rem;
        text-align: center;
    }

.mi-cuenta-actions-double[b-1twbk44cs1] {
    gap: .65rem;
}

@media (max-width: 640px) {
    .mi-cuenta-email-actual[b-1twbk44cs1] {
        align-items: flex-start;
        flex-direction: column;
    }

        .mi-cuenta-email-actual strong[b-1twbk44cs1] {
            white-space: normal;
            overflow-wrap: anywhere;
        }

    .mi-cuenta-email-grid[b-1twbk44cs1] {
        grid-template-columns: 1fr;
    }

    .mi-cuenta-codigo[b-1twbk44cs1] {
        max-width: none;
    }

    .mi-cuenta-actions-double[b-1twbk44cs1] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.mi-cuenta-spam-note[b-1twbk44cs1] {
    display: inline-block;
    margin-top: .35rem;
    color: #24596a;
    font-size: .9rem;
}
/* _content/FichajesLP.Administracion/Components/Pages/PortalEmpleadoPreview.razor.rz.scp.css */
.employee-preview-page[b-4vmtd68gkx] {
    padding: 10px 0 40px;
}

.employee-preview-head[b-4vmtd68gkx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.employee-preview-head h1[b-4vmtd68gkx] {
    margin: 0;
    font-size: 2rem;
}

.employee-preview-head p[b-4vmtd68gkx] {
    margin: 4px 0 0;
    color: #687982;
}

.employee-preview-alert[b-4vmtd68gkx] {
    display: flex;
    justify-content: center;
    gap: 5px;
    text-align: center;
}

.employee-preview-controls[b-4vmtd68gkx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0;
    padding: 12px;
    border: 1px solid #dce5e9;
    border-radius: 12px;
    background: #fff;
}

.employee-preview-month[b-4vmtd68gkx] {
    min-width: 150px;
    text-align: center;
}

.employee-preview-select[b-4vmtd68gkx] {
    width: min(420px, 100%);
    margin-left: auto;
}

.employee-preview-loading[b-4vmtd68gkx] {
    padding: 30px;
    color: #657780;
    text-align: center;
}

@media (max-width: 780px) {
    .employee-preview-head[b-4vmtd68gkx],
    .employee-preview-controls[b-4vmtd68gkx],
    .employee-preview-alert[b-4vmtd68gkx] {
        align-items: stretch;
        flex-direction: column;
    }

    .employee-preview-select[b-4vmtd68gkx] {
        width: 100%;
        margin-left: 0;
    }
}
/* _content/FichajesLP.Administracion/Components/Pages/RecuperarCambioEmail.razor.rz.scp.css */
.recuperar-page[b-9m0q8r1lzx] {
    min-height: 100vh;
    padding: 2rem 1.25rem;
    background: #02080e;
}

.recuperar-shell[b-9m0q8r1lzx] {
    width: min(720px, 100%);
    margin: 0 auto;
}

.recuperar-brand[b-9m0q8r1lzx] {
    margin: .5rem 0 1.25rem;
    color: #ffffff;
    text-align: center;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: .16rem;
}

.recuperar-brand span[b-9m0q8r1lzx] {
    color: #16c4bc;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .1rem;
}

.recuperar-card[b-9m0q8r1lzx] {
    padding: 2rem;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .26);
}

.recuperar-card h1[b-9m0q8r1lzx] {
    margin: 0 0 .65rem;
    color: #111827;
    font-size: 1.75rem;
    font-weight: 750;
}

.recuperar-muted[b-9m0q8r1lzx] { color: #6b7280; }

.recuperar-cambio[b-9m0q8r1lzx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin: 1.5rem 0;
    padding: 1rem;
    background: #f7f9fa;
    border: 1px solid #e3e7ea;
    border-radius: 10px;
}

.recuperar-cambio > div:not(.recuperar-flecha)[b-9m0q8r1lzx] { min-width: 0; }
.recuperar-cambio span[b-9m0q8r1lzx] {
    display: block;
    margin-bottom: .2rem;
    color: #6b7280;
    font-size: .78rem;
    font-weight: 650;
}
.recuperar-cambio strong[b-9m0q8r1lzx] { display: block; overflow-wrap: anywhere; }
.recuperar-flecha[b-9m0q8r1lzx] { color: #0aaea6; font-size: 1.4rem; font-weight: 800; }
.recuperar-button[b-9m0q8r1lzx] { width: 100%; }
.recuperar-aviso-final[b-9m0q8r1lzx] {
    margin: 1.25rem 0 0;
    color: #6b7280;
    font-size: .86rem;
    text-align: center;
}

@media (max-width: 640px) {
    .recuperar-page[b-9m0q8r1lzx] { padding: 1rem; }
    .recuperar-card[b-9m0q8r1lzx] { padding: 1.25rem; }
    .recuperar-card h1[b-9m0q8r1lzx] { font-size: 1.45rem; }
    .recuperar-cambio[b-9m0q8r1lzx] { grid-template-columns: 1fr; }
    .recuperar-flecha[b-9m0q8r1lzx] { transform: rotate(90deg); text-align: center; }
}
/* _content/FichajesLP.Administracion/Components/Pages/RecuperarPassword.razor.rz.scp.css */
.password-reset-page[b-eweekxhf99] {
    min-height: 100vh;
    padding: 2rem 1.25rem;
    background: #02080e;
}

.password-reset-shell[b-eweekxhf99] {
    width: min(620px, 100%);
    margin: 0 auto;
}

.password-reset-brand[b-eweekxhf99] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    margin: .5rem 0 1.25rem;
    color: #ffffff;
}

.password-reset-brand img[b-eweekxhf99] {
    width: 42px;
    height: auto;
}

.password-reset-brand span[b-eweekxhf99] {
    display: flex;
    align-items: baseline;
    gap: .55rem;
}

.password-reset-brand strong[b-eweekxhf99] {
    font-size: 1.35rem;
    letter-spacing: .16rem;
}

.password-reset-brand small[b-eweekxhf99] {
    color: #16c4bc;
    font-size: .78rem;
    font-weight: 700;
}

.password-reset-card[b-eweekxhf99] {
    padding: 2rem;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .26);
}

.password-reset-card h1[b-eweekxhf99] {
    margin: 0 0 .65rem;
    color: #111827;
    font-size: 1.75rem;
    font-weight: 750;
    text-align: center;
}

.password-reset-intro[b-eweekxhf99] {
    margin: 0 0 1.35rem;
    color: #667085;
    text-align: center;
    line-height: 1.55;
}

.password-reset-expiry[b-eweekxhf99] {
    text-align: center;
}

.password-reset-button[b-eweekxhf99] {
    width: 100%;
    min-height: 48px;
    background: #00b3a6;
    border-color: #00b3a6;
    font-weight: 700;
}

.password-reset-button:hover[b-eweekxhf99] {
    background: #009c91;
    border-color: #009c91;
}

.password-reset-code[b-eweekxhf99] {
    text-align: center;
    font-size: 1.35rem;
    letter-spacing: .3rem;
    font-weight: 700;
}

.password-reset-secondary[b-eweekxhf99] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .25rem .75rem;
    margin-top: .75rem;
}

.password-reset-secondary .btn-link[b-eweekxhf99] {
    color: #087f74;
    text-decoration: none;
}

.password-reset-back[b-eweekxhf99] {
    display: block;
    margin-top: 1rem;
    color: #667085;
    text-align: center;
    text-decoration: none;
}

.password-reset-back:hover[b-eweekxhf99],
.password-reset-secondary .btn-link:hover[b-eweekxhf99] {
    text-decoration: underline;
}

@media (max-width: 640px) {
    .password-reset-page[b-eweekxhf99] {
        padding: 1rem;
    }

    .password-reset-card[b-eweekxhf99] {
        padding: 1.25rem;
    }

    .password-reset-card h1[b-eweekxhf99] {
        font-size: 1.45rem;
    }

    .password-reset-brand strong[b-eweekxhf99] {
        font-size: 1.08rem;
    }

    .password-reset-brand img[b-eweekxhf99] {
        width: 36px;
    }

    .password-reset-brand span[b-eweekxhf99] {
        gap: .4rem;
    }
}
/* _content/FichajesLP.Administracion/Components/Pages/Tareas.razor.rz.scp.css */
/* =========================================================
   FICHAJES by ENTILZA
   Tareas.razor.css
   R30 Fase 1
   ========================================================= */

.tareas-page[b-lqz8p6nt0g] {
    padding-bottom: 3rem;
}

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

    .tareas-page-header h1[b-lqz8p6nt0g] {
        color: #111827;
        font-weight: 750;
    }

.tareas-main-action[b-lqz8p6nt0g] {
    min-width: 190px;
    min-height: 42px;
}

.tareas-alert[b-lqz8p6nt0g],
.tareas-phase-note[b-lqz8p6nt0g] {
    border-radius: 12px;
}

.tareas-phase-note[b-lqz8p6nt0g] {
    margin-bottom: 1.1rem;
}

.tareas-tabs[b-lqz8p6nt0g] {
    display: flex;
    gap: .6rem;
    margin-bottom: 1.25rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid #dbe3e7;
}

.tareas-tab[b-lqz8p6nt0g] {
    border: 1px solid #cfdade;
    border-radius: 10px;
    background: #fff;
    color: #374151;
    padding: .62rem .9rem;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-weight: 700;
    line-height: 1;
}

    .tareas-tab:hover[b-lqz8p6nt0g] {
        border-color: #7fbdb8;
        background: #f7fbfb;
    }

    .tareas-tab.active[b-lqz8p6nt0g] {
        border-color: #0f918b;
        background: #0f918b;
        color: #fff;
    }

.tareas-tab-count[b-lqz8p6nt0g] {
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .35rem;
    background: rgba(15, 145, 139, .12);
    color: #0f766e;
    font-size: .78rem;
}

.tareas-tab.active .tareas-tab-count[b-lqz8p6nt0g] {
    background: rgba(255,255,255,.2);
    color: #fff;
}

.tareas-loading[b-lqz8p6nt0g] {
    padding: 2rem;
    border: 1px solid #dce4e8;
    border-radius: 14px;
    background: #fff;
    color: #6b7280;
    text-align: center;
}

.tareas-editor-card[b-lqz8p6nt0g] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    border: 1px solid #cfdfe1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}

.tareas-editor-heading[b-lqz8p6nt0g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

    .tareas-editor-heading h2[b-lqz8p6nt0g] {
        margin: 0;
        color: #111827;
        font-size: 1.35rem;
        font-weight: 750;
    }

.tareas-kicker[b-lqz8p6nt0g] {
    margin-bottom: .25rem;
    color: #0f918b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.tareas-form-grid[b-lqz8p6nt0g] {
    display: grid;
    gap: 1rem;
}

.tareas-form-grid-2[b-lqz8p6nt0g] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tareas-form-grid-3[b-lqz8p6nt0g] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tareas-span-2[b-lqz8p6nt0g] {
    grid-column: 1 / -1;
}

.tareas-field[b-lqz8p6nt0g] {
    min-width: 0;
}

    .tareas-field > label[b-lqz8p6nt0g],
    .tareas-inline-time > label[b-lqz8p6nt0g] {
        display: block;
        margin-bottom: .4rem;
        color: #374151;
        font-size: .88rem;
        font-weight: 700;
    }

.tareas-help[b-lqz8p6nt0g] {
    margin-top: .38rem;
    color: #6b7280;
    font-size: .82rem;
    line-height: 1.4;
}

.tareas-help-emphasis[b-lqz8p6nt0g] {
    padding: .75rem .9rem;
    border-radius: 10px;
    background: #f6f9fa;
    border: 1px solid #e2e8ea;
}

.tareas-instructions[b-lqz8p6nt0g] {
    min-height: 120px;
    resize: vertical;
}

.tareas-section-box[b-lqz8p6nt0g] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #e0e7ea;
    border-radius: 13px;
    background: #fbfcfc;
}

.tareas-section-title[b-lqz8p6nt0g] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .95rem;
}

    .tareas-section-title > div[b-lqz8p6nt0g] {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .tareas-section-title strong[b-lqz8p6nt0g] {
        color: #111827;
        font-size: 1rem;
    }

    .tareas-section-title span:not(.tareas-section-number)[b-lqz8p6nt0g] {
        margin-top: .14rem;
        color: #6b7280;
        font-size: .84rem;
    }

.tareas-section-number[b-lqz8p6nt0g] {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e5f5f3;
    color: #0f766e;
    font-weight: 800;
}

.tareas-choice-row[b-lqz8p6nt0g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.tareas-choice-row-2[b-lqz8p6nt0g] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tareas-choice-card[b-lqz8p6nt0g],
.tareas-option-card[b-lqz8p6nt0g] {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .85rem;
    border: 1px solid #d8e0e3;
    border-radius: 11px;
    background: #fff;
    cursor: pointer;
}

    .tareas-choice-card:has(input:checked)[b-lqz8p6nt0g],
    .tareas-option-card:has(input:checked)[b-lqz8p6nt0g] {
        border-color: #0f918b;
        box-shadow: inset 0 0 0 1px #0f918b;
        background: #f5fbfa;
    }

    .tareas-choice-card input[b-lqz8p6nt0g],
    .tareas-option-card input[b-lqz8p6nt0g],
    .tareas-switch-line input[b-lqz8p6nt0g],
    .tareas-employee-card input[b-lqz8p6nt0g],
    .tareas-photo-required input[b-lqz8p6nt0g],
    .tareas-weekdays input[b-lqz8p6nt0g] {
        accent-color: #0f918b;
    }

    .tareas-choice-card > span[b-lqz8p6nt0g],
    .tareas-option-card > span[b-lqz8p6nt0g],
    .tareas-option-card-main > span[b-lqz8p6nt0g] {
        display: flex;
        flex-direction: column;
        gap: .18rem;
        min-width: 0;
    }

    .tareas-choice-card strong[b-lqz8p6nt0g],
    .tareas-option-card strong[b-lqz8p6nt0g],
    .tareas-option-card-main strong[b-lqz8p6nt0g] {
        color: #1f2937;
        font-size: .9rem;
    }

    .tareas-choice-card small[b-lqz8p6nt0g],
    .tareas-option-card small[b-lqz8p6nt0g],
    .tareas-option-card-main small[b-lqz8p6nt0g] {
        color: #6b7280;
        line-height: 1.35;
    }

.tareas-subform[b-lqz8p6nt0g] {
    margin-top: .9rem;
}

.tareas-checkbox-field[b-lqz8p6nt0g] {
    display: flex;
    align-items: flex-end;
    padding-bottom: .45rem;
}

.tareas-switch-line[b-lqz8p6nt0g] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    color: #374151;
    font-weight: 650;
}

.tareas-weekdays[b-lqz8p6nt0g] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .85rem;
}

    .tareas-weekdays label[b-lqz8p6nt0g] {
        margin: 0;
    }

    .tareas-weekdays input[b-lqz8p6nt0g] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .tareas-weekdays span[b-lqz8p6nt0g] {
        min-height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #d5dee1;
        border-radius: 9px;
        background: #fff;
        color: #374151;
        font-size: .84rem;
        font-weight: 750;
        cursor: pointer;
    }

    .tareas-weekdays input:checked + span[b-lqz8p6nt0g] {
        background: #0f918b;
        color: #fff;
        border-color: #0f918b;
    }

.tareas-employees-tools[b-lqz8p6nt0g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .9rem 0 .7rem;
    color: #5f6b76;
    font-size: .85rem;
}

    .tareas-employees-tools > div[b-lqz8p6nt0g] {
        display: flex;
        gap: .4rem;
    }

.tareas-employees-grid[b-lqz8p6nt0g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    max-height: 315px;
    overflow-y: auto;
    padding: .15rem;
}

.tareas-employee-card[b-lqz8p6nt0g] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    padding: .68rem .72rem;
    border: 1px solid #dbe2e5;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
}

    .tareas-employee-card.selected[b-lqz8p6nt0g] {
        border-color: #0f918b;
        background: #f5fbfa;
    }

.tareas-employee-name[b-lqz8p6nt0g] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #27323a;
    font-size: .85rem;
    font-weight: 650;
}

.tareas-test-badge[b-lqz8p6nt0g] {
    flex: 0 0 auto;
    padding: .16rem .35rem;
    border-radius: 999px;
    background: #fff3cd;
    color: #7a5a00;
    font-size: .65rem;
    font-weight: 800;
}

.tareas-option-grid[b-lqz8p6nt0g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.tareas-comment-mode-grid[b-lqz8p6nt0g] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tareas-option-card-column[b-lqz8p6nt0g] {
    flex-direction: column;
    cursor: default;
}

.tareas-option-card-main[b-lqz8p6nt0g] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    width: 100%;
    cursor: pointer;
}

.tareas-inline-time[b-lqz8p6nt0g] {
    width: 100%;
    padding-top: .75rem;
    border-top: 1px solid #e3eaec;
}

    .tareas-inline-time .form-control[b-lqz8p6nt0g] {
        max-width: 180px;
    }

.tareas-editor-footer[b-lqz8p6nt0g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e7ea;
}

.tareas-active-switch[b-lqz8p6nt0g] {
    font-weight: 750;
}

.tareas-editor-actions[b-lqz8p6nt0g] {
    display: flex;
    gap: .6rem;
}

.tareas-list-heading[b-lqz8p6nt0g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.15rem 0 .7rem;
}

    .tareas-list-heading h2[b-lqz8p6nt0g] {
        margin: 0 0 .2rem;
        color: #111827;
        font-size: 1.2rem;
        font-weight: 750;
    }

    .tareas-list-heading p[b-lqz8p6nt0g] {
        margin: 0;
        color: #6b7280;
        font-size: .87rem;
    }

.tareas-program-grid[b-lqz8p6nt0g],
.tareas-types-grid[b-lqz8p6nt0g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.tareas-program-card[b-lqz8p6nt0g],
.tareas-type-card[b-lqz8p6nt0g] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #dce4e7;
    border-radius: 13px;
    background: #fff;
}

    .tareas-program-card.inactive[b-lqz8p6nt0g],
    .tareas-type-card.inactive[b-lqz8p6nt0g] {
        background: #f8f9fa;
        opacity: .83;
    }

.tareas-program-card-head[b-lqz8p6nt0g],
.tareas-type-head[b-lqz8p6nt0g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
}

.tareas-program-card h3[b-lqz8p6nt0g],
.tareas-type-card h3[b-lqz8p6nt0g] {
    margin: .42rem 0 .15rem;
    color: #111827;
    font-size: 1.03rem;
    font-weight: 750;
}

.tareas-program-task[b-lqz8p6nt0g] {
    color: #0f766e;
    font-size: .86rem;
    font-weight: 700;
}

.tareas-status[b-lqz8p6nt0g] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: .16rem .45rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
}

    .tareas-status.active[b-lqz8p6nt0g] {
        background: #dff5ea;
        color: #146c43;
    }

    .tareas-status.inactive[b-lqz8p6nt0g] {
        background: #e9ecef;
        color: #5f6870;
    }

.tareas-card-actions[b-lqz8p6nt0g] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
}

.tareas-program-meta[b-lqz8p6nt0g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .85rem;
    padding-top: .8rem;
    border-top: 1px solid #edf0f2;
}

    .tareas-program-meta > div[b-lqz8p6nt0g] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: .15rem;
    }

    .tareas-program-meta span[b-lqz8p6nt0g] {
        color: #6b7280;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    .tareas-program-meta strong[b-lqz8p6nt0g] {
        color: #2f3942;
        font-size: .82rem;
        line-height: 1.35;
    }

.tareas-program-flags[b-lqz8p6nt0g] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .8rem;
}

    .tareas-program-flags span[b-lqz8p6nt0g],
    .tareas-photo-tags span[b-lqz8p6nt0g] {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: .18rem .5rem;
        border-radius: 999px;
        font-size: .73rem;
        font-weight: 700;
    }

    .tareas-program-flags .on[b-lqz8p6nt0g] {
        background: #e5f5f3;
        color: #0f766e;
    }

    .tareas-program-flags .off[b-lqz8p6nt0g] {
        background: #f1f3f5;
        color: #6b7280;
    }

.tareas-type-description[b-lqz8p6nt0g] {
    margin: .7rem 0 0;
    color: #5f6b76;
    font-size: .86rem;
    line-height: 1.45;
}

.tareas-type-summary[b-lqz8p6nt0g] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem 1.25rem;
    margin-top: .8rem;
    padding-top: .75rem;
    border-top: 1px solid #edf0f2;
    color: #5f6b76;
    font-size: .8rem;
}

    .tareas-type-summary strong[b-lqz8p6nt0g] {
        color: #27323a;
    }

.tareas-photo-tags[b-lqz8p6nt0g] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    margin-top: .7rem;
}

    .tareas-photo-tags span[b-lqz8p6nt0g] {
        background: #f0f4f5;
        color: #4b5963;
    }

.tareas-no-photos[b-lqz8p6nt0g] {
    padding: .8rem;
    border: 1px dashed #cfd9dc;
    border-radius: 9px;
    color: #6b7280;
    background: #fff;
    font-size: .85rem;
}

.tareas-photo-list[b-lqz8p6nt0g] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.tareas-photo-row[b-lqz8p6nt0g] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .55rem;
}

.tareas-photo-order[b-lqz8p6nt0g] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e7f3f2;
    color: #0f766e;
    font-size: .8rem;
    font-weight: 800;
}

.tareas-photo-required[b-lqz8p6nt0g] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #4b5563;
    font-size: .82rem;
    white-space: nowrap;
}

.tareas-empty-state[b-lqz8p6nt0g] {
    padding: 2.4rem 1.2rem;
    border: 1px dashed #cbd7da;
    border-radius: 14px;
    background: #fff;
    text-align: center;
}

.tareas-empty-icon[b-lqz8p6nt0g] {
    width: 46px;
    height: 46px;
    margin: 0 auto .75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5f5f3;
    color: #0f766e;
    font-size: 1.3rem;
    font-weight: 900;
}

.tareas-empty-state h2[b-lqz8p6nt0g] {
    margin: 0 0 .35rem;
    color: #1f2937;
    font-size: 1.15rem;
}

.tareas-empty-state p[b-lqz8p6nt0g] {
    max-width: 620px;
    margin: 0 auto 1rem;
    color: #6b7280;
}

@media (max-width: 1199.98px) {
    .tareas-employees-grid[b-lqz8p6nt0g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tareas-program-meta[b-lqz8p6nt0g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 899.98px) {
    .tareas-page-header[b-lqz8p6nt0g],
    .tareas-editor-footer[b-lqz8p6nt0g],
    .tareas-employees-tools[b-lqz8p6nt0g],
    .tareas-program-card-head[b-lqz8p6nt0g],
    .tareas-type-head[b-lqz8p6nt0g] {
        flex-direction: column;
        align-items: stretch;
    }

    .tareas-main-action[b-lqz8p6nt0g] {
        width: 100%;
    }

    .tareas-form-grid-2[b-lqz8p6nt0g],
    .tareas-form-grid-3[b-lqz8p6nt0g],
    .tareas-choice-row[b-lqz8p6nt0g],
    .tareas-choice-row-2[b-lqz8p6nt0g],
    .tareas-option-grid[b-lqz8p6nt0g],
    .tareas-program-grid[b-lqz8p6nt0g],
    .tareas-types-grid[b-lqz8p6nt0g] {
        grid-template-columns: 1fr;
    }

    .tareas-span-2[b-lqz8p6nt0g] {
        grid-column: auto;
    }

    .tareas-card-actions[b-lqz8p6nt0g] {
        justify-content: flex-start;
    }

    .tareas-editor-actions[b-lqz8p6nt0g] {
        width: 100%;
    }

        .tareas-editor-actions .btn[b-lqz8p6nt0g] {
            flex: 1 1 0;
        }
}

@media (max-width: 620px) {
    .tareas-tabs[b-lqz8p6nt0g] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .tareas-tab[b-lqz8p6nt0g] {
        justify-content: center;
    }

    .tareas-employees-grid[b-lqz8p6nt0g] {
        grid-template-columns: 1fr;
        max-height: 360px;
    }

    .tareas-weekdays[b-lqz8p6nt0g] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tareas-photo-row[b-lqz8p6nt0g] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

        .tareas-photo-required[b-lqz8p6nt0g],
        .tareas-photo-row .btn[b-lqz8p6nt0g] {
            grid-column: 2;
            justify-self: start;
        }

    .tareas-editor-card[b-lqz8p6nt0g],
    .tareas-section-box[b-lqz8p6nt0g] {
        padding: .85rem;
    }
}

/* ============================================================
   R30 Fase 1 · R4
   Errores emergentes y Administración de Tareas no móvil
   ============================================================ */

.tareas-dialog-backdrop[b-lqz8p6nt0g] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .38);
}

.tareas-dialog[b-lqz8p6nt0g] {
    width: min(560px, 100%);
    padding: 22px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
}

.tareas-dialog-error[b-lqz8p6nt0g] {
    border-top: 5px solid #dc3545;
}

.tareas-dialog-icon[b-lqz8p6nt0g] {
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fdebec;
    color: #b42318;
    font-size: 1.35rem;
    font-weight: 900;
}

.tareas-dialog-content h2[b-lqz8p6nt0g] {
    margin: 0 0 8px;
    font-size: 1.25rem;
    color: #1f2937;
}

.tareas-dialog-content p[b-lqz8p6nt0g] {
    margin: 0;
    color: #475569;
    line-height: 1.5;
}

.tareas-dialog-actions[b-lqz8p6nt0g] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.tareas-mobile-blocker[b-lqz8p6nt0g] {
    display: none;
}

@media (max-width: 767.98px) {
    .tareas-page[b-lqz8p6nt0g] {
        display: none !important;
    }

    .tareas-mobile-blocker[b-lqz8p6nt0g] {
        min-height: calc(100vh - 80px);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 22px;
    }

    .tareas-mobile-blocker-card[b-lqz8p6nt0g] {
        width: 100%;
        max-width: 520px;
        padding: 26px 22px;
        border: 1px solid #d8e2e6;
        border-radius: 16px;
        background: #fff;
        text-align: center;
    }

    .tareas-mobile-blocker-icon[b-lqz8p6nt0g] {
        margin-bottom: 10px;
        font-size: 2rem;
    }

    .tareas-mobile-blocker-card h1[b-lqz8p6nt0g] {
        margin: 0 0 10px;
        font-size: 1.25rem;
        color: #1f2937;
    }

    .tareas-mobile-blocker-card p[b-lqz8p6nt0g] {
        margin: 0;
        color: #64748b;
        line-height: 1.5;
    }
}



/* ============================================================
   R30 Fase 1 · R5
   Confirmaciones y protección de cambios
   ============================================================ */

.tareas-dialog-warning[b-lqz8p6nt0g] {
    border-top: 5px solid #d59b16;
}

.tareas-dialog-icon-warning[b-lqz8p6nt0g] {
    background: #fff4d7;
    color: #946200;
}

.tareas-dialog-warning .tareas-dialog-content p + p[b-lqz8p6nt0g] {
    margin-top: .65rem;
}

/* =========================================================
   R31 · Ciclo de vida de Programaciones
   ========================================================= */

.tareas-program-list-heading[b-lqz8p6nt0g] {
    align-items: center;
}

.tareas-program-filters[b-lqz8p6nt0g] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.tareas-program-filter[b-lqz8p6nt0g] {
    border: 1px solid #cfdade;
    border-radius: 999px;
    background: #fff;
    color: #4b5563;
    padding: .48rem .72rem;
    font-size: .8rem;
    font-weight: 750;
    line-height: 1;
}

    .tareas-program-filter span[b-lqz8p6nt0g] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        margin-left: .3rem;
        padding: 0 .3rem;
        border-radius: 999px;
        background: #eef2f3;
        color: #52606d;
        font-size: .72rem;
    }

    .tareas-program-filter.active[b-lqz8p6nt0g] {
        border-color: #0f918b;
        background: #0f918b;
        color: #fff;
    }

        .tareas-program-filter.active span[b-lqz8p6nt0g] {
            background: rgba(255,255,255,.2);
            color: #fff;
        }

.tareas-empty-filter[b-lqz8p6nt0g] {
    padding: 1.1rem 1.25rem;
    border: 1px dashed #cad5d9;
    border-radius: 12px;
    background: #fbfcfc;
    color: #66727c;
}

.tareas-program-card.expired[b-lqz8p6nt0g] {
    background: #fffaf0;
    border-color: #ead6a5;
}

.tareas-program-card.archived[b-lqz8p6nt0g] {
    background: #f4f5f6;
    border-color: #d4d9dd;
    opacity: .9;
}

.tareas-status.expired[b-lqz8p6nt0g] {
    background: #fff1c7;
    color: #8a5b00;
}

.tareas-status.archived[b-lqz8p6nt0g] {
    background: #e3e6e8;
    color: #4f5962;
}

.tareas-program-flags .archive-info[b-lqz8p6nt0g] {
    background: #eceff1;
    color: #58636c;
}

@media (max-width: 900px) {
    .tareas-program-list-heading[b-lqz8p6nt0g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tareas-program-filters[b-lqz8p6nt0g] {
        justify-content: flex-start;
    }
}

/* =========================================================
   R33B · Seguimiento
   Separación visual suave con identidad corporativa
   ========================================================= */

.tareas-follow-card[b-lqz8p6nt0g] {
    overflow: hidden;
    border: 1px solid #c9e4e2;
    border-left: 5px solid #0f918b;
    border-radius: 14px;
    background: linear-gradient( 135deg, #fbfefe 0%, #f2fbfa 58%, #eef8f8 100%);
    box-shadow: 0 8px 22px rgba(18, 68, 72, .07);
}

    .tareas-follow-card .card-body[b-lqz8p6nt0g] {
        background: transparent;
    }

    .tareas-follow-card hr[b-lqz8p6nt0g] {
        border-color: #cfe4e2;
        opacity: 1;
    }

    .tareas-follow-card .list-group[b-lqz8p6nt0g] {
        border-radius: 10px;
        overflow: hidden;
    }

    .tareas-follow-card .list-group-item[b-lqz8p6nt0g] {
        border-color: #d7e8e6;
        background: rgba(255, 255, 255, .76);
    }

        .tareas-follow-card .list-group-item + .list-group-item[b-lqz8p6nt0g] {
            border-top-color: #cfdfdd;
        }

.tareas-follow-submission[b-lqz8p6nt0g] {
    border: 1px solid #c6dfdd;
    border-left: 4px solid #57b8b2;
    border-radius: 11px;
    background: rgba(255, 255, 255, .82);
}

    .tareas-follow-submission .btn-outline-primary[b-lqz8p6nt0g] {
        border-color: #0f918b;
        color: #08756f;
        background: #fff;
    }

        .tareas-follow-submission .btn-outline-primary:hover[b-lqz8p6nt0g] {
            border-color: #0b7e78;
            background: #0f918b;
            color: #fff;
        }

/* =========================================================
   R34 · Incumplimientos y cancelaciones
   ========================================================= */

.tareas-follow-card-danger[b-lqz8p6nt0g] {
    border-color: #efc6c6;
    border-left-color: #c83e3e;
    background: linear-gradient( 135deg, #fffafa 0%, #fff3f3 58%, #fdeeee 100%);
    box-shadow: 0 8px 22px rgba(138, 36, 36, .08);
}

.tareas-follow-card-muted[b-lqz8p6nt0g] {
    border-color: #d9dfe2;
    border-left-color: #8b979d;
    background: linear-gradient( 135deg, #fbfcfc 0%, #f4f6f7 100%);
    box-shadow: 0 6px 16px rgba(45, 58, 64, .05);
}

.tareas-follow-review[b-lqz8p6nt0g] {
    border: 1px solid #edc1c1;
    border-left: 4px solid #c83e3e;
    border-radius: 10px;
    background: rgba(255, 245, 245, .92);
    color: #7a2525;
    padding: .75rem .9rem;
}

/* R37A-R2 · filtros y código visual de Seguimiento */
.tareas-follow-filters[b-lqz8p6nt0g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.tareas-follow-card-success[b-lqz8p6nt0g] {
    border-color: #b9dfc5;
    border-left-color: #23924c;
    background: linear-gradient(135deg, #fbfffc 0%, #f0fbf3 60%, #eaf8ee 100%);
    box-shadow: 0 8px 22px rgba(35, 146, 76, .07);
}

.tareas-follow-card-communication[b-lqz8p6nt0g] {
    border-color: #efcf91;
    border-left-color: #d97706;
    background: linear-gradient(135deg, #fffdf8 0%, #fff8e8 60%, #fff3d6 100%);
    box-shadow: 0 8px 22px rgba(180, 83, 9, .08);
}

.tareas-badge-communication[b-lqz8p6nt0g] {
    background: #d97706;
    color: #fff;
}
/* _content/FichajesLP.Administracion/Components/Shared/HorarioEmpleadoPortalView.razor.rz.scp.css */
.portal-shell[b-wujhaz8zcy] {
    --employee-color: #168a8a;
    width: min(1120px, 100%);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #dce5e9;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(14, 31, 40, .10);
    color: #152632;
}

.portal-header[b-wujhaz8zcy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 22px;
    border-bottom: 1px solid #e7ecef;
    background: #0f1b23;
    color: #fff;
}

.portal-brand[b-wujhaz8zcy],
.portal-employee[b-wujhaz8zcy] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.portal-brand-mark[b-wujhaz8zcy],
.portal-avatar[b-wujhaz8zcy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    font-weight: 900;
}

.portal-brand-mark[b-wujhaz8zcy] {
    width: 38px;
    height: 38px;
    border: 2px solid #20c9bc;
    color: #20c9bc;
}

.portal-avatar[b-wujhaz8zcy] {
    width: 44px;
    height: 44px;
    background: var(--employee-color);
    color: #fff;
    font-size: 12px;
}

.portal-brand > div:last-child[b-wujhaz8zcy],
.portal-employee > div[b-wujhaz8zcy] {
    display: flex;
    flex-direction: column;
}

.portal-brand strong[b-wujhaz8zcy] {
    letter-spacing: .16em;
}

.portal-brand small[b-wujhaz8zcy],
.portal-employee small[b-wujhaz8zcy] {
    color: #afbec6;
}

.portal-title-row[b-wujhaz8zcy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 24px 18px;
}

    .portal-title-row h2[b-wujhaz8zcy] {
        margin: 0;
        font-size: 30px;
        font-weight: 800;
    }

.portal-month[b-wujhaz8zcy] {
    margin-top: 3px;
    color: #52656f;
    font-size: 16px;
    font-weight: 700;
}

.portal-published[b-wujhaz8zcy] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 8px 12px;
    border-radius: 12px;
    background: #eaf8f0;
    color: #137046;
}

    .portal-published strong[b-wujhaz8zcy] {
        font-size: 11px;
        letter-spacing: .04em;
    }

    .portal-published small[b-wujhaz8zcy] {
        margin-top: 2px;
        color: #4f6f60;
        font-size: 10px;
    }

.portal-calendar[b-wujhaz8zcy] {
    padding: 0 18px 22px;
}

.portal-weekdays[b-wujhaz8zcy],
.portal-week[b-wujhaz8zcy] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}

.portal-weekdays[b-wujhaz8zcy] {
    margin-bottom: 8px;
    padding: 0 4px;
    color: #6d7b83;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
}

.portal-week + .portal-week[b-wujhaz8zcy] {
    margin-top: 8px;
}

.portal-day[b-wujhaz8zcy] {
    min-height: 142px;
    padding: 10px;
    border: 1px solid #e1e7ea;
    border-radius: 12px;
    background: #fafcfd;
}

    .portal-day.has-schedule[b-wujhaz8zcy] {
        border-color: #dbe4e8;
        border-left: 4px solid var(--employee-color);
        background: #fff;
    }

    .portal-day.outside[b-wujhaz8zcy] {
        border-color: transparent;
        background: #f2f5f6;
        opacity: .58;
    }

.portal-day-head[b-wujhaz8zcy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #edf1f3;
}

    .portal-day-head strong[b-wujhaz8zcy] {
        font-size: 12px;
    }

    .portal-day-head span[b-wujhaz8zcy] {
        color: #72818a;
        font-size: 11px;
        font-weight: 800;
    }

.portal-day-empty[b-wujhaz8zcy] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 82px;
    color: #b0bac0;
    font-weight: 700;
}

.portal-center-block[b-wujhaz8zcy] {
    margin-top: 9px;
}

    .portal-center-block + .portal-center-block[b-wujhaz8zcy] {
        padding-top: 8px;
        border-top: 1px dashed #dfe6e9;
    }

.portal-center-name[b-wujhaz8zcy] {
    margin-bottom: 5px;
    overflow: hidden;
    color: #65747d;
    font-size: 9px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-shift[b-wujhaz8zcy],
.portal-vacation[b-wujhaz8zcy],
.portal-dayoff[b-wujhaz8zcy],
.portal-holiday-rest[b-wujhaz8zcy],
.portal-no-shift[b-wujhaz8zcy] {
    margin-top: 5px;
    padding: 7px 7px;
    border-radius: 8px;
    text-align: center;
    font-size: 11px;
    font-weight: 900;
}

.portal-shift[b-wujhaz8zcy] {
    background: #f2f7f7;
    border: 1px solid #d8e3e6;
    border-left: 4px solid var(--employee-color);
    color: #20323d;
}

.portal-vacation[b-wujhaz8zcy] {
    background: repeating-linear-gradient( 135deg, #2aae83 0 8px, #62c9aa 8px 16px);
    border-left: 4px solid var(--employee-color);
    color: #fff;
    letter-spacing: .025em;
}



.portal-dayoff[b-wujhaz8zcy] {
    background: repeating-linear-gradient(135deg, #f2b633 0 8px, #ffd36a 8px 16px);
    border: 1px solid #e0a11d;
    border-left: 4px solid #d18a00;
    color: #4d3900;
    letter-spacing: .025em;
}

.portal-holiday-rest[b-wujhaz8zcy] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    background: repeating-linear-gradient(135deg, #7963c7 0 8px, #a79ae2 8px 16px);
    border: 1px solid #6852b6;
    border-left: 4px solid #533eaa;
    color: #fff;
    letter-spacing: .015em;
}

    .portal-holiday-rest small[b-wujhaz8zcy] {
        display: block;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: normal;
    }

.portal-no-shift[b-wujhaz8zcy] {
    background: #f0f3f5;
    color: #687780;
}

.portal-no-schedule[b-wujhaz8zcy] {
    margin: 0 24px 24px;
    padding: 26px;
    border: 1px dashed #cfdadd;
    border-radius: 14px;
    background: #fafcfd;
    color: #63737c;
    text-align: center;
    font-weight: 700;
}

.portal-footer[b-wujhaz8zcy] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 22px;
    border-top: 1px solid #e7ecef;
    background: #f8fafb;
    color: #75828a;
    font-size: 10px;
}

.portal-empty[b-wujhaz8zcy] {
    padding: 36px;
    border: 1px dashed #cbd6db;
    border-radius: 14px;
    background: #fff;
    color: #64747d;
    text-align: center;
}

@media (max-width: 820px) {
    .portal-header[b-wujhaz8zcy],
    .portal-title-row[b-wujhaz8zcy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .portal-published[b-wujhaz8zcy] {
        align-items: flex-start;
    }

    .portal-weekdays[b-wujhaz8zcy] {
        display: none;
    }

    .portal-week[b-wujhaz8zcy] {
        grid-template-columns: 1fr;
        gap: 7px;
    }

        .portal-week + .portal-week[b-wujhaz8zcy] {
            margin-top: 7px;
        }

    .portal-day.outside[b-wujhaz8zcy] {
        display: none;
    }

    .portal-day[b-wujhaz8zcy] {
        min-height: 0;
    }

    .portal-day-empty[b-wujhaz8zcy] {
        min-height: 34px;
    }

    .portal-day-head strong[b-wujhaz8zcy]::after {
        content: "";
    }

    .portal-footer[b-wujhaz8zcy] {
        flex-direction: column;
    }
}

/* =========================================================
   FICHAJES by ENTILZA
   PORTAL EMPLEADO - HORARIO COMPACTO SOLO TELEFONO <= 520 px
   Escritorio y tablet permanecen sin cambios.
   ========================================================= */
@media (max-width: 520px) {

    .portal-shell[b-wujhaz8zcy] {
        border-radius: 14px;
    }

    /* Cabecera interna mas compacta, en una sola fila. */
    .portal-header[b-wujhaz8zcy] {
        align-items: center;
        flex-direction: row;
        gap: 10px;
        padding: 12px 14px;
    }

    .portal-brand[b-wujhaz8zcy],
    .portal-employee[b-wujhaz8zcy] {
        min-width: 0;
        gap: 8px;
    }

    .portal-brand-mark[b-wujhaz8zcy] {
        width: 34px;
        height: 34px;
    }

    .portal-avatar[b-wujhaz8zcy] {
        width: 36px;
        height: 36px;
        font-size: 11px;
    }

    .portal-brand strong[b-wujhaz8zcy] {
        font-size: 13px;
        letter-spacing: .12em;
    }

    .portal-brand small[b-wujhaz8zcy],
    .portal-employee small[b-wujhaz8zcy] {
        font-size: 10px;
    }

    .portal-employee[b-wujhaz8zcy] {
        margin-left: auto;
    }

        .portal-employee > div[b-wujhaz8zcy] {
            min-width: 0;
        }

        .portal-employee strong[b-wujhaz8zcy] {
            display: block;
            max-width: 145px;
            overflow: hidden;
            font-size: 13px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    /* Titulo + estado publicado en una misma franja. */
    .portal-title-row[b-wujhaz8zcy] {
        align-items: flex-start;
        flex-direction: row;
        gap: 10px;
        padding: 14px 14px 12px;
    }

        .portal-title-row h2[b-wujhaz8zcy] {
            font-size: 24px;
        }

    .portal-month[b-wujhaz8zcy] {
        font-size: 14px;
    }

    .portal-published[b-wujhaz8zcy] {
        flex: 0 0 auto;
        margin-left: auto;
        padding: 6px 8px;
        border-radius: 10px;
    }

        .portal-published strong[b-wujhaz8zcy] {
            font-size: 9px;
        }

        .portal-published small[b-wujhaz8zcy] {
            font-size: 9px;
        }

    /* El mes pasa de tarjetas altas a filas compactas por dia. */
    .portal-calendar[b-wujhaz8zcy] {
        padding: 0 10px 12px;
    }

    .portal-week[b-wujhaz8zcy] {
        gap: 4px;
    }

        .portal-week + .portal-week[b-wujhaz8zcy] {
            margin-top: 4px;
        }

    .portal-day[b-wujhaz8zcy] {
        display: grid;
        grid-template-columns: 108px minmax(0, 1fr);
        align-items: start;
        gap: 8px;
        min-height: 0;
        padding: 8px 9px;
        border-radius: 10px;
    }

    .portal-day-head[b-wujhaz8zcy] {
        grid-column: 1;
        grid-row: 1;
        align-items: center;
        min-width: 0;
        padding: 6px 0;
        border-bottom: 0;
    }

        .portal-day-head strong[b-wujhaz8zcy] {
            overflow: hidden;
            font-size: 13px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .portal-day-head span[b-wujhaz8zcy] {
            margin-left: 6px;
            font-size: 11px;
        }

    .portal-day-empty[b-wujhaz8zcy] {
        grid-column: 2;
        min-height: 32px;
        justify-content: flex-start;
        padding: 6px 8px;
    }

    .portal-center-block[b-wujhaz8zcy] {
        grid-column: 2;
        min-width: 0;
        margin-top: 0;
    }

        .portal-center-block + .portal-center-block[b-wujhaz8zcy] {
            padding-top: 6px;
        }

    .portal-center-name[b-wujhaz8zcy] {
        margin-bottom: 4px;
        font-size: 9px;
    }

    .portal-shift[b-wujhaz8zcy],
    .portal-vacation[b-wujhaz8zcy],
    .portal-dayoff[b-wujhaz8zcy],
    .portal-holiday-rest[b-wujhaz8zcy],
    .portal-no-shift[b-wujhaz8zcy] {
        margin-top: 0;
        padding: 7px 8px;
        font-size: 12px;
    }

        .portal-shift + .portal-shift[b-wujhaz8zcy],
        .portal-vacation + .portal-shift[b-wujhaz8zcy],
        .portal-dayoff + .portal-shift[b-wujhaz8zcy],
        .portal-holiday-rest + .portal-shift[b-wujhaz8zcy],
        .portal-no-shift + .portal-shift[b-wujhaz8zcy] {
            margin-top: 5px;
        }

    .portal-footer[b-wujhaz8zcy] {
        gap: 4px;
        padding: 9px 12px;
        font-size: 9px;
    }
}